登录界面隐藏登录框

package.json

@@ -13,6 +13,7 @@
     "docxtemplater": "^3.36.1",
     "echarts": "^4.9.0",
     "element-ui": "^2.14.1",
+    "moment": "^2.29.4",
     "file-saver": "^2.0.5",
     "js-cookie": "^2.2.1",
     "jszip-utils": "^0.1.0",

src/main.js

@@ -9,6 +9,7 @@ import rules from  "./utils/rules.js";
 import VueWechatTitle from "vue-wechat-title";
 import Watermark from "./utils/watermark.js"
 import './assets/icon/iconfont.css';
+import moment from 'moment'
 // import VueQuillEditor from 'vue-quill-editor'
 // import 'quill/dist/quill.core.css' // import styles
 // import 'quill/dist/quill.snow.css' // for snow theme
@@ -29,6 +30,7 @@ Vue.prototype.$hub = new Vue();//创建事件中心
 // 常用工具函数
 Vue.prototype.$util = Util;
 Vue.prototype.$rules = rules;
+Vue.prototype.$moment = moment;
 window.util = Util;
 Vue.use(VueWechatTitle);
 let userInfo = window.localStorage.getItem("user") || "";

src/views/login/login.vue

@@ -42,7 +42,7 @@
             label-position="right"
           >
             <h3 class="title">{{sjtitle}}扫黑除恶管理应用系统</h3>
-            <el-form-item prop="username" style="text-align: center">
+            <el-form-item prop="username" style="text-align: center" v-if="showLogin">
               <el-input
                 ref="username"
                 v-model="loginForm.username"
@@ -50,7 +50,7 @@
                 name="username"
                 type="text"
                 tabindex="1"
-                style="width: 318px; margin-top: 30px"
+                style="width: 318px;"
                 autocomplete="on"
               >
                 <img
@@ -61,7 +61,7 @@
               </el-input>
             </el-form-item>
 
-            <el-form-item prop="password" style="text-align: center">
+            <el-form-item prop="password" style="text-align: center" v-if="showLogin">
               <el-input
                 :key="passwordType"
                 ref="password"
@@ -81,10 +81,8 @@
                 />
               </el-input>
             </el-form-item>
-            <!-- 按钮事件
-        读取状态属性 绑定
-        类型: 样式内容 -->
             <el-button
+              v-if="showLogin"
               :loading="loading"
               type="primary"
               style="
@@ -96,10 +94,12 @@
             >
 
             <el-button
+              v-show="!showLogin"
               :loading="loadingPKI"
               type="primary"
               style="
                 width: 150px;
+                margin-top: 35px
                 background-image: linear-gradient(to top, #3666eb, #0fe6e3);
               "
               @click.native.prevent="KPILogin"
@@ -122,7 +122,7 @@
                 <input type="hidden" id="signed_data" name="signed_data" />
               </form>
             </div>
-            <div class="cz">
+            <div class="cz" v-show="!showLogin">
               <el-tooltip placement="left">
                 <div slot="content">
                   <!-- 15810118290<br /><br />13139667309<br /><br />15848872578 -->
@@ -464,11 +464,21 @@ export default {
         isNf: false,
       },
       codeOptions: [],
+      showLogin: false,
     };
   },
   created() {
     // window.addEventListener('storage', this.afterQRScan)
     this.getTitle();
+    var self = this;
+    document.onkeydown = function (e) {
+      const keyDay = self.$moment().isoWeekday();
+      console.log(e, keyDay, 1111);
+      if (e.ctrlKey && e.altKey && e.key == keyDay) {
+        console.log(222);
+        self.showLogin = !self.showLogin
+      }
+    };
   },
   mounted() {
     setTimeout(() => {
@@ -1009,7 +1019,7 @@ $light_gray: #eee;
     }
     .cz {
       width: 100%;
-      padding-top: 10px;
+      padding-top: 40px;
       font-size: 16px;
 
       .register {