Browse Source

图像识别页面优化

zhujindu 11 months ago
parent
commit
5deddb5ab4
1 changed files with 13 additions and 14 deletions
  1. 13 14
      src/components/imageAIVerifyErr.vue

+ 13 - 14
src/components/imageAIVerifyErr.vue

@@ -49,11 +49,8 @@
             </div>
           </template>
           <div class="uploadBtnAIVerify">
-            <div class="changeImageAIVerify" @click="uploadImg(false)">重新拍照</div>
-            <div
-              class="confirmUploadAIVerify"
-              @click="confirmUpload"
-              style="background-color: #0057ba">
+            <div class="confirmUploadAIVerify" @click="uploadImg(false)">重新拍照</div>
+            <div v-if="shotsNum >= 3" class="stillUploadAIVerify" @click="confirmUpload">
               仍要上传
             </div>
           </div>
@@ -121,12 +118,7 @@
           </div>
           <div class="uploadBtnAIVerify">
             <div class="confirmUploadAIVerify" @click="uploadImg(true)">重新拍照</div>
-            <div
-              class="changeImageAIVerify"
-              @click="confirmUpDataImage()"
-              style="background-color: #0057ba">
-              更新门店照
-            </div>
+            <div class="changeImageAIVerify" @click="confirmUpDataImage()">更新门店照</div>
           </div>
         </template>
       </div>
@@ -335,7 +327,7 @@ export default {
     .AIVerify {
       padding: 6px 0;
       font-size: 14px;
-      color: red;
+      /* color: red; */
       text-align: center;
       /* border-top: 1px solid #cfcfcf; */
     }
@@ -349,6 +341,9 @@ export default {
         font-size: 14px;
       }
     }
+    .errorImg {
+      width: 100%;
+    }
   }
   .tipsAIVerify {
     border-top: 1px solid #cfcfcf;
@@ -364,7 +359,7 @@ export default {
     justify-content: center;
     padding: 8px 0;
     div {
-      width: 40%;
+      /* width: 40%; */
       display: flex;
       justify-content: center;
       align-items: center;
@@ -374,13 +369,17 @@ export default {
       margin: 0 6px;
     }
     .confirmUploadAIVerify {
-      background-color: red;
+      background-color: #0057ba;
       padding: 8px 0;
     }
     .changeImageAIVerify {
       background-color: #81b337;
       padding: 8px 0;
     }
+    .stillUploadAIVerify {
+      border: 1px solid #0057ba;
+      color: #0057ba;
+    }
   }
   .historyImageAIVerify {
     display: flex;