lQ

src/views/login.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-22 14:08:39
- * @LastEditTime: 2021-12-06 18:14:11
+ * @LastEditTime: 2021-12-06 18:27:42
  * @LastEditors: Please set LastEditors
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \警犬\founder_vue\src\views\login.vue
@@ -30,6 +30,7 @@
         <div
           class="el-input el-input-div"
           style="position: relative; margin-top: 36px"
+          v-show="ifShowForm"
         >
           <el-form-item prop="account" class="inputs">
             <el-input
@@ -43,7 +44,11 @@
             ><img class="icon" src="../assets/img/login/user.png" alt=""
           /></span>
         </div>
-        <div class="el-input el-input-div" style="position: relative">
+        <div
+          class="el-input el-input-div"
+          style="position: relative"
+          v-show="ifShowForm"
+        >
           <el-form-item prop="password" class="inputs">
             <el-input
               type="password"
@@ -56,7 +61,7 @@
             ><img class="icon" src="../assets/img/login/pwd.png" alt=""
           /></span>
         </div>
-        <el-form-item style="width: 100%" class="loginBtn" >
+        <el-form-item style="width: 100%" class="loginBtn" v-show="ifShowForm">
           <el-button
             style="
               width: 100%;
@@ -77,7 +82,9 @@
     </div>
     <div class="footer">
       <div class="footerfont">
-        <div class="fontsize" style="margin-bottom:17px">建设单位：公安部刑侦局</div>
+        <div class="fontsize" style="margin-bottom: 17px">
+          建设单位：公安部刑侦局
+        </div>
         <div class="fontsize">技术支持：方正国际软件（北京）有限公司</div>
       </div>
     </div>
@@ -95,13 +102,15 @@ export default {
         account: "",
         password: "",
       },
+      ifShowForm: false,
+      logining: false,
     };
   },
   created() {
     this.getCaptcha();
   },
   methods: {
-    handleSubmit(){},
+    handleSubmit() {},
     getCaptcha() {
       code({
         captcha_id: this.captcha.id,
@@ -156,6 +165,38 @@ export default {
       //   });
     },
   },
+  created() {
+    var lett = this;
+    var code = 0;
+    var code2 = 0;
+    document.onkeydown = function (e) {
+      var key = window.event.keyCode;
+      if (key === 17) {
+        code = 1;
+      }
+      if (key === 13) {
+        code2 = 1;
+      }
+      if (code === 1 && code2 === 1) {
+        lett.ifShowForm = true;
+        code = 0;
+        code2 = 0;
+      } else {
+        if (key == 13) {
+          lett.handleSubmit();
+        }
+      }
+    };
+    document.onkeyup = function (e) {
+      var key = window.event.keyCode;
+      if (key === 17) {
+        code = 0;
+      }
+      if (key === 13) {
+        code2 = 0;
+      }
+    };
+  },
 };
 </script>