图像识别页面优化

src/components/imageAIVerifyErr.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="imageAIVerifyErr">
     <el-dialog
-      title="图像识别结果"
+      title=""
       :visible.sync="vanPopup"
       width="80%"
       :append-to-body="true"
@@ -10,32 +10,46 @@
       custom-class="AIVerifyErrdialog">
       <div class="AIVerifyErrMask">
         <div class="contentAIVerify">
-          <div class="AIVerify">{{ contentMessage }}</div>
-          <div class="uploadImgAIVerify" @click="uploadImg(false)" v-if="shopSignChange == 0">
+          <!-- <div class="uploadImgAIVerify" @click="uploadImg(false)" v-if="shopSignChange == 0">
             <div class="labelAIVerify"><span class="van-f-red-AIVerify">*</span>重新拍照上传</div>
             <div class="iconAIVerify">
               <van-icon class="photoAIVerify" name="photograph" size="22px" color="#969696" />
             </div>
+          </div> -->
+          <div class="errorImg" v-if="shopSignChange == 0">
+            <img
+              v-if="imageAIVerifyData.url"
+              :src="imageAIVerifyData.url"
+              width="100px"
+              height="100px"
+              @click="previewsImg(imageAIVerifyData.url)" />
+            <img v-else :src="imageEmpty" width="100px" height="100px" />
+          </div>
+          <div class="AIVerify">
+            图像识别结果：<span style="color: red">{{ contentMessage }}</span>
           </div>
         </div>
         <!-- shopSignChange 与历史照片是否一致(是否要更换照片) 0一致(要更换)，1不一致(不要更换) -->
-        <template v-if="shopSignChange == 0 && shotsNum >= 3">
-          <!-- 拜访店招显示 -->
-          <div class="tipsAIVerify" v-if="npkpiData.recognizeType == 1">
-            <van-icon name="question-o" />上传后作为本店标准店招，未来每次拜访时校验。
-          </div>
-          <div class="feedbackMessage">
-            <div class="label">反馈图像识别不正确:</div>
-            <div class="value">
-              <van-field
-                v-model="feedbackMessage"
-                rows="1"
-                autosize
-                type="textarea"
-                placeholder="请输入反馈意见" />
+        <template v-if="shopSignChange == 0">
+          <template v-if="shotsNum >= 3">
+            <!-- 拜访店招显示 -->
+            <div class="tipsAIVerify" v-if="npkpiData.recognizeType == 1">
+              <van-icon name="question-o" />上传后作为本店标准店招，未来每次拜访时校验。
             </div>
-          </div>
+            <div class="feedbackMessage">
+              <div class="label">反馈图像识别不正确:</div>
+              <div class="value">
+                <van-field
+                  v-model="feedbackMessage"
+                  rows="1"
+                  autosize
+                  type="textarea"
+                  placeholder="请输入反馈意见" />
+              </div>
+            </div>
+          </template>
           <div class="uploadBtnAIVerify">
+            <div class="changeImageAIVerify" @click="uploadImg(false)">重新拍照</div>
             <div
               class="confirmUploadAIVerify"
               @click="confirmUpload"
@@ -86,6 +100,7 @@
                 width="100px"
                 height="100px"
                 @click="previewsImg(imageAIVerifyData.url)" />
+              <img v-else :src="imageEmpty" width="100px" height="100px" />
               <span>本次拜访店招</span>
             </div>
           </div>