图像识别

src/views/AIImage/AIImageDetail.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="AIImageDetail">
-    <div class="message">
+    <van-nav-bar class="navBar" title="异常反馈" left-arrow @click-left="onClickLeft">
+    </van-nav-bar>
+    <div class="message" v-if="data">
       <div class="storeTitle">
         <div class="storeName">{{ data.storeName }}</div>
         <div class="storeCode">
@@ -37,8 +39,8 @@
         <van-image
           width="100%"
           height="360"
-          :src="data.imageUrl"
-          @click="previewImgs(data.imageUrl)" />
+          :src="data.fileUrl"
+          @click="previewImgs(data.fileUrl)" />
       </div>
     </div>
     <p class="titleText">请主管了解情况后回复原因及解决方案</p>
@@ -76,7 +78,7 @@ export default {
   name: 'AIImageDetail',
   data() {
     return {
-      data: {},
+      data: null,
       photoApproveId: null,
       AIResult: '1',
       causeTitle: '',
@@ -135,7 +137,7 @@ export default {
       });
     },
     previewImgs(val) {
-      ImagePreview(val);
+      ImagePreview([val]);
     },
     confirm() {
       if (!this.causeMessage) {
@@ -155,6 +157,9 @@ export default {
         }
       });
     },
+    onClickLeft() {
+      this.$router.go(-1);
+    },
   },
 };
 </script>
@@ -183,7 +188,7 @@ export default {
     }
   }
   .titleText {
-    padding: 10px 0;
+    padding: 10px;
     font-size: 16px;
     font-weight: 600;
     margin: 0;
@@ -191,11 +196,12 @@ export default {
   .feedbackReason {
     padding: 10px;
     background: #fff;
+    font-size: 16px;
     .title {
       padding: 8px 0;
     }
     .van-radio {
-      padding: 5px 0;
+      padding: 5px 0 5px 10px;
     }
   }
   .confirmBtn {

src/views/AIImage/list.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="AIImage">
-    <van-nav-bar class="navBar" title="图片识别异常反馈"> </van-nav-bar>
+    <van-nav-bar class="navBar" title="图片识别异常" left-arrow @click-left="onClickLeft">
+    </van-nav-bar>
     <van-tabs class="myTab" type="card" v-model="tabVal" color="#0057ba" @change="tabChange">
       <van-tab title="未反馈" name="0" :disabled="disabled"></van-tab>
       <van-tab title="已反馈" name="1" :disabled="disabled"></van-tab>
@@ -106,6 +107,9 @@ export default {
         },
       });
     },
+    onClickLeft() {
+      this.$router.go(-1);
+    },
   },
 };
 </script>
@@ -151,5 +155,12 @@ export default {
   .van-pull-refresh {
     height: 100%;
   }
+  .van-tabs__wrap,
+  .van-tabs__nav--card {
+    margin: 0 !important;
+    border-left: 0;
+    border-right: 0;
+    height: 40px;
+  }
 }
 </style>