From 9ce29c536ba2a636416c618761985e2b9a711ee6 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期四, 27 十月 2022 14:17:45 +0800
Subject: [PATCH] user
---
src/views/userManage/userInfoManage.vue | 309 ++++++++++++++++++++++++++-------------------------
1 files changed, 158 insertions(+), 151 deletions(-)
diff --git a/src/views/userManage/userInfoManage.vue b/src/views/userManage/userInfoManage.vue
index d307805..361dd6b 100644
--- a/src/views/userManage/userInfoManage.vue
+++ b/src/views/userManage/userInfoManage.vue
@@ -33,46 +33,52 @@
</el-cascader>
</el-form-item>
<el-form-item>
- <el-button @click="queryInfo()"
- ><i class="el-icon-search"></i> {{
- $t('operatManage.ELM.search')
- }}</el-button
- >
+ <el-button
+ size="small"
+ type="primary"
+ @click="queryInfo()"
+ icon="el-icon-search"
+ >{{ $t("operatManage.ELM.search") }}
+ </el-button>
</el-form-item>
<el-form-item>
- <el-button @click="resetInfo('queryForm')"
- ><i class="el-icon-delete"></i> {{
- $t('operatManage.ELM.reset')
- }}</el-button
+ <el-button
+ size="small"
+ @click="resetInfo('queryForm')"
+ icon="el-icon-refresh"
>
+ {{ $t("operatManage.ELM.reset") }}
+ </el-button>
</el-form-item>
<br />
<el-form-item>
<el-button
- v-if="menuStatus.insert"
type="success"
size="small"
@click="showAddDialog"
- ><i class="el-icon-plus"></i> {{
- $t('common.append')
- }}</el-button
+ icon="el-icon-plus"
>
+ {{ $t("common.append") }}
+ </el-button>
</el-form-item>
<el-form-item>
<el-button
- v-if="menuStatus.delete"
type="danger"
size="small"
@click="deleteUserInfo"
- ><i class="el-icon-delete"></i> {{
- $t('common.delete')
- }}</el-button
+ icon="el-icon-delete"
>
+ {{ $t("common.delete") }}
+ </el-button>
</el-form-item>
<el-form-item>
- <el-button type="danger" size="small" @click="editPwd"
- ><i class="el-icon-unlock"></i> 閲嶇疆瀵嗙爜</el-button
- >
+ <el-button
+ type="primary"
+ size="small"
+ @click="editPwd"
+ icon="el-icon-unlock"
+ >閲嶇疆瀵嗙爜
+ </el-button>
</el-form-item>
</el-form>
</div>
@@ -198,7 +204,7 @@
type="warning"
@click="editInfo(scope.row)"
size="mini"
- >{{ $t('common.edit') }}</el-button
+ >{{ $t("common.edit") }}</el-button
>
</template>
</el-table-column>
@@ -457,8 +463,8 @@
<script>
var encrypt = new JSEncrypt();
-import { mapActions } from 'vuex';
-import MyBread from '../../components/MyBread.vue';
+import { mapActions } from "vuex";
+import MyBread from "../../components/MyBread.vue";
import {
queryDepTree,
queryPageUser,
@@ -467,7 +473,7 @@
updateUser,
updatePwd,
selectByUserid,
-} from '../../api/api';
+} from "../../api/api";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -475,26 +481,26 @@
},
data() {
let validName = (rule, value, callback) => {
- if (value === '' || value === null || value === undefined) {
- return callback(new Error('璇疯緭鍏ュ瘑鐮�'));
+ if (value === "" || value === null || value === undefined) {
+ return callback(new Error("璇疯緭鍏ュ瘑鐮�"));
} else {
callback();
}
};
let validatePass = (rule, value, callback) => {
- if (value === '' || value === undefined) {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
+ if (value === "" || value === undefined) {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
} else if (value !== this.editForm.pwd) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
} else {
callback();
}
};
let resetPass = (rule, value, callback) => {
- if (value === '' || value === undefined) {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
+ if (value === "" || value === undefined) {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
} else if (value !== this.pwdForm.newPwd) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
} else {
callback();
}
@@ -510,102 +516,102 @@
pageSize: 10,
pageIndex: 1,
defaultProps: {
- children: 'children',
- label: 'name',
+ children: "children",
+ label: "name",
},
queryForm: {
- uname: '',
+ uname: "",
depid: null,
- depName: '',
+ depName: "",
},
tableData: [],
fullscreenLoading: false,
count: 0,
- formLabelWidth: '100px',
+ formLabelWidth: "100px",
dialogFormVisible: false,
- initialForm: '',
- behavior: '',
+ initialForm: "",
+ behavior: "",
multipleSelection: [],
resetPwd: false,
editForm: {
- uid: '',
- uname: '',
- oldPwd: '',
- pwd: '',
- checkPass: '',
+ uid: "",
+ uname: "",
+ oldPwd: "",
+ pwd: "",
+ checkPass: "",
sex: null,
- natives: '',
+ natives: "",
depid: null,
- idcard: '',
- job: '',
- edu: '',
- addr: '',
- email: '',
- contact: '',
+ idcard: "",
+ job: "",
+ edu: "",
+ addr: "",
+ email: "",
+ contact: "",
status: null,
- bak: '',
- salt: '',
+ bak: "",
+ salt: "",
},
pwdForm: {
- adminPwd: '',
- newPwd: '',
- checkPwd: '',
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
ids: [],
},
treeOptions: [],
statusOpt: [
{
value: 0,
- label: '姝ｅ父',
+ label: "姝ｅ父",
},
{
value: 1,
- label: '绂佺敤',
+ label: "绂佺敤",
},
{
value: 2,
- label: '鍒犻櫎',
+ label: "鍒犻櫎",
},
{
value: 3,
- label: '鐢宠',
+ label: "鐢宠",
},
{
value: 4,
- label: '鎷掓壒',
+ label: "鎷掓壒",
},
],
depList: [],
sexOpt: [
{
value: 0,
- label: '濂�',
+ label: "濂�",
},
{
value: 1,
- label: '鐢�',
+ label: "鐢�",
},
{
value: -1,
- label: '鏈煡',
+ label: "鏈煡",
},
],
rules: {
uid: [
- { required: true, validator: validName, trigger: 'blur' },
+ { required: true, validator: validName, trigger: "blur" },
{
- trigger: 'blur',
+ trigger: "blur",
validator: (rule, value, callback) => {
var reg = new RegExp(/^[a-zA-Z0-9_]{0,15}$/); //瀛楃涓叉鍒欒〃杈惧紡 4鍒�14浣嶏紙瀛楁瘝锛屾暟瀛楋紝涓嬪垝绾匡紝鍑忓彿锛�
if (!reg.test(value)) {
callback(
- new Error('璐﹀彿蹇呴』鐢卞瓧姣嶏紝鏁板瓧鎴栦笅鍒掔嚎,闀垮害涓嶅緱瓒呰繃16浣�')
+ new Error("璐﹀彿蹇呴』鐢卞瓧姣嶏紝鏁板瓧鎴栦笅鍒掔嚎,闀垮害涓嶅緱瓒呰繃16浣�")
);
} else {
selectByUserid({ uid: value }).then((res) => {
if (res.result != null) {
this.isNewUser = false;
- callback(new Error('璐﹀彿宸插瓨鍦�'));
+ callback(new Error("璐﹀彿宸插瓨鍦�"));
} else {
this.isNewUser = true;
callback();
@@ -618,16 +624,16 @@
pwd: [
{
required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
+ message: "璇疯緭鍏ュ瘑鐮�",
transform: (value) => value,
- trigger: 'blur',
+ trigger: "blur",
},
{
- type: 'string',
- message: '璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�',
- trigger: 'blur',
+ type: "string",
+ message: "璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�",
+ trigger: "blur",
transform(value) {
- if (value && value.indexOf(' ') === -1) {
+ if (value && value.indexOf(" ") === -1) {
return value;
} else {
return false;
@@ -635,14 +641,14 @@
},
},
{
- trigger: 'blur',
+ trigger: "blur",
validator: (rule, value, callback) => {
- var regex = new RegExp('');
+ var regex = new RegExp("");
var passwordreg =
/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{8,20}$/;
if (!passwordreg.test(value)) {
callback(
- new Error('瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�8-20浣�')
+ new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�8-20浣�")
);
} else {
callback();
@@ -651,21 +657,21 @@
},
],
checkPass: [
- { required: true, validator: validatePass, trigger: 'blur' },
+ { required: true, validator: validatePass, trigger: "blur" },
],
- adminPwd: [{ validator: validName, trigger: 'blur' }],
+ adminPwd: [{ validator: validName, trigger: "blur" }],
newPwd: [
{
- message: '璇疯緭鍏ュ瘑鐮�',
+ message: "璇疯緭鍏ュ瘑鐮�",
transform: (value) => value,
- trigger: 'blur',
+ trigger: "blur",
},
{
- type: 'string',
- message: '璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�',
- trigger: 'blur',
+ type: "string",
+ message: "璇疯緭鍏ヤ笉鍖呭惈绌烘牸鐨勫瓧绗�",
+ trigger: "blur",
transform(value) {
- if (value && value.indexOf(' ') === -1) {
+ if (value && value.indexOf(" ") === -1) {
return value;
} else {
return false;
@@ -673,14 +679,14 @@
},
},
{
- trigger: 'blur',
+ trigger: "blur",
validator: (rule, value, callback) => {
- var regex = new RegExp('');
+ var regex = new RegExp("");
var passwordreg =
/^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{8,20}$/;
if (!passwordreg.test(value)) {
callback(
- new Error('瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�8-20浣�')
+ new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�8-20浣�")
);
} else {
callback();
@@ -688,13 +694,13 @@
},
},
],
- checkPwd: [{ validator: resetPass, trigger: 'blur' }],
+ checkPwd: [{ validator: resetPass, trigger: "blur" }],
},
};
},
methods: {
- ...mapActions(['login', 'getpublickey']),
- getUserInfo(params) {
+ ...mapActions(["login", "getpublickey"]),
+ getUserInfo() {
queryDepTree()
.then((res) => {
if (res.code == 200) {
@@ -731,7 +737,7 @@
return cloneData.filter((father) => {
// 寰幆鎵�鏈夐」
let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
});
},
@@ -742,7 +748,7 @@
//鎼滅储鎸夐挳
queryInfo() {
let searchData = {
- uname: this.queryForm.uname,
+ uname: this.queryForm.uname.trim(),
depid: this.queryForm.depid,
pageIndex: this.pageIndex,
pageSize: this.pageSize,
@@ -752,7 +758,7 @@
this.tableData = res.result;
this.count = res.count;
} else {
- console.log('鏌ヨ鎺ュ彛鎶ラ敊');
+ console.log("鏌ヨ鎺ュ彛鎶ラ敊");
this.$notify.error({
title: res.code,
message: res.result,
@@ -766,7 +772,7 @@
},
//鏂板鎸夐挳
showAddDialog() {
- this.behavior = '鏂板鐢ㄦ埛';
+ this.behavior = "鏂板鐢ㄦ埛";
this.editForm = {};
this.dialogFormVisible = true;
},
@@ -790,10 +796,10 @@
setTimeout(() => {
this.fullscreenLoading = false;
if (res.code == 200) {
- this.getUserInfo(1, 10);
+ this.getUserInfo();
this.$message({
- message: '娣诲姞鎴愬姛',
- type: 'success',
+ message: "娣诲姞鎴愬姛",
+ type: "success",
});
this.editForm = {};
this.dialogFormVisible = false;
@@ -801,21 +807,25 @@
}, 500);
})
.catch((res) => {
- alert('淇敼澶辫触锛岃閲嶈瘯锛�');
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
this.fullscreenLoading = false;
});
} else {
- console.log('error submit!!');
+ console.log("error submit!!");
return false;
}
});
},
+ //澶氶��
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
+ },
//鍒犻櫎鎸夐挳
deleteUserInfo() {
- this.$confirm('姝ゆ搷浣滃皢鍒犻櫎宸查�変腑鐨勭敤鎴�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
+ this.$confirm("姝ゆ搷浣滃皢鍒犻櫎宸查�変腑鐨勭敤鎴�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
})
.then(() => {
var std = [];
@@ -826,22 +836,22 @@
.then((res) => {
if (res.code == 200) {
this.$message({
- type: 'success',
- message: '鍒犻櫎鎴愬姛!',
+ type: "success",
+ message: "鍒犻櫎鎴愬姛!",
});
this.multipleSelection = [];
- this.getUserInfo(1, 10);
+ this.getUserInfo();
} else {
- this.$message.error('鍒犻櫎澶辫触');
+ this.$message.error("鍒犻櫎澶辫触");
}
})
.catch(() => {
- this.$message.error('鍒犻櫎澶辫触');
+ this.$message.error("鍒犻櫎澶辫触");
this.multipleSelection = [];
});
})
.catch(() => {
- this.$message('宸插彇娑堝垹闄�');
+ this.$message("宸插彇娑堝垹闄�");
});
},
//閲嶇疆瀵嗙爜
@@ -851,7 +861,7 @@
std.push(this.multipleSelection[i].id);
}
if (std.length == 0) {
- alert('璇峰厛閫夋嫨鐢ㄦ埛');
+ alert("璇峰厛閫夋嫨鐢ㄦ埛");
return;
}
this.pwdForm.ids = std;
@@ -876,15 +886,15 @@
setTimeout(() => {
this.fullscreenLoading = false;
if (res.code == 200) {
- this.getUserInfo(1, 10);
+ this.getUserInfo();
this.$message({
- message: '淇敼鎴愬姛',
- type: 'success',
+ message: "淇敼鎴愬姛",
+ type: "success",
});
this.pwdForm = {
- adminPwd: '',
- newPwd: '',
- checkPwd: '',
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
ids: [],
};
this.multipleSelection = [];
@@ -893,7 +903,7 @@
}, 500);
})
.catch((res) => {
- alert('淇敼澶辫触锛岃閲嶈瘯锛�');
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
this.fullscreenLoading = false;
});
} else {
@@ -905,9 +915,9 @@
editInfo(row) {
delete row.updateTime;
delete row.updateUser;
- row.pwd = '';
+ row.pwd = "";
this.initialForm = JSON.stringify(row);
- this.behavior = '淇敼淇℃伅';
+ this.behavior = "淇敼淇℃伅";
this.editForm = JSON.parse(JSON.stringify(row));
this.dialogFormVisible = true;
},
@@ -917,31 +927,31 @@
},
//鍏抽棴寮瑰嚭妗�
handleClose(done) {
- this.$confirm('纭鍏抽棴锛�')
+ this.$confirm("纭鍏抽棴锛�")
.then((_) => {
this.editForm = {
- uid: '',
- uname: '',
- oldPwd: '',
- pwd: '',
- checkPass: '',
+ uid: "",
+ uname: "",
+ oldPwd: "",
+ pwd: "",
+ checkPass: "",
sex: null,
- natives: '',
+ natives: "",
depid: null,
- idcard: '',
- job: '',
- edu: '',
- addr: '',
- email: '',
- contact: '',
+ idcard: "",
+ job: "",
+ edu: "",
+ addr: "",
+ email: "",
+ contact: "",
status: null,
- bak: '',
- salt: '',
+ bak: "",
+ salt: "",
};
this.pwdForm = {
- adminPwd: '',
- newPwd: '',
- checkPwd: '',
+ adminPwd: "",
+ newPwd: "",
+ checkPwd: "",
ids: [],
};
@@ -965,10 +975,10 @@
setTimeout(() => {
this.fullscreenLoading = false;
if (res.code == 200) {
- this.getUserInfo(1, 10);
+ this.getUserInfo();
this.$message({
- message: '淇敼鎴愬姛',
- type: 'success',
+ message: "淇敼鎴愬姛",
+ type: "success",
});
this.editForm = {};
this.dialogFormVisible = false;
@@ -976,11 +986,11 @@
}, 500);
})
.catch((res) => {
- alert('淇敼澶辫触锛岃閲嶈瘯锛�');
+ alert("淇敼澶辫触锛岃閲嶈瘯锛�");
this.fullscreenLoading = false;
});
} else {
- console.log('error submit!!');
+ console.log("error submit!!");
return false;
}
});
@@ -990,10 +1000,7 @@
this.editForm = JSON.parse(this.initialForm);
});
},
- //澶氶��
- handleSelectionChange(val) {
- this.multipleSelection = val;
- },
+
handleSizeChange(val) {
// console.log(`姣忛〉 ${val} 鏉);
this.pageSize = val;
@@ -1008,20 +1015,20 @@
showPermsMenu(res) {
console.log(res.tag);
switch (res.tag) {
- case '/delete':
+ case "/delete":
this.menuStatus.delete = true;
break;
- case '/insert':
+ case "/insert":
this.menuStatus.insert = true;
break;
- case '/update':
+ case "/update":
this.menuStatus.update = true;
break;
}
},
},
mounted() {
- this.getUserInfo(1, 10);
+ this.getUserInfo();
this.getpublickey();
},
created() {
--
Gitblit v1.9.3