From b73b5dd97cbda40d0584f579ed9f65f4fcffe23f Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 31 三月 2025 15:33:02 +0800
Subject: [PATCH] 测试完成

---
 src/views/system/user/index.vue |   95 ++++++++++++++++++++++++++---------------------
 1 files changed, 53 insertions(+), 42 deletions(-)

diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 407eff0..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,38 +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"
-            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"
+              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,
       // 閮ㄩ棬鍚嶇О
@@ -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() {
@@ -712,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) => {
@@ -1019,11 +1029,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