恢复代码

src/project/qujing/AppPhotoReport/PhotoDetail.vue

@@ -13,17 +13,17 @@
         <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" />
+    <u-gap height="24" v-if="result.doExplain"/>
     <AiGroup title="处理详情" description noBorder labelColor="#999" v-if="result.doExplain">
       <AiItem label="处理结果" top-label :value="result.doExplain"/>
       <AiItem label="照片" class="not-line">
         <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"/>
@@ -49,9 +49,9 @@
       <AiItem label="调处思路、措施及主要过程" :value="info.mediateInfo"/>
       <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-gap height="24" bg-color="#fff" />
+    <u-gap height="24"/>
+    <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">
         <div class="flex start">
@@ -97,8 +97,15 @@ export default {
           systemExplain: `${createUserName}完成评价 (${score}星评价)`
         })
       }
-      return list
-    }
+      return list;
+    },
+    tabs: v => {
+      const tabs = [{name: "办理进度"}];
+      if (!!v.evaluation?.id) {
+        tabs.push({name: "我的评价"});
+      }
+      return tabs;
+    },
   },
   onShow() {
     this.getInfo()
@@ -117,7 +124,7 @@ export default {
           if (['3', '4'].includes(res.data.eventStatus) && res.data.groupName != '矛盾调解') {
             this.result = res.data.processList[0]
           }
-          if(this.info.judgeRisk) {
+          if (this.info.judgeRisk) {
             this.info.judgeRiskList = this.info.judgeRisk.split(',')
           }
         }
@@ -133,11 +140,14 @@ export default {
     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">
@@ -195,7 +205,7 @@ export default {
       background: #ff883c;
     }
 
-    &.status-1, &.status-2, &.status-evaluation{
+    &.status-1, &.status-2, &.status-evaluation {
       background: #1aaaff;
     }
 
@@ -219,28 +229,34 @@ export default {
       margin-right: 0;
     }
   }
+
   .not-line {
     .AiItem {
       .normal {
-        border: none!important;
-        min-height: 112px!important;
+        border: none !important;
+        min-height: 112px !important;
       }
     }
   }
+
   ::v-deep .AiGroup {
     .groupHeader {
-      padding-top: 16px!important;
+      padding-top: 16px !important;
     }
   }
+
   .level1 {
     color: #3D88F5;
   }
+
   .level2 {
     color: #52C75B;
   }
+
   .level3 {
     color: #FF883C;
   }
+
   .level4 {
     color: #FF3C3C;
   }