直播背景图选择修改

src/views/yqrange/create-live.vue

@@ -483,8 +483,8 @@
 
       <el-form ref="setForm" :model="setForm">
         <!--<input type="text" id="copyInput" class="hidden-input" />-->
-        <el-radio-group v-model="formData.backgroundImageIdTemp">
-          <div class="radio-background" v-for="(item, index) in formData.backgroundImages" :key="index" v-if="index < 5" @change="changeImage">
+        <el-radio-group v-model="backgroundImageIdTemp">
+          <div class="radio-background" v-for="(item, index) in backgroundImages" :key="index" v-if="index < 5" @change="changeImage">
           <el-radio :label="item.backgroundImageId"><img class="background-img" :src="item.imageUrl" /></el-radio>
           </div>
           <!--<div class="radio-background">-->
@@ -504,8 +504,8 @@
           <!--<img class="background-img" src="https://test1-file.yunqueyi.com/image/png/protal/project/20200720152355168.png" />-->
           <!--</div>-->
         </el-radio-group>
-        <el-radio-group v-model="formData.backgroundImageIdTemp" v-if="formData.backgroundImages != null && formData.backgroundImages.length > 5">
-          <div class="radio-background" v-for="(item, index) in formData.backgroundImages" :key="index" v-if="index > 4">
+        <el-radio-group v-model="backgroundImageIdTemp" v-if="backgroundImages != null && backgroundImages.length > 5">
+          <div class="radio-background" v-for="(item, index) in backgroundImages" :key="index" v-if="index > 4">
             <el-radio :label="item.backgroundImageId"><img class="background-img" :src="item.imageUrl" /></el-radio>
 
           </div>
@@ -613,9 +613,11 @@
           },
           antiScreenCap: "0",
           backgroundImageId: "0",
-          backgroundImageIdTemp: "0",
-          backgroundImages: [],// 直播背景图
+          // backgroundImageIdTemp: "0",
+          // backgroundImages: [],// 直播背景图
         },
+        backgroundImageIdTemp: '0',
+        backgroundImages: [],
         introTextNum: 0,
         rtcIntroducesText:[],
         rtcIntroducesImages: [],
@@ -753,13 +755,13 @@
 
             let images = res.data;
             // this.backgroundImages = images;
-            if(this.images != null){
-              for(let i = 0; i < this.images.length; i++){
-                this.images[i].backgroundImageId = String(this.images[i].backgroundImageId);
+            if(images != null){
+              for(let i = 0; i < images.length; i++){
+                images[i].backgroundImageId = String(images[i].backgroundImageId);
               }
             }
-
-            this.$set(this.formData, 'backgroundImages', images);
+            this.backgroundImages = images;
+            // this.$set(this.formData, 'backgroundImages', images);
             // break;
 
           }
@@ -1453,7 +1455,7 @@
 
         this.formData.scope = String(this.formData.scope);
         this.formData.antiScreenCap = String(this.formData.antiScreenCap);
-        this.formData.backgroundImageIdTemp = String(this.formData.backgroundImageId == null ? "0":this.formData.backgroundImageId);
+        this.backgroundImageIdTemp = String(this.formData.backgroundImageId == null ? "0":this.formData.backgroundImageId);
         if(this.formData.scope == "2"){
           this.isCollectShow = true;
         }
@@ -1645,20 +1647,20 @@
       // 设置背景图
       setBackground(){
         this.dialogVisible = true;
-        this.formData.backgroundImageIdTemp = this.formData.backgroundImageId;
+        this.backgroundImageIdTemp = this.formData.backgroundImageId;
         this.initImages();
       },
       // 提交设置背景图
       submitBackground(){
         this.dialogVisible = false;
-        this.formData.backgroundImageId = this.formData.backgroundImageIdTemp;
+        this.formData.backgroundImageId = this.backgroundImageIdTemp;
       },
       handleClose(){
         this.dialogVisible = false;
       },
 
       changeImage(){
-        console.log(this.formData.backgroundImageIdTemp);
+        console.log('选中值',this.backgroundImageIdTemp);
       },