+ :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;
+ }
}
}
-
-
-}