详情

src/mods/work/AppHelpDeclaration/details.vue

@@ -2,8 +2,8 @@
   <div class="details">
     <div class="event_info">
       <div class="content">{{ data.riskDescription }}</div>
-      <div class="picture">
-        <img src="./components/resultPic.png" alt="">
+      <div class="picture" v-if="data.files.length">
+        <img :src="item.url" v-for="(item,index) in data.files" :key="index" alt="" @click="preview(index)">
       </div>
       <div class="tags">
         <span v-for="(item,index) in list" :key="index">{{item}}</span>
@@ -12,7 +12,7 @@
     <div class="progress_info">
       <div class="item">
         <label>申报进度</label>
-        <div>{{ data.status }}</div>
+        <div :style="{color: item.status == 0? '#FF883C':item.status == 1? '#1AAAFF': item.status==2? '#FF4466': '#42D784'}">{{ $dict.getLabel('helpDeclarationStatus', data.status) }}</div>
       </div>
       <div class="item">
         <label>申报人姓名</label>
@@ -42,6 +42,7 @@ export default {
     }
   },
   onLoad(o) {
+    this.$dict.load('helpDeclarationStatus')
     if (o.id) {
       this.id = o.id
       this.getDetail()
@@ -55,7 +56,10 @@ export default {
           this.list = res.data.reason.split(',')
         }
       })
-    }
+    },
+    preview(index) {
+      this.$previewImage(this.data.files, index, "url");
+    },
   }
 }
 </script>