From 133cfa50d6429504b6c18a36c20472a6a872805a Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期一, 07 六月 2021 15:08:05 +0800
Subject: [PATCH] 添加规则模板页
---
src/pages/login/index.vue | 33 ++++++++++++++++++++++++---------
1 files changed, 24 insertions(+), 9 deletions(-)
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index a48c623..8ffdfc2 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -3,7 +3,7 @@
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left">
<div class="title-container">
- <h3 class="title">琚佹洣钘忛厭</h3>
+ <h3 class="title">鈥濋」鐩悕绉扳��</h3>
</div>
<el-form-item prop="username">
@@ -18,6 +18,7 @@
type="text"
tabindex="1"
autocomplete="on"
+ maxlength="20"
@keyup.enter.native="handleLogin"
/>
</el-form-item>
@@ -36,6 +37,7 @@
name="password"
tabindex="2"
autocomplete="on"
+ maxlength="20"
@keyup.native="checkCapslock"
@blur="capsTooltip = false"
@keyup.enter.native="handleLogin"
@@ -58,6 +60,7 @@
name="safecode"
type="text"
tabindex="3"
+ maxlength="10"
autocomplete="off"
@keyup.enter.native="handleLogin"
/>
@@ -114,9 +117,9 @@
checkedId: ''
},
loginRules: {
- username: [{ required: true, trigger: 'change', validator: validateUsername }],
- password: [{ required: true, trigger: 'change', validator: validatePassword }],
- safecode: [{ required: true, trigger: 'change', validator: validateSafecode }]
+ username: [{ required: true, trigger: 'blur', validator: validateUsername }],
+ password: [{ required: true, trigger: 'blur', validator: validatePassword }],
+ safecode: [{ required: true, trigger: 'blur', validator: validateSafecode }]
},
passwordType: 'password',
capsTooltip: false,
@@ -144,7 +147,7 @@
},
methods: {
init() {
- var loginData = localStorage.getItem('loginData')
+ var loginData = localStorage.getItem('loginData_XXXX')
// 鑾峰彇淇濆瓨鐨勮处鍙峰瘑鐮�
if (loginData) this.loginForm = JSON.parse(loginData)
@@ -220,7 +223,7 @@
name: '娼樺鎷夌殑鑷槾', // 鐢ㄦ埛鍚嶇О
// arr: ['sys_admin_see'], // 鏉冮檺鍒楄〃
arr: ['sys_admin_see', 'sys_admin_add', 'sys_admin_edit', 'sys_admin_del', 'sys_admin_role_see', 'sys_admin_role_add', 'sys_admin_role_edit', 'sys_admin_role_del', 'corp_user_schedule_see', 'corp_user_schedule_add', 'corp_user_schedule_edit', 'corp_user_schedule_del', 'user_mp_banner_see', 'user_mp_banner_add', 'user_mp_banner_edit', 'user_mp_banner_del', 'shop_see', 'shop_add', 'shop_edit', 'shop_del', 'shop_device', 'corp_user_see', 'corp_user_add', 'corp_user_edit', 'corp_user_del', 'change_assistant_see', 'ser_pro_material_see', 'service_project_see', 'service_project_add', 'service_project_edit', 'service_project_del', 'service_topic_see', 'service_topic_add', 'service_topic_edit', 'service_topic_del', 'service_project_order_see', 'service_project_order_edit', 'goods_type_see', 'goods_type_add', 'goods_type_edit', 'goods_type_del', 'goods_see', 'goods_add', 'goods_edit', 'goods_del', 'goods_inventory', 'goods_order_see', 'goods_order_edit', 'goods_index_banner_see', 'goods_index_banner_add', 'goods_index_banner_edit', 'goods_index_banner_del', 'user_see', 'user_edit', 'user_cash_see', 'user_cash_edit', 'distribute_relate', 'distribute_order', 'document_edit', 'operation_see',
- 'coupon_see', 'coupon_add', 'coupon_edit', 'coupon_del', 'activity_see', 'activity_add', 'activity_edit', 'activity_del', 'banner_see', 'banner_add', 'banner_edit', 'banner_del'
+ 'coupon_see', 'coupon_add', 'coupon_edit', 'coupon_del', 'activity_see', 'activity_add', 'activity_edit', 'activity_del', 'banner_see', 'banner_add', 'banner_edit', 'banner_del', 'sys_text_explain_edit'
]
}
}
@@ -233,7 +236,7 @@
username: this.loginForm.username.trim(),
password: this.loginForm.password.trim()
})
- localStorage.setItem('loginData', loginData)
+ localStorage.setItem('loginData_XXXX', loginData)
// 淇濆瓨鐢ㄦ埛鏁版嵁
setUserData(inf)
@@ -283,6 +286,11 @@
/* reset element-ui css */
.login-container {
+ // 鑳屾櫙 鈫撯啌鈫撯啌鈫撯啌鈫撯啌鈫撯啌
+ // background: url(../../assets/imgs/loginBg.jpg) no-repeat;
+ // background-size: cover;
+ // 鑳屾櫙 鈫戔啈鈫戔啈鈫戔啈鈫戔啈鈫戔啈
+ background-color: $bg;
.el-input {
display: inline-block;
height: 47px;
@@ -323,16 +331,23 @@
.login-container {
min-height: 100%;
width: 100%;
- background-color: $bg;
+ // background-color: $bg;
overflow: hidden;
.login-form {
position: relative;
width: 520px;
max-width: 100%;
- padding: 160px 35px 0;
+ padding: 35px 35px 0;
margin: 0 auto;
+ margin-top: 160px;
overflow: hidden;
+ // 鑳屾櫙 鈫撯啌鈫撯啌鈫撯啌鈫撯啌鈫撯啌
+ // background-color: $bg;
+ // opacity: .96;
+ // border-radius: 10px;
+ // box-shadow: 0px 20px 60px rgba(0,0,0,0.4), 0px 0px 150px rgba(0,0,0,0.4);
+ // 鑳屾櫙 鈫戔啈鈫戔啈鈫戔啈鈫戔啈鈫戔啈
}
.tips {
--
Gitblit v1.8.0