直播简介图片回显

src/views/yqrange/create-live.vue

@@ -144,7 +144,8 @@
                 <el-button size="small" type="info" @click="addIntroImage()">+新增图片</el-button>
                 </el-col>
               <el-col :span="16">
-                <div v-for="(item, index) in formData.rtcIntroduces.filter(obj=> obj.type === 2)" :key="index" style="margin-left:0px;min-width: 380px;display: flex;align-items: center">
+                <!--<div v-for="(item, index) in formData.rtcIntroduces.filter(obj=> obj.type === 2)" :key="index" style="margin-left:0px;min-width: 380px;display: flex;align-items: center">-->
+                <div v-for="(item, index) in formData.rtcIntroducesImages" :key="index" style="margin-left:0px;min-width: 380px;display: flex;align-items: center">
                 <el-upload
                 class="bg-uploader"
                 action="#"
@@ -400,6 +401,7 @@
           preImage: '', // 直播预告图url
           textContent: '', // 直播简介文字版
           imageContent: '',// 直播简介图片版
+          rtcIntroducesImages: [],
           // imgUrl2: '',
           // imgUrl2More: {},
           // imgUrl3: '',
@@ -568,12 +570,12 @@
       },
       getIndexIntroduce(index) {
         // if (!this.isDisabledIns) {
-         if(this.formData.rtcIntroduces != null && this.formData.rtcIntroduces.length == 1){
-          index = 0;
-        }
-        else if(this.formData.rtcIntroduces != null && this.formData.rtcIntroduces.length > index){
-            index = index + 1;
-          }
+        //  if(this.formData.rtcIntroduces != null && this.formData.rtcIntroduces.length == 1){
+        //   index = 0;
+        // }
+        // else if(this.formData.rtcIntroduces != null && this.formData.rtcIntroduces.length > index){
+        //     index = index + 1;
+        //   }
           this.introduceIndex = index;
         // }else {
         //   this.$message.warning('正在上传，请稍等')
@@ -1001,11 +1003,15 @@
         this.formData.infoCollect = String(this.formData.infoCollect);
         this.$set(this.formData, 'textContent', "");
         if(this.formData.rtcIntroduces != null){
+          this.formData.rtcIntroducesImages = [];
           for(let i=0;i<this.formData.rtcIntroduces.length;i++) {
             if(this.formData.rtcIntroduces[i].type == "1"){
                 // this.formData.textContent = this.formData.rtcIntroduces[i].content;
                 this.$set(this.formData, 'textContent', this.formData.rtcIntroduces[i].content);
-                break;
+                // break;
+            }
+            else {
+              this.formData.rtcIntroducesImages.push(this.formData.rtcIntroduces[i]);
             }
             // else if(this.formData.rtcIntroduces[i].type == "2"){
             //     // this.formData.imageContent = this.formData.rtcIntroduces[i].content;
@@ -1040,10 +1046,13 @@
           this.formData.pullStreamHttp = "";
         }
 
+        // 直播简介图片版
+        this.formData.rtcIntroduces = this.formData.rtcIntroducesImages;
         // 直播简介文字版
         if(this.formData.textContent != null && this.formData.textContent != ""){
           this.formData.rtcIntroduces.push({type:1,content:this.formData.textContent});
         }
+
           // this.formData.rtcIntroduces[0].content = this.formData.textContent;
         // 直播简介图片版
         //   this.formData.rtcIntroduces[1].type = 2;