From 0bccc45dca0527bef40f5d9ed47c8e0d175cd40b Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期四, 11 九月 2025 14:57:52 +0800
Subject: [PATCH] 测试完成
---
src/views/system/user/index.vue | 138 ++++++++++++++++++++++++++++------------------
1 files changed, 84 insertions(+), 54 deletions(-)
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index b5c2840..64a85ad 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -2,7 +2,7 @@
<div class="app-container">
<el-row :gutter="20">
<!--閮ㄩ棬鏁版嵁-->
- <el-col :span="4" :xs="24">
+ <!-- <el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="deptName"
@@ -26,9 +26,9 @@
@node-click="handleNodeClick"
/>
</div>
- </el-col>
+ </el-col> -->
<!--鐢ㄦ埛鏁版嵁-->
- <el-col :span="20" :xs="24">
+ <el-col :span="24" :xs="24">
<el-form
:model="queryParams"
ref="queryForm"
@@ -331,37 +331,37 @@
</el-form-item>
</el-col>
</el-row>
- <el-form-item label="閫傜敤绉戝" prop="region">
- <el-cascader
- style="width: 478px"
- v-model="form.deptCodes"
- @remove-tag="removehpsp"
- :options="deptOptions"
- :props="props"
- :show-all-levels="false"
- clearable
- >
- <template slot-scope="{ node, data }">
- <span>{{ data.label }}</span>
- <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
- </template>
- </el-cascader>
+ <el-form-item label="閫傜敤璇鹃缁�" prop="region">
+ <el-cascader
+ style="width: 478px"
+ v-model="form.deptCodes"
+ @remove-tag="removehpsp"
+ :options="deptOptionsks"
+ :props="props"
+ filterable
+ clearable
+ >
+ <template slot-scope="{ node, data }">
+ <span>{{ data.label }}</span>
+ <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+ </template>
+ </el-cascader>
</el-form-item>
<el-form-item label="閫傜敤鐥呭尯" prop="region">
- <el-cascader
- style="width: 478px"
- @remove-tag="removehpsp"
- v-model="form.wardCodes"
- :options="deptOptions"
- :props="props"
- :show-all-levels="false"
- clearable
- >
- <template slot-scope="{ node, data }">
- <span>{{ data.label }}</span>
- <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
- </template>
- </el-cascader>
+ <el-cascader
+ style="width: 478px"
+ @remove-tag="removehpsp"
+ v-model="form.wardCodes"
+ :options="deptOptionsbq"
+ :props="props"
+ filterable
+ clearable
+ >
+ <template slot-scope="{ node, data }">
+ <span>{{ data.label }}</span>
+ <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+ </template>
+ </el-cascader>
</el-form-item>
<el-row>
<el-col :span="12">
@@ -579,7 +579,8 @@
// 寮瑰嚭灞傛爣棰�
title: "",
// 閮ㄩ棬鏍戦�夐」
- deptOptions: undefined,
+ deptOptionsks: undefined,
+ deptOptionsbq: undefined,
// 鏄惁鏄剧ず寮瑰嚭灞�
open: false,
// 閮ㄩ棬鍚嶇О
@@ -625,7 +626,7 @@
deptId: undefined,
},
searchscopelist: [
- { value: "1", label: "绉戝" },
+ { value: "1", label: "璇鹃缁�" },
{ value: "2", label: "鐥呭尯" },
{ value: "0", label: "鍏ㄩ儴" },
{ value: "9", label: "鏃�" },
@@ -694,6 +695,14 @@
this.initPassword = response.msg;
});
},
+ mounted() {
+ this.$nextTick(() => {
+ const menuWrap = document.querySelector('.el-cascader-menu__wrap');
+ if (menuWrap) {
+ menuWrap.style.height = '404px';
+ }
+ });
+ },
methods: {
/** 鏌ヨ鐢ㄦ埛鍒楄〃 */
getList() {
@@ -709,9 +718,12 @@
},
/** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
getDeptTree() {
- // 绉戝鍒楄〃
- deptTreeSelect().then((response) => {
- this.deptOptions = response.data;
+ // 璇鹃缁勫垪琛�
+ deptTreeSelect(1).then((response) => {
+ this.deptOptionsks = response.data;
+ });
+ deptTreeSelect(2).then((response) => {
+ this.deptOptionsbq = response.data;
});
// 闄㈠尯鍒楄〃
// deptTreeSelect().then((response) => {
@@ -763,6 +775,8 @@
remark: undefined,
postIds: [],
roleIds: [],
+ deptCodes: [],
+ wardCodes: [],
};
this.resetForm("form");
},
@@ -820,13 +834,18 @@
this.form = response.data;
this.belongDepts = response.belongDepts;
this.belongWards = response.belongWards;
- if (this.form.hospInfo)
+ if (this.form.hospInfo) {
this.form.deptCodes = JSON.parse(this.form.hospInfo);
- if (this.form.deptInfo)
+ } else {
+ this.form.deptCodes = [];
+ }
+ if (this.form.deptInfo) {
this.form.wardCodes = JSON.parse(this.form.deptInfo);
+ } else {
+ this.form.wardCodes = [];
+ }
console.log(this.form.wardCodes, "wardCodes");
console.log(this.form.deptCodes, "deptCodes");
-
this.postOptions = response.posts;
this.roleOptions = response.roles;
this.$set(this.form, "postIds", response.postIds);
@@ -836,12 +855,12 @@
this.form.password = "";
});
},
- // 鍒犻櫎绉戝
+ // 鍒犻櫎璇鹃缁�
removehpsp(valueArray) {
- console.log(valueArray,'鍒犻櫎绉戝');
- console.log(this.form.userId,'鍒犻櫎');
- let code=valueArray[valueArray.length-1];
- removeusertd(this.form.userId,code).then((res) => {
+ console.log(valueArray, "鍒犻櫎璇鹃缁�");
+ console.log(this.form.userId, "鍒犻櫎");
+ let code = valueArray[valueArray.length - 1];
+ removeusertd(this.form.userId, code).then((res) => {
if (res.code) {
}
});
@@ -871,12 +890,14 @@
submitForm: function () {
this.form.hospInfo = JSON.stringify(this.form.deptCodes);
this.form.deptInfo = JSON.stringify(this.form.wardCodes);
- this.form.deptCodes = this.form.deptCodes.map(
- (subArr) => subArr[subArr.length - 1]
- );
- this.form.wardCodes = this.form.wardCodes.map(
- (subArr) => subArr[subArr.length - 1]
- );
+ if (this.form.deptCodes.length)
+ this.form.deptCodes = this.form.deptCodes.map(
+ (subArr) => subArr[subArr.length - 1]
+ );
+ if (this.form.wardCodes.length)
+ this.form.wardCodes = this.form.wardCodes.map(
+ (subArr) => subArr[subArr.length - 1]
+ );
console.log(this.form.wardCodes, "wardCodes");
console.log(this.form.deptCodes, "deptCodes");
@@ -905,7 +926,7 @@
adduserdept() {
if (this.form.wardCodes[0]) {
this.form.wardCodes.forEach((dept) => {
- const containsId8 = null;
+ let containsId8 = null;
if (this.belongWards) {
containsId8 = this.belongWards.some(
(item) => item.deptCode == dept
@@ -926,7 +947,7 @@
}
if (this.form.deptCodes[0]) {
this.form.deptCodes.forEach((dept) => {
- const containsId8 = null;
+ let containsId8 = null;
if (this.belongDepts) {
containsId8 = this.belongDepts.some(
(item) => item.deptCode == dept
@@ -977,7 +998,7 @@
/** 涓嬭浇妯℃澘鎿嶄綔 */
importTemplate() {
this.download(
- "system/user/importTemplate",
+ "smartor/import/getImportPatTemplate",
{},
`user_template_${new Date().getTime()}.xlsx`
);
@@ -1007,3 +1028,12 @@
},
};
</script>
+<style lang="scss" >
+// ::v-deep .el-cascader-menu__wrap{
+// min-height: 404px ;
+// }
+// ::v-deep.el-cascader-panel .el-cascader-menu__wrap {
+// height: 404px !important;
+// }
+
+</style>
--
Gitblit v1.9.3