恢复代码

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,7 +23,7 @@
         <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"/>
@@ -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">
@@ -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()
@@ -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">
@@ -219,6 +229,7 @@ export default {
       margin-right: 0;
     }
   }
+
   .not-line {
     .AiItem {
       .normal {
@@ -227,20 +238,25 @@ export default {
       }
     }
   }
+
   ::v-deep .AiGroup {
     .groupHeader {
       padding-top: 16px !important;
     }
   }
+
   .level1 {
     color: #3D88F5;
   }
+
   .level2 {
     color: #52C75B;
   }
+
   .level3 {
     color: #FF883C;
   }
+
   .level4 {
     color: #FF3C3C;
   }