更新

src/views/cxyrd/TT.scss

@@ -351,5 +351,17 @@ $phone: var(--phone, #606266); //#ff4242;
     width: calc(50vh - 35px);
     height: calc(50vh - 35px);;
     margin-bottom: 20px;
-  }
-}
+  //  .wtx {
+  //    position: absolute;
+  //    width: 75%;
+  //    left: 50%;
+  //    top: 45%;
+  //    transform: translate(-50%, -50%);
+  //    > span {
+  //      display: inline-block;
+  //      margin-top: 20px;
+  //      font-size: 14px;
+  //      color: #cccccc;
+  //    }
+  //}
+}}

src/views/cxyrd/TT.vue

@@ -190,7 +190,6 @@
                             src="@/assets/img/fingerprint.gif"
                           />
                           <div class="relative" v-else>
-                            {{ "left" + item.img }}
                             <!-- 有指纹图片 -->
                             <img
                               v-if="item.img && screenLoading == false"
@@ -501,7 +500,10 @@
           :src="'data:image/jpeg;base64,' + sourceImgdetail"
           style="width: 100%; height: 100%"
         />
-        <div v-else>没有指纹详情</div>
+        <div v-else class="wtx">
+          <img src="@/assets/img/TT/zwtp.png" />
+          <span>暂无图像</span>
+        </div>
       </div>
       <div class="finger">
         <img
@@ -509,7 +511,10 @@
           :src="'data:image/jpeg;base64,' + destImgdetail"
           style="width: 100%; height: 100%"
         />
-        <div v-else>没有指纹详情</div>
+        <div v-else class="wtx">
+          <img src="@/assets/img/TT/zwtp.png" />
+          <span>暂无图像</span>
+        </div>
       </div>
     </div>
     <!-- 比中弹窗 -->
@@ -816,7 +821,7 @@ export default {
     },
     loadingIndex(val, oldval) {
       console.log(val, oldval, "watch");
-      if (val == 1 && oldval == 0) {
+      if (oldval == 0) {
         this.screenLoading = true;
       }
       if (this.timer) clearTimeout(this.timer);

src/views/login/Login1.vue

@@ -16,50 +16,46 @@
     <!--    </div>-->
     <!--    <img class="bg" src="@/assets/img/login/login.gif" />-->
 
-    <transition name="slide_fade">
-      <div :style="drawerStyle" class="login_main_layer" v-if="isShow">
-        <!--        <transition name="login_fade">-->
+    <!--    <transition name="slide_fade">-->
+    <div :style="drawerStyle" class="login_main_layer" v-if="isShow">
+      <!--        <transition name="login_fade">-->
+      <div>
+        <div class=" login_top_layer middle">
+          <el-image class="login_emblem middle" :src="emblemUrl"></el-image>
+          <br />
+          <el-image class="login_system middle" :src="systemUrl"></el-image>
+        </div>
+        <div class=" middle margin_top25_bottom10">
+          <el-button
+            class="magin_left_right30"
+            :class="{ active: loginType.accountStatus }"
+            :autofocus="true"
+            type="text"
+            @click="changeLoginType(1)"
+            >帐号密码登录
+          </el-button>
+          <span class="font_color">|</span>
+          <el-button
+            class="magin_left_right30"
+            type="text"
+            :class="{ active: loginType.keyStatus }"
+            @click="changeLoginType(2)"
+            >KEY登录
+          </el-button>
+        </div>
         <div>
-          <div class=" login_top_layer middle">
-            <el-image class="login_emblem middle" :src="emblemUrl"></el-image>
-            <br />
-            <el-image class="login_system middle" :src="systemUrl"></el-image>
-          </div>
-          <div class=" middle margin_top25_bottom10">
-            <el-button
-              class="magin_left_right30"
-              :class="{ active: loginType.accountStatus }"
-              :autofocus="true"
-              type="text"
-              @click="changeLoginType(1)"
-              >帐号密码登录
-            </el-button>
-            <span class="font_color">|</span>
-            <el-button
-              class="magin_left_right30"
-              type="text"
-              :class="{ active: loginType.keyStatus }"
-              @click="changeLoginType(2)"
-              >KEY登录
-            </el-button>
-          </div>
-          <div>
-            <accountsLogin
-              :login-type="loginType.accountStatus"
-            ></accountsLogin>
-          </div>
-          <div>
-            <keyLogin :login-type="loginType.keyStatus"></keyLogin>
-          </div>
+          <accountsLogin :login-type="loginType.accountStatus"></accountsLogin>
         </div>
-        <!--        </transition>-->
-        <div class="login_bottom_layer  ">
-          <span class=" font_color"
-            >Copyright&nbsp;©&nbsp;2021&nbsp;Founder</span
-          >
+        <div>
+          <keyLogin :login-type="loginType.keyStatus"></keyLogin>
         </div>
       </div>
-    </transition>
+      <!--        </transition>-->
+      <div class="login_bottom_layer  ">
+        <span class=" font_color">Copyright&nbsp;©&nbsp;2021&nbsp;Founder</span>
+      </div>
+    </div>
+    <!--    </transition>-->
   </el-container>
 </template>