|
|
|
@ -37,13 +37,14 @@ |
|
|
|
:action="upload_url" |
|
|
|
list-type="picture-card" |
|
|
|
:name="upload_name" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:on-exceed="exceedPic" |
|
|
|
:on-remove="removePic" |
|
|
|
:file-list="picList" |
|
|
|
:limit="3" |
|
|
|
:limit="5" |
|
|
|
:http-request="uploadPic"> |
|
|
|
<span class="font-14">选择图片</span> |
|
|
|
<div slot="tip" |
|
|
|
class="el-upload__tip">小程序页面截图，最多3张，每张大小2M以内</div> |
|
|
|
class="el-upload__tip">小程序页面截图，最多5张，每张大小2M以内</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
@ -54,9 +55,10 @@ |
|
|
|
ref="uploadVedio" |
|
|
|
:action="upload_url" |
|
|
|
:name="upload_name" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:file-list="vedioList" |
|
|
|
:limit="1" |
|
|
|
:on-exceed="exceedVedio" |
|
|
|
:on-remove="removeVedio" |
|
|
|
:file-list="videoList" |
|
|
|
:limit="2" |
|
|
|
:http-request="uploadVedio"> |
|
|
|
<el-button size="small" |
|
|
|
type="primary">选择视频</el-button> |
|
|
|
@ -103,13 +105,14 @@ |
|
|
|
:action="upload_url" |
|
|
|
list-type="picture-card" |
|
|
|
:name="upload_name" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:on-exceed="exceedFeedbackPic" |
|
|
|
:on-remove="removeFeedbackPic" |
|
|
|
:file-list="feedbackPicList" |
|
|
|
:limit="3" |
|
|
|
:limit="5" |
|
|
|
:http-request="uploadFeedbackPic"> |
|
|
|
<span class="font-14">选择图片</span> |
|
|
|
<div slot="tip" |
|
|
|
class="el-upload__tip">大小2M以内</div> |
|
|
|
class="el-upload__tip">反馈图片，最多5张，大小2M以内</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
@ -223,10 +226,6 @@ export default { |
|
|
|
sceneOtherDisabled: true, // 其他场景是否禁用 |
|
|
|
dataForm: { |
|
|
|
versionDesc: '', // 小程序版本说明和功能解释 |
|
|
|
previewInfo: { // 预览信息 |
|
|
|
videoIdList: [], |
|
|
|
picIdList: [] |
|
|
|
}, |
|
|
|
feedbackInfo: '', // 反馈内容 |
|
|
|
feedbackStuff: '', // 反馈素材 |
|
|
|
ugcDeclare: { // 用户生成内容场景（UGC）信息安全声明 |
|
|
|
@ -237,16 +236,13 @@ export default { |
|
|
|
auditDesc: '' // 说明当前对UGC内容的审核机制,不超过256字 |
|
|
|
} |
|
|
|
}, |
|
|
|
previewPicArray: [], |
|
|
|
previewVedioArray: [], |
|
|
|
feedbackPicArray: [], |
|
|
|
|
|
|
|
// 上传素材 |
|
|
|
dialogImageUrl: '/third/code/mediaupload', |
|
|
|
upload_url: '', // 上传URL |
|
|
|
upload_name: '', // 图片或视频名称 |
|
|
|
picList: [], // 预览列表 |
|
|
|
vedioList: [], // 预览列表 |
|
|
|
videoList: [], // 预览列表 |
|
|
|
feedbackPicList: [], // 预览列表 |
|
|
|
|
|
|
|
// 弹出框相关 |
|
|
|
@ -276,10 +272,6 @@ export default { |
|
|
|
reseatDataForm () { |
|
|
|
this.dataForm = { |
|
|
|
versionDesc: '', // 小程序版本说明和功能解释 |
|
|
|
previewInfo: { // 预览信息 |
|
|
|
videoIdList: [], |
|
|
|
picIdList: [] |
|
|
|
}, |
|
|
|
feedbackInfo: '', // 反馈内容 |
|
|
|
feedbackStuff: '', // 反馈素材 |
|
|
|
ugcDeclare: { // 用户生成内容场景（UGC）信息安全声明 |
|
|
|
@ -296,77 +288,83 @@ export default { |
|
|
|
this.$refs['ref_submit_item'].initData(this.codeId) |
|
|
|
} |
|
|
|
}, |
|
|
|
handleExceed: function () { |
|
|
|
removeVedio (file) { |
|
|
|
this.videoList.splice(this.videoList.findIndex(item => item.uid === file.uid), 1) |
|
|
|
// console.log(this.videoList) |
|
|
|
}, |
|
|
|
removePic (file) { |
|
|
|
this.picList.splice(this.picList.findIndex(item => item.uid === file.uid), 1) |
|
|
|
// console.log(this.picList) |
|
|
|
}, |
|
|
|
removeFeedbackPic (file) { |
|
|
|
this.feedbackPicList.splice(this.feedbackPicList.findIndex(item => item.uid === file.uid), 1) |
|
|
|
// console.log(this.feedbackPicList) |
|
|
|
}, |
|
|
|
exceedPic: function () { |
|
|
|
this.$message({ |
|
|
|
message: '最多上传5张预览图片', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
}, |
|
|
|
exceedVedio: function () { |
|
|
|
this.$message({ |
|
|
|
message: '最多上传2个预览视频', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
}, |
|
|
|
exceedFeedbackPic: function () { |
|
|
|
this.$message({ |
|
|
|
message: '请先删除选择的图片或视频，再上传', |
|
|
|
message: '最多上传5张反馈图片', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 上传视频 |
|
|
|
uploadVedio: function (params) { |
|
|
|
// eslint-disable-next-line |
|
|
|
debugger |
|
|
|
let file = params.file |
|
|
|
let fileType = file.type |
|
|
|
let isVideo = fileType.indexOf('video') !== -1 |
|
|
|
let fileUrl = this.$refs.uploadVedio.uploadFiles[this.vedioList.length].url |
|
|
|
let fileUrl = this.$refs.uploadVedio.uploadFiles[this.videoList.length].url |
|
|
|
file.url = fileUrl |
|
|
|
this.vedioList.push(file) |
|
|
|
this.videoList.push(file) |
|
|
|
|
|
|
|
let isLt2M = file.size / 1024 / 1024 < 2 |
|
|
|
if (!isLt2M) { |
|
|
|
this.$message({ |
|
|
|
message: '上传视频大小不能超过 2MB!', |
|
|
|
type: 'error' |
|
|
|
}) |
|
|
|
this.$refs.upload.uploadFiles = [] |
|
|
|
return |
|
|
|
} |
|
|
|
if (!isVideo) { |
|
|
|
this.$message({ |
|
|
|
message: '请选择视频!', |
|
|
|
type: 'error' |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
this.$refs.upload.uploadFiles = [] |
|
|
|
this.videoList.pop() |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
let isMP4 = file.type === 'video/mp4' |
|
|
|
if (!isMP4) { |
|
|
|
if (!isVideo || !isMP4) { |
|
|
|
this.$message({ |
|
|
|
message: '上传视频只支持 mp4 格式!', |
|
|
|
type: 'error' |
|
|
|
message: '请选择mp4格式的视频!', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
this.$refs.upload.uploadFiles = [] |
|
|
|
this.videoList.pop() |
|
|
|
return |
|
|
|
} |
|
|
|
this.startLoading() |
|
|
|
this.upload_name = 'file_video[]' |
|
|
|
let formData = new FormData() |
|
|
|
// // eslint-disable-next-line |
|
|
|
// debugger |
|
|
|
|
|
|
|
formData.append('type', fileType) |
|
|
|
formData.append('media', file) |
|
|
|
formData.append('codeId', this.codeId) |
|
|
|
window.app.ajax.post2(this.dialogImageUrl, formData, |
|
|
|
(data, rspMsg) => { |
|
|
|
// eslint-disable-next-line |
|
|
|
debugger |
|
|
|
this.endLoading() |
|
|
|
if (data.code === 0) { |
|
|
|
console.log('成功') |
|
|
|
let obj = { |
|
|
|
mediaid: data, |
|
|
|
uid: file.uid |
|
|
|
} |
|
|
|
this.previewVedioArray.push(obj) |
|
|
|
this.$message.success(rspMsg) |
|
|
|
this.videoList[this.videoList.length - 1].mediaid = data.data |
|
|
|
} else { |
|
|
|
console.log('失败') |
|
|
|
this.vedioList.pop() |
|
|
|
this.videoList.pop() |
|
|
|
this.$message.error(rspMsg) |
|
|
|
} |
|
|
|
}, |
|
|
|
(rspMsg, data) => { |
|
|
|
this.vedioList.pop() |
|
|
|
this.videoList.pop() |
|
|
|
this.endLoading() |
|
|
|
this.$message.error(rspMsg) |
|
|
|
}) |
|
|
|
}, |
|
|
|
@ -379,51 +377,44 @@ export default { |
|
|
|
file.url = fileUrl |
|
|
|
this.picList.push(file) |
|
|
|
|
|
|
|
// let isLt2M = file.size / 1024 / 1024 < 2 |
|
|
|
// if (!isLt2M) { |
|
|
|
// this.$message({ |
|
|
|
// message: '上传图片大小不能超过 2MB!', |
|
|
|
// type: 'error' |
|
|
|
// }) |
|
|
|
// this.$refs.upload.uploadFiles = [] |
|
|
|
// // return |
|
|
|
// } |
|
|
|
let isLt2M = file.size / 1024 / 1024 < 2 |
|
|
|
if (!isLt2M) { |
|
|
|
this.$message({ |
|
|
|
message: '上传图片大小不能超过 2MB!', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
this.picList.pop() |
|
|
|
return |
|
|
|
} |
|
|
|
if (!isImage) { |
|
|
|
this.$message({ |
|
|
|
message: '请选择图片!', |
|
|
|
type: 'error' |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
this.$refs.uploadPic.uploadFiles = [] |
|
|
|
this.picList.pop() |
|
|
|
return |
|
|
|
} |
|
|
|
// console.log(this.picList) |
|
|
|
|
|
|
|
this.upload_name = 'file_img[]' |
|
|
|
let formData = new FormData() |
|
|
|
|
|
|
|
this.startLoading() |
|
|
|
formData.append('type', fileType) |
|
|
|
formData.append('media', file) |
|
|
|
formData.append('codeId', this.codeId) |
|
|
|
window.app.ajax.post2(this.dialogImageUrl, formData, |
|
|
|
(data, rspMsg) => { |
|
|
|
// eslint-disable-next-line |
|
|
|
debugger |
|
|
|
this.endLoading() |
|
|
|
if (data.code === 0) { |
|
|
|
console.log('成功') |
|
|
|
let obj = { |
|
|
|
mediaid: data, |
|
|
|
uid: file.uid |
|
|
|
} |
|
|
|
this.previewPicArray.push(obj) |
|
|
|
this.$message.success(rspMsg) |
|
|
|
this.picList[this.picList.length - 1].mediaid = data.data |
|
|
|
} else { |
|
|
|
console.log('失败') |
|
|
|
this.picList.pop() |
|
|
|
this.$message.error(rspMsg) |
|
|
|
} |
|
|
|
}, |
|
|
|
(rspMsg, data) => { |
|
|
|
this.picList.pop() |
|
|
|
this.endLoading() |
|
|
|
this.$message.error(rspMsg) |
|
|
|
}, { headers: { 'Content-Type': 'multipart/form-data' } }) |
|
|
|
}, |
|
|
|
@ -436,24 +427,23 @@ export default { |
|
|
|
file.url = fileUrl |
|
|
|
this.feedbackPicList.push(file) |
|
|
|
|
|
|
|
// let isLt2M = file.size / 1024 / 1024 < 2 |
|
|
|
// if (!isLt2M) { |
|
|
|
// this.$message({ |
|
|
|
// message: '上传图片大小不能超过 2MB!', |
|
|
|
// type: 'error' |
|
|
|
// }) |
|
|
|
// this.$refs.upload.uploadFiles = [] |
|
|
|
// // return |
|
|
|
// } |
|
|
|
let isLt2M = file.size / 1024 / 1024 < 2 |
|
|
|
if (!isLt2M) { |
|
|
|
this.$message({ |
|
|
|
message: '上传图片大小不能超过 2MB!', |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
this.feedbackPicList.pop() |
|
|
|
return |
|
|
|
} |
|
|
|
if (!isImage) { |
|
|
|
this.$message({ |
|
|
|
message: '请选择图片!', |
|
|
|
type: 'error' |
|
|
|
type: 'warning' |
|
|
|
}) |
|
|
|
this.$refs.uploadPic.uploadFiles = [] |
|
|
|
this.feedbackPicList.pop() |
|
|
|
return |
|
|
|
} |
|
|
|
// console.log(this.picList) |
|
|
|
|
|
|
|
this.upload_name = 'file_img[]' |
|
|
|
let formData = new FormData() |
|
|
|
@ -461,26 +451,20 @@ export default { |
|
|
|
formData.append('type', fileType) |
|
|
|
formData.append('media', file) |
|
|
|
formData.append('codeId', this.codeId) |
|
|
|
this.startLoading() |
|
|
|
window.app.ajax.post2(this.dialogImageUrl, formData, |
|
|
|
(data, rspMsg) => { |
|
|
|
// eslint-disable-next-line |
|
|
|
debugger |
|
|
|
this.endLoading() |
|
|
|
if (data.code === 0) { |
|
|
|
console.log('成功') |
|
|
|
let obj = { |
|
|
|
mediaid: data, |
|
|
|
uid: file.uid |
|
|
|
} |
|
|
|
this.feedbackPicArray.push(obj) |
|
|
|
this.$message.success(rspMsg) |
|
|
|
this.feedbackPicList[this.feedbackPicList.length - 1].mediaid = data.data |
|
|
|
} else { |
|
|
|
console.log('失败') |
|
|
|
this.feedbackPicList.pop() |
|
|
|
this.$message.error(rspMsg) |
|
|
|
} |
|
|
|
}, |
|
|
|
(rspMsg, data) => { |
|
|
|
this.feedbackPicList.pop() |
|
|
|
this.endLoading() |
|
|
|
this.$message.error(rspMsg) |
|
|
|
}, { headers: { 'Content-Type': 'multipart/form-data' } }) |
|
|
|
}, |
|
|
|
@ -511,32 +495,36 @@ export default { |
|
|
|
this.dataForm.ugcDeclare.auditDesc = '' |
|
|
|
}, |
|
|
|
submitCode () { |
|
|
|
// const url = '/third/code/audit' |
|
|
|
let params = { |
|
|
|
codeId: this.codeId, |
|
|
|
ugcDeclare: this.dataForm.ugcDeclare // 信息安全 |
|
|
|
} |
|
|
|
// 功能说明 |
|
|
|
// 解析预览信息 |
|
|
|
this.dataForm.previewInfo.picIdList = [] |
|
|
|
this.dataForm.previewInfo.videoIdList = [] |
|
|
|
this.previewPicArray.forEach(element => { |
|
|
|
this.dataForm.previewInfo.picIdList.push(element.mediaid) |
|
|
|
let picIdList = [] |
|
|
|
let videoIdList = [] |
|
|
|
this.picList.forEach(element => { |
|
|
|
picIdList.push(element.mediaid) |
|
|
|
}) |
|
|
|
|
|
|
|
this.previewVedioArray.forEach(element => { |
|
|
|
this.dataForm.previewInfo.videoIdList.push(element.mediaid) |
|
|
|
// // eslint-disable-next-line |
|
|
|
// debugger |
|
|
|
this.videoList.forEach(element => { |
|
|
|
videoIdList.push(element.mediaid) |
|
|
|
}) |
|
|
|
|
|
|
|
// 预览信息排除空数组 |
|
|
|
if (this.dataForm.previewInfo.picIdList.length > 0 || this.dataForm.previewInfo.videoIdList.length > 0) { |
|
|
|
params.previewInfo = Object |
|
|
|
if (this.dataForm.previewInfo.picIdList.length > 0) { |
|
|
|
params.previewInfo.picIdList = this.dataForm.previewInfo.picIdList |
|
|
|
if (picIdList.length > 0 || videoIdList.length > 0) { |
|
|
|
params.previewInfo = {} |
|
|
|
if (picIdList.length > 0) { |
|
|
|
params.previewInfo.picIdList = picIdList |
|
|
|
} |
|
|
|
if (this.dataForm.previewInfo.videoIdList.length > 0) { |
|
|
|
params.previewInfo.videoIdList = this.dataForm.previewInfo.videoIdList |
|
|
|
if (videoIdList.length > 0) { |
|
|
|
params.previewInfo.videoIdList = videoIdList |
|
|
|
} |
|
|
|
// console.log('预览图片：') |
|
|
|
// console.log(params.previewInfo.picIdList) |
|
|
|
// console.log('预览视频：') |
|
|
|
// console.log(params.previewInfo.videoIdList) |
|
|
|
} |
|
|
|
|
|
|
|
// 小程序描述排除空内容 |
|
|
|
@ -554,42 +542,51 @@ export default { |
|
|
|
if (this.dataForm.feedbackInfo !== '') { |
|
|
|
params.feedbackInfo = this.dataForm.feedbackInfo |
|
|
|
} |
|
|
|
this.dataForm.feedbackStuff = '' |
|
|
|
this.feedbackPicList.forEach(element => { |
|
|
|
this.dataForm.feedbackStuff = this.dataForm.feedbackStuff + element.mediaid + '|' |
|
|
|
}) |
|
|
|
|
|
|
|
if (this.dataForm.feedbackStuff !== '') { |
|
|
|
this.dataForm.feedbackStuff = this.dataForm.feedbackStuff.slice(0, this.dataForm.feedbackStuff.length - 1) |
|
|
|
params.feedbackStuff = this.dataForm.feedbackStuff |
|
|
|
} |
|
|
|
|
|
|
|
console.log(params) |
|
|
|
// this.startLoading() |
|
|
|
// window.app.ajax.post(url, params, |
|
|
|
// (data, rspMsg) => { |
|
|
|
// this.endLoading() |
|
|
|
// this.$message.success('提交审核成功，请等待审核结果') |
|
|
|
// this.diaCancel() |
|
|
|
// this.$emit('refresh') |
|
|
|
// }, |
|
|
|
// (rspMsg, data) => { |
|
|
|
// this.endLoading() |
|
|
|
// this.$message.error(rspMsg) |
|
|
|
// }) |
|
|
|
|
|
|
|
// console.log('反馈图片：') |
|
|
|
// console.log(params.feedbackStuff) |
|
|
|
|
|
|
|
const url = '/third/code/audit' |
|
|
|
this.startLoading() |
|
|
|
window.app.ajax.post(url, params, |
|
|
|
(data, rspMsg) => { |
|
|
|
this.endLoading() |
|
|
|
this.$message.success('提交审核成功，请等待审核结果') |
|
|
|
this.diaCancel() |
|
|
|
this.$emit('refresh') |
|
|
|
}, |
|
|
|
(rspMsg, data) => { |
|
|
|
this.endLoading() |
|
|
|
this.$message.error(rspMsg) |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 取消 |
|
|
|
diaCancel () { |
|
|
|
this.resetData() |
|
|
|
this.activeName = 'desc' |
|
|
|
this.diaVisible = false |
|
|
|
}, |
|
|
|
resetData () { |
|
|
|
this.reseatDataForm() |
|
|
|
// 功能说明 |
|
|
|
this.picList = [] |
|
|
|
this.previewPicArray = [] |
|
|
|
this.vedioList = [] |
|
|
|
this.previewVedioArray = [] |
|
|
|
this.videoList = [] |
|
|
|
|
|
|
|
// 审核项 |
|
|
|
this.$refs['ref_submit_item'].reseatData() |
|
|
|
// 反馈说明 |
|
|
|
this.feedbackPicList = [] |
|
|
|
this.feedbackPicArray = [] |
|
|
|
// 信息安全 |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|
|
jiangyy
5 years ago