From 005a1bb85c46358da485d217258aa8aa5695e1e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=82=B9=E7=95=85?= Date: Sun, 26 Sep 2021 21:07:23 +0800 Subject: [PATCH] add --- src/views/sce/sceInfo/index.vue | 251 ++++++++++++++++++-------------- 1 file changed, 141 insertions(+), 110 deletions(-) diff --git a/src/views/sce/sceInfo/index.vue b/src/views/sce/sceInfo/index.vue index b6b3366..78c8d6d 100644 --- a/src/views/sce/sceInfo/index.vue +++ b/src/views/sce/sceInfo/index.vue @@ -95,7 +95,7 @@ --> - +

开本流程

@@ -370,7 +377,12 @@ 网易云地址 --> - +
网易云地址 - +
- + - +
+ :src="item.url" + width="178px" + height="178px" + controls="controls" + v-if="videoData.length > 0" + > -
+
{{ item.processNames }}
关联流程 - 删除视频 + 删除视频
- - - + { done(); - this.type = '' + this.type = ""; }) .catch(_ => {}); }, @@ -1527,7 +1553,7 @@ export default { } catch (err) {} }, subEsc() { - this.type = '' + this.type = ""; this.ruleForm = { studioName: "", title: "", @@ -1638,7 +1664,7 @@ export default { // 开本流程新增 handleAddK() { //为空不能进行添加 - if(!this.ruleForm.processesList.includes(false)){ + if (!this.ruleForm.processesList.includes(false)) { this.disabledButton = true; } this.ruleForm.processesList.push({ @@ -1646,26 +1672,28 @@ export default { code: "", introduction: "", sort: "", - type: '5', + type: "5" }); }, // 开本流程删除 Del(index) { this.$confirm("此操作将永久删除该剧本流程,是否继续?", "提示", { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning" + }) + .then(() => { this.ruleForm.processesList.splice(index, 1), + this.$message({ + type: "success", + message: "删除成功!" + }); + }) + .catch(() => { this.$message({ - type: 'success', - message: '删除成功!' + type: "error", + message: "已取消删除" }); - }).catch(() => { - this.$message({ - type: 'error', - message: '已取消删除' - }); }); }, // 图片预览 @@ -1789,14 +1817,14 @@ export default { processNames: "", title: res.data.wjDx, mediaType: 2, - sourceType: 1, + sourceType: 1 }); this.loadingAudio = false; this.musicType = true; }); }, labeluploadvideo({ file }) { - this.loading = true; + this.loading = true; const formdata = new FormData(); formdata.append("file", file); formdata.append("type", "product"); @@ -1810,15 +1838,16 @@ export default { }); this.loading = false; //取消加载 this.radioType = true; - this.findvideocover(res.data.wjUrl,file) + this.findvideocover(res.data.wjUrl, file); }); }, delDataImg(item, index) { this.$confirm("此操作将永久删除图片,是否继续?", "提示", { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning" + }) + .then(() => { this.dataImg.splice(index, 1); delFile({ wjUrl: item }).then(res => { if (res.code == 200) { @@ -1826,47 +1855,50 @@ export default { } }); this.$message({ - type: 'success', - message: '删除成功!' + type: "success", + message: "删除成功!" }); - }).catch(() => { + }) + .catch(() => { this.$message({ - type: 'error', - message: '已取消删除' - }); + type: "error", + message: "已取消删除" + }); }); }, // 图片删除 deldialogimg(item, index, type) { this.$confirm("此您确定要删除吗,是否继续?", "提示", { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }).then(() => { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning" + }) + .then(() => { switch (type) { - case 'img': + case "img": this.imgData.splice(index, 1); break; - case 'music': + case "music": this.musicData.splice(index, 1); break; - case 'video': - this.videoData.splice(index, 1); + case "video": + this.videoData.splice(index, 1); break; default: break; } delFile({ wjUrl: item.url }).then(res => { - if (res.code == 200) { - this.$message.success("删除成功"); + if (res.code == 200) { + this.$message.success("删除成功"); } }); - }).catch(() => { + }) + .catch(() => { this.$message({ - type: 'error', - message: '已取消删除' - }); - }); + type: "error", + message: "已取消删除" + }); + }); }, //关联流程 setLc(item, i, type) { @@ -1945,10 +1977,9 @@ export default { } }, //查看视频 - handleView(item){ - console.log(item,'视频地址') - }, - + handleView(item) { + console.log(item, "视频地址"); + } } }; @@ -2038,28 +2069,28 @@ export default { display: flex !important; } -.audioUpload{ - .el-form-item__content{ - display: flex; - flex-direction: column-reverse; - .imgdata{ +.audioUpload { + .el-form-item__content { + display: flex; + // flex-direction: column-reverse; + flex-wrap: wrap; + .imgdata { margin-top: 20px; } } } - -.videoUpload{ - .el-form-item__content{ +.videoUpload { + .el-form-item__content { margin-left: 100px; - display: flex; - flex-direction: column-reverse; - .imgdata{ - margin-top: 20px; - display: block !important; + display: flex; + // flex-direction: column-reverse; + flex-wrap: wrap; + .imgdata { + margin-top: 20px; + display: block !important; + flex-wrap: nowrap; + } } } - - -}