尝试修复

src/project/qujing/AppPhotoReport/PhotoDetail.vue

@@ -13,7 +13,7 @@
         <div class="flex wrap">
           <image class="fill imageItem" v-for="(item, index) in info.files" @click="preview(item.url)" :key="index" :src="item.url"/>
         </div>
-        <span v-if="!info.files.length">暂无照片</span>
+        <span v-if="!hasFiles(info.files)">暂无照片</span>
       </AiItem>
     </AiGroup>
     <u-gap height="24" v-if="result.doExplain"/>
@@ -23,20 +23,20 @@
         <div class="flex wrap">
           <image class="fill imageItem" v-for="(item, index) in result.files" @click="preview(item.url)" :key="index" :src="item.url"/>
         </div>
-        <span v-if="!result.files.length">暂无照片</span>
+        <span v-if="!hasFiles(result.files)">暂无照片</span>
       </AiItem>
     </AiGroup>
     <u-gap height="24" v-if="info.judgeName"/>
     <AiGroup title="研判信息" description noBorder labelColor="#999" v-if="info.judgeName">
-      <AiItem label="事件研判"><span class="risk-level" :class="`level`+info.judgeRiskLevel">{{ $dict.getLabel('qujingRiskLevel', info.judgeRiskLevel) }}</span></AiItem>
+      <AiItem label="事件研判">
+        <span class="risk-level" :class="`level` + info.judgeRiskLevel">{{ $dict.getLabel("qujingRiskLevel", info.judgeRiskLevel) }}</span>
+      </AiItem>
       <AiItem label="当事人姓名" :value="info.judgeName"/>
       <AiItem label="性别" :value="$dict.getLabel('sex', info.judgeSex)"/>
       <AiItem label="联系电话" :value="info.judgePhone"/>
       <AiItem label="家庭住址" :value="info.judgeAddress"/>
       <AiItem label="排查内容" class="not-line">
-        <span v-for="(item, index) in info.judgeRiskList" :key="index">
+        <span v-for="(item, index) in info.judgeRiskList" :key="index"> <span v-if="index > 0">,</span>{{ $dict.getLabel("qujingRisk", item) }} </span>
-          <span v-if="index > 0">,</span>{{ $dict.getLabel('qujingRisk', item) }}
-        </span>
       </AiItem>
     </AiGroup>
     <u-gap height="24" v-if="info.mediateAreaName"/>
@@ -50,7 +50,7 @@
       <AiItem label="调处结果" class="not-line" value="调解成功"/>
     </AiGroup>
     <u-gap height="24"/>
-    <u-tabs :list="evaluation && evaluation.id ? [{name:'办理进度'},{name:'我的评价'}] : [{name:'办理进度'}] " :current="currentTab" @change="v=>currentTab=v"/>
+    <u-tabs :list="tabs" :current="currentTab" @change="v => (currentTab = v)"/>
     <u-gap height="24" bg-color="#fff"/>
     <AiGroup noBorder v-if="currentTab == '0'">
       <AiStep v-for="(item, i) in process" :key="item.id" :index="i">
@@ -77,67 +77,82 @@ export default {
       info: {},
       result: {},
       currentTab: 0,
-      evaluation: {}
+      evaluation: {},
-    }
+    };
   },
   computed: {
     detailStatus: v => {
-      const status = !v.evaluation.id ? v.info.eventStatus : 'evaluation'
+      const status = !v.evaluation.id ? v.info.eventStatus : "evaluation";
       return {
-        cls: 'status-' + status,
+        cls: "status-" + status,
-        label: !v.evaluation.id ? v.$dict.getLabel('qujingEventStatus', v.info.eventStatus) : "已评价"
+        label: !v.evaluation.id ? v.$dict.getLabel("qujingEventStatus", v.info.eventStatus) : "已评价",
-      }
+      };
     },
     process() {
-      const list = this.info.processList
+      const list = this.info.processList;
       if (this.evaluation.id) {
-        const {id, createUserName, score, createTime: doTime, rateText: doExplain} = this.evaluation
+        const {id, createUserName, score, createTime: doTime, rateText: doExplain} = this.evaluation;
         list.splice(0, 0, {
-          id, doTime, doExplain,
+          id,
-          systemExplain: `${createUserName}完成评价 (${score}星评价)`
+          doTime,
-        })
+          doExplain,
+          systemExplain: `${createUserName}完成评价 (${score}星评价)`,
+        });
       }
-      return list
+      return list;
+    },
+    tabs: v => {
+      const tabs = [{name: "办理进度"}];
+      if (!!v.evaluation?.id) {
+        tabs.push({name: "我的评价"});
       }
+      return tabs;
+    },
   },
   onShow() {
-    this.getInfo()
+    this.getInfo();
   },
   onLoad(query) {
-    this.id = query.id
+    this.id = query.id;
-    this.getInfo()
+    this.getInfo();
-    this.$dict.load(['qujingEventStatus', 'qujingDoStatus', 'qujingEventType', 'sex', 'qujingRisk', 'qujingRiskLevel'])
+    this.$dict.load(["qujingEventStatus", "qujingDoStatus", "qujingEventType", "sex", "qujingRisk", "qujingRiskLevel"]);
   },
   methods: {
     getInfo() {
-      this.$loading()
+      this.$loading();
-      this.$instance.post(`/app/appclapeventinfoqujing/queryDetailById?id=${this.id}`).then(res => {
+      this.$instance
+          .post(`/app/appclapeventinfoqujing/queryDetailById?id=${this.id}`)
+          .then(res => {
             if (res?.data) {
-          this.info = res.data
+              this.info = res.data;
-          if (['3', '4'].includes(res.data.eventStatus) && res.data.groupName != '矛盾调解') {
+              if (["3", "4"].includes(res.data.eventStatus) && res.data.groupName != "矛盾调解") {
-            this.result = res.data.processList[0]
+                this.result = res.data.processList[0];
               }
               if (this.info.judgeRisk) {
-            this.info.judgeRiskList = this.info.judgeRisk.split(',')
+                this.info.judgeRiskList = this.info.judgeRisk.split(",");
               }
             }
-      }).finally(() => this.$hideLoading())
+          })
+          .finally(() => this.$hideLoading());
     },
     previewResult(url) {
       uni.previewImage({
         urls: this.result.files.map(v => v.url),
-        current: url
+        current: url,
-      })
+      });
     },
 
     preview(url) {
       uni.previewImage({
         urls: this.info.files.map(v => v.url),
-        current: url
+        current: url,
-      })
+      });
-    }
+    },
-  }
+    hasFiles(files) {
-}
+      return files?.length > 0;
+    },
+  },
+};
 </script>
 
 <style lang="scss">
@@ -219,6 +234,7 @@ export default {
       margin-right: 0;
     }
   }
+
   .not-line {
     .AiItem {
       .normal {
@@ -227,20 +243,25 @@ export default {
       }
     }
   }
+
   ::v-deep .AiGroup {
     .groupHeader {
       padding-top: 16px !important;
     }
   }
+
   .level1 {
     color: #3D88F5;
   }
+
   .level2 {
     color: #52C75B;
   }
+
   .level3 {
     color: #FF883C;
   }
+
   .level4 {
     color: #FF3C3C;
   }