图像识别ui调整

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,22 +10,23 @@
       custom-class="AIVerifyErrdialog">
       <div class="AIVerifyErrMask" v-if="npkpiData">
         <div class="contentAIVerify">
-          <!-- <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">
+          <!-- <div class="errorImg" v-if="shopSignChange == 0">
             <img v-if="url" :src="url" height="200px" @click="previewsImg(url)" />
             <img v-else :src="imageEmpty" width="100%" height="200px" />
           </div>
           <div class="AIVerify">
             图像识别结果：<span style="color: red">{{ contentMessage }}</span>
-          </div>
+          </div> -->
         </div>
         <!-- shopSignChange 与历史照片是否一致(是否要更换照片) 0一致(要更换)，1不一致(不要更换) -->
         <template v-if="shopSignChange == 0">
+          <div class="errorImg">
+            <img v-if="url" :src="url" height="200px" @click="previewsImg(url)" />
+            <img v-else :src="imageEmpty" width="100%" height="200px" />
+          </div>
+          <div class="AIVerify">
+            图像识别结果：<span style="color: red">{{ contentMessage }}</span>
+          </div>
           <template v-if="shotsNum >= 3">
             <!-- 拜访店招显示 -->
             <div class="tipsAIVerify" v-if="npkpiData.recognizeType == 1">
@@ -91,9 +92,8 @@
               <span>本次拜访店招</span>
             </div>
           </div>
-          <div class="tipsRemarkAIVerify">
-            <div>若历史照片拍摄不规范，请选择<span style="color: #81b337">更新门店照</span></div>
-            <div>本次拜访店招会作为本店标准店招，未来每次拜访时校验</div>
+          <div class="AIVerify">
+            图像识别结果：<span style="color: red">{{ contentMessage }}</span>
           </div>
           <div class="feedbackMessage">
             <div class="label">反馈图像识别不正确:</div>
@@ -110,6 +110,10 @@
             <div class="confirmUploadAIVerify" @click="uploadImg(true)">重新拍照</div>
             <div class="changeImageAIVerify" @click="confirmUpDataImage()">更新门店照</div>
           </div>
+          <div class="tipsRemarkAIVerify">
+            <div>若历史照片拍摄不规范，请选择<span style="color: #81b337">更新门店照</span></div>
+            <div>本次拜访店招会作为本店标准店招，未来每次拜访时校验</div>
+          </div>
         </template>
       </div>
     </el-dialog>
@@ -398,11 +402,13 @@ export default {
       justify-content: center;
       span {
         font-size: 12px;
+        padding-top: 3px;
       }
     }
   }
   .tipsRemarkAIVerify {
     border-top: 1px solid #cfcfcf;
+    padding: 3px 0;
     div {
       font-size: 12px;
       padding: 3px 0;