图像识别

src/components/imageAIVerifyErr.vue

@@ -11,74 +11,88 @@
       <div class="AIVerifyErrMask">
         <div class="contentAIVerify">
           <div class="AIVerify">{{ contentMessage }}</div>
-          <div class="uploadImgAIVerify" @click="uploadImg" v-if="shopSignChange != 1">
+          <div class="uploadImgAIVerify" @click="uploadImg" 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>
-        <div class="uploadBtnAIVerify" v-if="shotsNum >= 3 && shopSignChange != 1">
+        <!-- shopSignChange 与历史照片是否一致(是否要更换照片) 0一致(要更换)，1不一致(不要更换) -->
+        <template v-if="shopSignChange == 0">
           <!-- 拜访店招显示 -->
-          <div class="tipsAIVerify" v-if="npkpiData.recognizeType == 1">
-            <!-- <div class="tipsAIVerify" @click="openTips"> -->
-            <!-- <van-icon name="question-o" />上传后会有何影响 -->
-            <van-icon name="question-o" />不规范的照片上传后会更换本店标准店招，未来每次拜访时校验。
+          <div class="tipsAIVerify" v-if="shotsNum >= 3 && npkpiData.recognizeType == 1">
+            <van-icon name="question-o" />上传后作为本店标准店招，未来每次拜访时校验。
           </div>
-          <div class="confirmUploadAIVerify" @click="confirmUpload">仍要上传</div>
-        </div>
-        <div class="historyImageAIVerify" v-if="shopSignChange == 1">
-          <!-- 有门店身份证时 只显示门店身份证和本地拜访照 -->
-          <template v-if="imageAIVerifyData.storeIDCardUrl">
-            <div class="storeIDCardUrl imageItemAIVerify">
-              <img
-                :src="imageAIVerifyData.storeIDCardUrl"
-                width="100px"
-                height="100px"
-                @click="previewsImg(imageAIVerifyData.storeIDCardUrl)" />
-              <span>门店标准店招</span>
-            </div>
-          </template>
-          <template v-else>
-            <div class="initImage imageItemAIVerify">
+          <div class="uploadBtnAIVerify" v-if="shotsNum >= 3">
+            <div class="confirmUploadAIVerify" @click="confirmUpload">仍要上传</div>
+          </div>
+        </template>
+        <template v-if="shopSignChange == 1">
+          <div class="historyImageAIVerify">
+            <!-- 有门店身份证时 只显示门店身份证和本地拜访照 -->
+            <template v-if="imageAIVerifyData.storeIDCardUrl">
+              <div class="storeIDCardUrl imageItemAIVerify">
+                <img
+                  :src="imageAIVerifyData.storeIDCardUrl"
+                  width="100px"
+                  height="100px"
+                  @click="previewsImg(imageAIVerifyData.storeIDCardUrl)" />
+                <span>门店标准店招</span>
+              </div>
+            </template>
+            <template v-else>
+              <div class="initImage imageItemAIVerify">
+                <img
+                  v-if="imageAIVerifyData.createStoreUrl"
+                  :src="imageAIVerifyData.createStoreUrl"
+                  width="100px"
+                  height="100px"
+                  @click="previewsImg(imageAIVerifyData.createStoreUrl)" />
+                <img v-else :src="imageEmpty" width="100px" height="100px" />
+                <span>建店时门店照</span>
+              </div>
+              <div class="newestImage imageItemAIVerify">
+                <img
+                  v-if="imageAIVerifyData.lastVisitUrl"
+                  :src="imageAIVerifyData.lastVisitUrl"
+                  width="100px"
+                  height="100px"
+                  @click="previewsImg(imageAIVerifyData.lastVisitUrl)" />
+                <img v-else :src="imageEmpty" width="100px" height="100px" />
+                <span>上次拜访店招</span>
+              </div>
+            </template>
+            <div class="presentImage imageItemAIVerify">
               <img
-                v-if="imageAIVerifyData.createStoreUrl"
-                :src="imageAIVerifyData.createStoreUrl"
+                v-if="imageAIVerifyData.url"
+                :src="imageAIVerifyData.url"
                 width="100px"
                 height="100px"
-                @click="previewsImg(imageAIVerifyData.createStoreUrl)" />
-              <img v-else :src="imageEmpty" width="100px" height="100px" />
-              <span>建店时门店照</span>
+                @click="previewsImg(imageAIVerifyData.url)" />
+              <span>本次拜访店招</span>
             </div>
-            <div class="newestImage imageItemAIVerify">
-              <img
-                v-if="imageAIVerifyData.lastVisitUrl"
-                :src="imageAIVerifyData.lastVisitUrl"
-                width="100px"
-                height="100px"
-                @click="previewsImg(imageAIVerifyData.lastVisitUrl)" />
-              <img v-else :src="imageEmpty" width="100px" height="100px" />
-              <span>上次拜访店招</span>
+          </div>
+          <div class="tipsRemarkAIVerify">
+            <div>若历史照片拍摄不规范，请选择<span style="color: #81b337">更新门店照</span></div>
+            <div>本次拜访店招会作为本店标准店招，未来每次拜访时校验</div>
+          </div>
+          <div class="feedback">
+            <div class="label">反馈图像识别不正确:</div>
+            <div class="value">
+              <van-field
+                v-model="feedbackMessage"
+                rows="2"
+                autosize
+                type="textarea"
+                placeholder="请输入反馈意见" />
             </div>
-          </template>
-          <div class="presentImage imageItemAIVerify">
-            <img
-              v-if="imageAIVerifyData.url"
-              :src="imageAIVerifyData.url"
-              width="100px"
-              height="100px"
-              @click="previewsImg(imageAIVerifyData.url)" />
-            <span>本次拜访店招</span>
           </div>
-        </div>
-        <div class="tipsRemarkAIVerify" v-if="shopSignChange == 1">
-          <div>若历史照片拍摄不规范，请选择<span style="color: #81b337">更新门店照</span></div>
-          <div>本次拜访店招会作为本店标准店招，未来每次拜访时校验</div>
-        </div>
-        <div class="uploadBtnAIVerify" v-if="shopSignChange == 1">
-          <div class="confirmUploadAIVerify" @click="uploadImg">重新拍照</div>
-          <div class="changeImageAIVerify" @click="confirmUpload('isUpdate')">更新门店照</div>
-        </div>
+          <div class="uploadBtnAIVerify">
+            <div class="confirmUploadAIVerify" @click="uploadImg">重新拍照</div>
+            <div class="changeImageAIVerify" @click="confirmUpload('isUpdate')">更新门店照</div>
+          </div>
+        </template>
       </div>
     </el-dialog>
   </div>
@@ -123,6 +137,7 @@ export default {
       vanPopup: true,
       shopSignChange: 0,
       npkpiData: null,
+      feedbackMessage: '',
     };
   },
   methods: {
@@ -134,6 +149,7 @@ export default {
       // cheatType	作弊类型
       // qualifiedState 是否合格(0:不合格，1:合格)
       // unqualifiedReason	不合格原因
+      this.shopSignChange = 0;
       this.npkpiData =
         this.source == 'visit'
           ? this.imageAIVerifyData.npkpiData
@@ -141,7 +157,6 @@ export default {
       this.shopSignMatchList = this.npkpiData.shopSignMatchList;
       // 先判断照片作弊情况，然后是否合格，然后是否和历史照片一致
       // 作弊和不合格记录识别次数，超过两次弹框提醒
-      // 照片是否合格
       if (this.npkpiData.checkInfo) {
         // 作弊
         if (this.npkpiData.checkInfo.cheatState == 1) {
@@ -288,6 +303,17 @@ export default {
       }
     }
   }
+  .tipsAIVerify {
+    border-top: 1px solid #ccc;
+    padding: 5px 0;
+    font-size: 14px;
+    color: red;
+    /* white-space: nowrap; */
+  }
+  .feedback {
+    border-top: 1px solid #ccc;
+    padding: 5px 0;
+  }
   .uploadBtnAIVerify {
     border-top: 1px solid #ccc;
     display: flex;
@@ -304,11 +330,6 @@ export default {
       border-radius: 6px;
       margin: 0 6px;
     }
-    .tipsAIVerify {
-      font-size: 14px;
-      color: red;
-      /* white-space: nowrap; */
-    }
     .confirmUploadAIVerify {
       background-color: red;
       padding: 8px 0;