From 8d8f5f23638a9d2f633c48955e3971958110745c Mon Sep 17 00:00:00 2001
From: liuzewei <909920273@qq.com>
Date: Tue, 28 Sep 2021 15:13:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=A7=E6=9C=AC=E6=B5=81=E7=A8=8Bbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/sce/sceInfo/index.vue | 202 ++++++++++++++++++++------------
1 file changed, 128 insertions(+), 74 deletions(-)
diff --git a/src/views/sce/sceInfo/index.vue b/src/views/sce/sceInfo/index.vue
index 90bafcd..6fbb6ea 100644
--- a/src/views/sce/sceInfo/index.vue
+++ b/src/views/sce/sceInfo/index.vue
@@ -421,6 +421,8 @@
list-type="picture-card"
:show-file-list="false"
:http-request="labeluploadimg"
+ element-loading-text="正在上传..."
+ v-loading="loadingImg"
>
@@ -947,7 +949,9 @@ export default {
components: { Tinymce },
data() {
return {
+ liuChengLeixingType:'',
loadingAudio: false,
+ loadingImg:false,
baseUrl,
loading: true,
queryParams: {
@@ -1664,68 +1668,80 @@ export default {
},
//同步流程
tongbuliuchen(){
- //删除图片
- this.imgData.forEach((item,index)=>{
- let imgprocessId=this.imgData[index].processId?this.imgData[index].processId.split(","):[]
- let data=[]
- let name=[]
- if(this.ruleForm.processesList.length<1){
- this.imgData[index].processId=null
- this.imgData[index].processNames=null
- }else{
- for(let x=0;x-1 ){
- data.push(imgprocessId[y])
- }
- if(this.ruleForm.processesList[x].code==imgprocessId[y]){
- name.push(this.ruleForm.processesList[x].title)
- }
-
- }
- this.imgData[index].processId=data.join(",")
- this.imgData[index].processNames=name.join(",")
- }
- }
-
- })
- //删除音频
- this.musicData.forEach((item,index)=>{
- let imgprocessId=this.musicData[index].processId?this.musicData[index].processId.split(","):[]
- let data=[]
- let name=[]
- for(let x=0;x-1 ){
- data.push(imgprocessId[y])
- }
- if(this.ruleForm.processesList[x].code==imgprocessId[y]){
- name.push(this.ruleForm.processesList[x].title)
- }
- }
- this.musicData[index].processId=data.join(",")
- this.musicData[index].processNames=name.join(",")
- }
- })
- //删除视频
- this.videoData.forEach((item,index)=>{
- let imgprocessId=this.videoData[index].processId?this.videoData[index].processId.split(","):[]
- let data=[]
- let name=[]
- for(let x=0;x-1 ){
- data.push(imgprocessId[y])
- }
- if(this.ruleForm.processesList[x].code==imgprocessId[y]){
- name.push(this.ruleForm.processesList[x].title)
+ //删除图片
+ this.imgData.forEach((item,index)=>{
+ let imgProcessId=this.imgData[index].processId?this.imgData[index].processId.split(","):[]
+ let data=[]
+ let name=[]
+ if(this.ruleForm.processesList.length<1){ //this.ruleForm.processesList table上的数据
+ this.imgData[index].processId=null //this.imgData 图片的关联流程
+ this.imgData[index].processNames=null
+ }else{
+ console.log('else');
+ for(let x=0;x-1 ){ //如果table上的code在图片的关联数据上,就把图片的关联放到data中
+ data.push(imgProcessId[y])
+ console.log(data);
+ };
+ if(this.ruleForm.processesList[x].code==imgProcessId[y]){ //如果图片关联的数据中有table上的code,就把table上的title放到name上
+ name.push(this.ruleForm.processesList[x].title)
+ console.log(name);
+ }
+ }
+ }
+
+ this.imgData[index].processId=data.join(","); //把data上的数据变成字符串赋值到当前图片的下拉框上
+ this.imgData[index].processNames=name.join(',')
+ console.log(this.imgData);
}
+ })
+ //删除音频
+ this.musicData.forEach((item,index)=>{
+ let musicProcessId=this.musicData[index].processId?this.musicData[index].processId.split(","):[]
+ let data=[]
+ let name=[]
+ if(this.ruleForm.processesList.length<1){
+ this.musicData[index].processId=null
+ this.musicData[index].processNames=null
+ }else{
+ for(let x=0;x-1 ){
+ data.push(musicProcessId[y])
+ }
+ if(this.ruleForm.processesList[x].code==musicProcessId[y]){
+ name.push(this.ruleForm.processesList[x].title)
+ }
+ }
+ this.musicData[index].processId=data.join(",")
+ this.musicData[index].processNames=name.join(",")
+ }
}
- this.videoData[index].processId=data.join(",")
- this.videoData[index].processNames=name.join(",")
- }
- })
-
+ })
+ //删除视频
+ this.videoData.forEach((item,index)=>{
+ let videoProcessId=this.videoData[index].processId?this.videoData[index].processId.split(","):[]
+ let data=[]
+ let name=[]
+ if(this.ruleForm.processesList.length<1){
+ this.videoData[index].processId=null
+ this.videoData[index].processNames=null
+ }else{
+ for(let x=0;x-1 ){
+ data.push(videoProcessId[y])
+ }
+ if(this.ruleForm.processesList[x].code==videoProcessId[y]){
+ name.push(this.ruleForm.processesList[x].title)
+ }
+ }
+ this.videoData[index].processId=data.join(",")
+ this.videoData[index].processNames=name.join(",")
+ }
+ }
+ })
},
// 开本流程删除
Del(index) {
@@ -1735,12 +1751,13 @@ export default {
type: "warning"
})
.then(() => {
- this.ruleForm.processesList.splice(index, 1),
+ console.log('点击删除');
+ this.ruleForm.processesList.splice(index, 1),
this.tongbuliuchen();
this.$message({
type: "success",
message: "删除成功!"
- });
+ });
})
.catch(() => {
this.$message({
@@ -1848,6 +1865,7 @@ export default {
const formdata = new FormData();
formdata.append("file", file);
formdata.append("type", "product");
+ this.loadingImg = true;
uploadFile(formdata).then(res => {
this.imgData.push({
url: res.data.wjUrl,
@@ -1857,6 +1875,7 @@ export default {
sourceType: 1
});
this.imgType = true;
+ this.loadingImg = false;
});
},
labeluploadmusic({ file }) {
@@ -1955,9 +1974,6 @@ export default {
},
//关联流程
setLc(item, i, type) {
- console.log('item',item);
- console.log('i',i);
- console.log('type',type);
if (this.ruleForm.processesList.length == 0) {
this.$message({
message: "请新建流程",
@@ -1966,26 +1982,64 @@ export default {
return false;
}
if (type == "img") {
- this.imgIndex = i;
- try{
- this.processId = this.imgData[i].processId.split(',')
+ this.liuChengLeixingType = 'img'
+ this.imgIndex = i;
+ console.log('musicIndex',this.imgIndex);
+ try{
+ if(this.imgData[i].processNames == ''){
+ this.processId = "";
+ }else{
+ // this.processId = this.imgData[i].processId.split(',') //数组
+ let processId = this.imgData[i].processId.split(',') //数组
+ //图片添加的时候下拉多选框回显
+ this.ruleForm.resourcesList.forEach(item=>{
+ if(item.processId == processId) {
+ this.processId = processId;
+ }
+ })
+ }
}catch(err){}
} else if (type == "music") {
+ this.liuChengLeixingType = 'music'
this.musicIndex = i;
+ console.log('musicIndex',this.musicIndex);
try{
- this.processId = this.musicData[i].processId.split(',')
+ if(this.musicData[i].processNames == ''){
+ this.processId = "";
+ }else{
+ // this.processId = this.musicData[i].processId.split(',')
+ let processId = this.musicData[i].processId.split(',')
+ //音频添加的时候下拉多选框回显
+ this.ruleForm.resourcesList.forEach(item=>{
+ if(item.processId == processId) {
+ this.processId = processId;
+ }
+ })
+ }
}catch(err){}
} else if (type == "video") {
+ this.liuChengLeixingType = 'video'
this.videoIndex = i;
+ console.log('videoIndex',this.videoIndex);
try{
- this.processId = this.videoData[i].processId.split(',')
+ if(this.videoData[i].processNames == ''){
+ this.processId = "";
+ }else{
+ // this.processId = this.videoData[i].processId.split(',')
+ let processId = this.videoData[i].processId.split(',')
+ //视频添加的时候下拉多选框回显
+ this.ruleForm.resourcesList.forEach(item=>{
+ if(item.processId == processId) {
+ this.processId = processId;
+ }
+ })
+ }
}catch(err){}
}
this.list = item;
this.typeUrl = type;
// this.processId = "";
this.process.Visible = true;
-
},
subMitLc() {
this.process.Visible = false;
@@ -2000,7 +2054,7 @@ export default {
}
}
this.imgData[this.imgIndex].processNames = tmp.join(",");
- this.imgData[this.imgIndex].processId = this.processId;
+ this.imgData[this.imgIndex].processId = this.processId.join(',');
this.imgData[this.imgIndex].mediaType = 1;
this.imgData[this.imgIndex].sourceType = this.radioImg;
}
@@ -2015,7 +2069,7 @@ export default {
}
}
this.musicData[this.musicIndex].processNames = tmp.join(",");
- this.musicData[this.musicIndex].processId = this.processId;
+ this.musicData[this.musicIndex].processId = this.processId.join(',');
this.musicData[this.musicIndex].mediaType = 2;
this.musicData[this.musicIndex].sourceType = this.radioMusic;
}
@@ -2030,7 +2084,7 @@ export default {
}
}
this.videoData[this.videoIndex].processNames = tmp.join(",");
- this.videoData[this.videoIndex].processId = this.processId;
+ this.videoData[this.videoIndex].processId = this.processId.join(',');
this.videoData[this.videoIndex].mediaType = 3;
this.videoData[this.videoIndex].sourceType = this.radioVideo;
}