修改

zhsq_qk-ui/src/views/fusion/jczlDetails.vue

@@ -5,9 +5,7 @@
         <div class="left_con left_con2" style="position:absolute;top:0px;">
           <ul class="ms_list scrollbar">
             <li v-for="(item, index) in appealList" :key="index"
-                @click="onAppealClick(item)"
-				:class="on"
-				>
+                @click="onAppealClick(item)" :class="{ on: item.id === id }">
               <div class="ms_tit">
                 <img :src="getImgUrl(item.appearImagesList[0])"/>
                 <div class="ms_txt">
@@ -18,8 +16,7 @@
             </li>
           </ul>
         </div>
-        <!--左侧结束-->
-		<div class="qk_line"></div>
+        <!--左侧结束-->
         <!--右侧开始-->
         <div class="right_con right_con2" style="position:absolute;top:0px;">
           <div class="ms_right">
@@ -45,7 +42,6 @@
                   <p>事件位置：{{ form.appearAddress }}</p>
                 </div>
               </div>
-
             </div>
             <div class="mssq_btm_txt">
               <h4>具体诉求：</h4>
@@ -71,7 +67,16 @@ export default {
     return {
       detailsOpen: false,
       appealList: [],
-      form: {},
+      id: null,
+      form: {
+        appealName: null,
+        appearTime: null,
+        evenTypeName: null,
+        appearUserName: null,
+        appearPhone: null,
+        appearAddress: null,
+        appearImagesList: []
+      },
       baseUrl: process.env.VUE_APP_BASE_API,
       images: []
     }
@@ -84,25 +89,42 @@ export default {
     getImgUrl(val) {
       return this.baseUrl + val
     },
+    reset() {
+      this.appealList = []
+      this.form = {}
+      this.images = []
+      this.id = null
+    },
     selectAllListAppeal(val) {
+      this.reset()
       let params = {
         status: val
       }
       allListAppeal(params).then(response => {
         this.appealList = response.data;
-        this.form = this.appealList[0]
-        this.listToString(this.form.appearImagesList)
+        if (response.data.length > 0) {
+          this.form = this.appealList[0]
+          this.id = this.form.id
+          this.listToString(this.form.appearImagesList)
+        }
       });
     },
     onAppealClick(val) {
       this.form = val
+      if (val.id == this.id) {
+        this.id = null;
+      } else {
+        this.id = val.id;
+      }
       this.listToString(this.form.appearImagesList)
     },
     // 对象转成指定字符串分隔
     listToString(list) {
       this.images = []
-      for (let i = 0; i < list.length; i++) {
-        this.images.push(this.baseUrl + list[i])
+      if (list.length > 0) {
+        for (let i = 0; i < list.length; i++) {
+          this.images.push(this.baseUrl + list[i])
+        }
       }
     }
   },