From 57a7537f38f78499218c2d23f4c09a26add08c5a Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期二, 04 三月 2025 20:05:39 +0800
Subject: [PATCH] 测试完成
---
src/views/system/user/index.vue | 121 +++++++++++++++++++++++----------------
1 files changed, 71 insertions(+), 50 deletions(-)
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 6fb0d9f..4a0cfcc 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"
@@ -332,36 +332,36 @@
</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-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,
// 閮ㄩ棬鍚嶇О
@@ -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() {
@@ -710,8 +719,11 @@
/** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
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,8 +775,8 @@
remark: undefined,
postIds: [],
roleIds: [],
- deptCodes:[],
- wardCodes:[],
+ deptCodes: [],
+ wardCodes: [],
};
this.resetForm("form");
},
@@ -822,14 +834,14 @@
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);
- }else{
+ } else {
this.form.deptCodes = [];
}
- if (this.form.deptInfo){
+ if (this.form.deptInfo) {
this.form.wardCodes = JSON.parse(this.form.deptInfo);
- }else{
+ } else {
this.form.wardCodes = [];
}
console.log(this.form.wardCodes, "wardCodes");
@@ -846,10 +858,10 @@
},
// 鍒犻櫎绉戝
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) {
}
});
@@ -880,13 +892,13 @@
this.form.hospInfo = JSON.stringify(this.form.deptCodes);
this.form.deptInfo = JSON.stringify(this.form.wardCodes);
if (this.form.deptCodes.length)
- this.form.deptCodes = this.form.deptCodes.map(
- (subArr) => subArr[subArr.length - 1]
- );
+ 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]
- );
+ this.form.wardCodes = this.form.wardCodes.map(
+ (subArr) => subArr[subArr.length - 1]
+ );
console.log(this.form.wardCodes, "wardCodes");
console.log(this.form.deptCodes, "deptCodes");
@@ -1017,3 +1029,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