From 3d87bf45986772678752aa2d53a2d2dba51efc0b Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期五, 16 八月 2024 17:22:11 +0800
Subject: [PATCH] feat:货代首页单位显示问题
---
pages/customer-page/customer-my/userMange/userManageEdit/userManageEdit.vue | 183 ++++++++++++++++++++++++++++++++++++---------
1 files changed, 145 insertions(+), 38 deletions(-)
diff --git a/pages/customer-page/customer-my/userMange/userManageEdit/userManageEdit.vue b/pages/customer-page/customer-my/userMange/userManageEdit/userManageEdit.vue
index d7252d2..959cab3 100644
--- a/pages/customer-page/customer-my/userMange/userManageEdit/userManageEdit.vue
+++ b/pages/customer-page/customer-my/userMange/userManageEdit/userManageEdit.vue
@@ -6,32 +6,7 @@
:rules="rules"
ref="uForm"
:errorType="errorType">
- <u-form-item label="鏈嶅姟閮ㄩ棬"
- labelWidth="20%"
- @click="treeOpen"
- borderBottom
- prop="deptIds">
- <u--input placeholder="璇烽�夋嫨鏈嶅姟閮ㄩ棬"
- v-model="model1.deptIds"
- class="input"
- type="text"></u--input>
- <qian-tree ref="tkitree"
- :range="department"
- confirmColor="#4e8af7"
- :multiple="true"
- :selectParent="true"
- title="閫夋嫨閮ㄩ棬"
- @confirm="treeChooseValue" />
- </u-form-item>
- <u-form-item label="韬唤璇�"
- labelWidth="20%"
- borderBottom
- prop="idCard">
- <u--input border="none"
- v-model="model1.idCard"
- placeholder="璇疯緭鍏ヨ韩浠借瘉"></u--input>
- </u-form-item>
- <u-form-item label="鐪熷疄濮撳悕"
+ <u-form-item label="濮撳悕"
labelWidth="20%"
borderBottom
prop="name">
@@ -55,6 +30,21 @@
v-model="model1.password"
placeholder="璇疯緭鍏ュ瘑鐮�"></u--input>
</u-form-item>
+ <view class="intensity">
+ <view class="psdText">瀵嗙爜寮哄害</view>
+ <view
+ class="line"
+ :class="[level.includes('low') ? 'low' : '']"></view>
+ <view
+ class="line"
+ :class="[level.includes('middle') ? 'middle' : '']"></view>
+ <view
+ class="line"
+ :class="[level.includes('high') ? 'high' : '']"></view>
+ <div class="warningtext">
+ 瀵嗙爜搴旂敱8-16浣嶆暟瀛椼�佸瓧姣嶃�佺鍙风粍鎴愩�傝涓嶈浣跨敤瀹规槗琚寽鍒扮殑瀵嗙爜
+ </div>
+ </view>
</u--form>
</view>
<view class="submit-button"><u-button :text="userId ? '纭淇敼' : '纭鎻愪氦'"
@@ -72,7 +62,79 @@
qianTree
},
data() {
+ const checkPassword = (rule, value, callback) => {
+ // let roles = this.$store.getters.roles;//褰撳墠鐢ㄦ埛瑙掕壊id
+ // let passL = 8;
+ // if (roles.concat(1)){
+ // passL = 10
+ // }
+ let passL = 8;
+ this.level = []
+ if(!value) {
+ return callback()
+ }
+ if(value.length < passL) {
+ return callback(`瀵嗙爜涓嶈兘灏戜簬${passL}浣峘)
+ }
+ if(value.length > 16) {
+ return callback('瀵嗙爜涓嶈兘澶т簬16浣�')
+ }
+ //鏍￠獙鏄暟瀛�
+ const regex1 = /^\d+$/
+ // 鏍￠獙瀛楁瘝
+ const regex2 = /^[A-Za-z]+$/
+ // 鏍￠獙绗﹀彿
+ const regex3 =
+ /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�乚+$/;
+ if(regex1.test(value)) {
+ this.level.push('low')
+ return callback('瀵嗙爜寮哄害杩囦綆')
+ }else if(regex2.test(value)) {
+ this.level.push('low')
+ return callback('瀵嗙爜寮哄害杩囦綆')
+ }else if(regex3.test(value)) {
+ this.level.push('low')
+ return callback('瀵嗙爜寮哄害杩囦綆')
+ }else if(/^[A-Za-z\d]+$/.test(value)) {
+ this.level.push('low')
+ this.level.push('middle')
+ return callback('瀵嗙爜寮哄害杩囦綆')
+ }else if(
+ /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�乗d]+$/.test(
+ value
+ )
+ ) {
+ this.level.push('low')
+ this.level.push('middle')
+ return callback('瀵嗙爜寮哄害杩囦綆')
+ }else if(
+ /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�丄-Za-z]+$/.test(
+ value
+ )
+ ) {
+ this.level.push('low')
+ this.level.push('middle')
+ return callback('瀵嗙爜寮哄害杩囦綆')
+ } else if (
+ /^[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]路~锛丂#锟�%鈥︹��&*锛堬級鈥斺�擻-+={}|銆娿�嬶紵锛氣�溾�濄�愩�戙�侊紱鈥�'锛屻�傘�丄-Za-z\d]+$/.test(
+ value
+ )
+ ) {
+ this.level.push('low')
+ this.level.push('middle')
+ this.level.push('high')
+ }
+ return callback()
+ };
+ const phone = (rule, value, callback) =>{
+ if(/^1[34578]\d{9}$/.test(value) == false){
+ callback(new Error("璇疯緭鍏ユ纭殑鎵嬫満鍙�"));
+ }else{
+ callback();
+ }
+ }
return {
+ level:[],
department: [],
model1: {
departmentName: '',
@@ -106,18 +168,24 @@
message: '璇峰～鍐欏鍚�',
trigger: ['blur', 'change']
},
- phone: {
- type: 'string',
- required: true,
- message: '璇峰～鍐欐墜鏈哄彿',
- trigger: ['blur', 'change']
- },
- password: {
- type: 'string',
- required: true,
- message: '璇峰～鍐欏瘑鐮�',
- trigger: ['blur', 'change']
- }
+ phone: [{
+ required: true,
+ message: '璇疯緭鍏ユ墜鏈哄彿',
+ trigger: ['blur', 'change']
+ },
+ {
+ validator: phone,
+ trigger: 'change'
+ }],
+ password: [{
+ required: false,
+ message: '璇疯缃瘑鐮�',
+ trigger: ['blur', 'change']
+ },
+ {
+ validator: checkPassword,
+ trigger: 'change'
+ }],
},
errorType: 'message'
};
@@ -281,4 +349,43 @@
}
}
}
+ .intensity {
+ width: 100%;
+ margin-top: 10rpx;
+ .psdText {
+ font-size: 14px;
+ margin-right: 10px;
+ }
+
+ .line {
+ display: inline-block;
+ width: 70rpx;
+ height: 8rpx;
+ background: #d8d8d8;
+ border-radius: 6rpx;
+ margin-right: 16rpx;
+
+ &.low {
+ background: #f4664a;
+ }
+
+ &.middle {
+ background: #ffb700;
+ }
+
+ &.high {
+ background: #2cbb79;
+ }
+ }
+
+ .level {
+ margin: 0 32rpx 0 16rpx;
+ }
+
+ .warningtext {
+ color: #5a5a5a;
+ font-size: 24rpx;
+ margin-top: 10rpx;
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1