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