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 | 110 ++++++++++++++++++++++++++++++-------------------------
1 files changed, 60 insertions(+), 50 deletions(-)
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 407eff0..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,39 +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"
- filterable
- :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"
- filterable
- :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">
@@ -581,7 +579,8 @@
// 寮瑰嚭灞傛爣棰�
title: "",
// 閮ㄩ棬鏍戦�夐」
- deptOptions: undefined,
+ deptOptionsks: undefined,
+ deptOptionsbq: undefined,
// 鏄惁鏄剧ず寮瑰嚭灞�
open: false,
// 閮ㄩ棬鍚嶇О
@@ -627,7 +626,7 @@
deptId: undefined,
},
searchscopelist: [
- { value: "1", label: "绉戝" },
+ { value: "1", label: "璇鹃缁�" },
{ value: "2", label: "鐥呭尯" },
{ value: "0", label: "鍏ㄩ儴" },
{ value: "9", label: "鏃�" },
@@ -696,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() {
@@ -711,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) => {
@@ -836,7 +846,6 @@
}
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);
@@ -846,9 +855,9 @@
this.form.password = "";
});
},
- // 鍒犻櫎绉戝
+ // 鍒犻櫎璇鹃缁�
removehpsp(valueArray) {
- console.log(valueArray, "鍒犻櫎绉戝");
+ console.log(valueArray, "鍒犻櫎璇鹃缁�");
console.log(this.form.userId, "鍒犻櫎");
let code = valueArray[valueArray.length - 1];
removeusertd(this.form.userId, code).then((res) => {
@@ -917,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
@@ -938,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
@@ -1019,11 +1028,12 @@
},
};
</script>
-<style lang="scss" scoped>
-::v-deep .el-cascader-panel .el-cascader-menu__wrap {
- height: 404px!important;
-}
-// .el-cascader-menu__wrap {
-// height: 404px;
+<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