From c021dbb237202d7ab8ea7fd99076a4e3d0dc628b Mon Sep 17 00:00:00 2001
From: liupengpeng <276665548@qq.com>
Date: 星期三, 08 二月 2023 14:42:41 +0800
Subject: [PATCH] 用户管理

---
 src/views/maintenance/userManagement.vue |   39 +++++++++++++++++++++++++++++++++++++--
 1 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/views/maintenance/userManagement.vue b/src/views/maintenance/userManagement.vue
index 16ba981..95fee47 100644
--- a/src/views/maintenance/userManagement.vue
+++ b/src/views/maintenance/userManagement.vue
@@ -400,7 +400,24 @@
             :label-width="formLabelWidth"
             :label="$t('userManage.userInfoObj.depName')"
           >
-            <el-cascader
+          <el-select
+          v-model="editForm.depid"
+          placeholder="璇烽�夋嫨"
+          @focus="setOptionWidth"
+        >
+          <el-option :value="editForm.depid" :label="editForm.depName" 
+          :style="{ width: selectOptionWidth, height: selectheight }">
+            <el-tree
+              ref="editcaderHandle"
+              :data="treeOptions"
+              :default-expand-all="defaultexpand"
+              node-key="id"
+              :props="defaultProps"
+              @node-click="handeditChange"
+            />
+          </el-option>
+        </el-select>
+            <!-- <el-cascader
               v-model="editForm.depid"
               :options="treeOptions"
               filterable
@@ -416,7 +433,7 @@
                 emitPath: false,
               }"
             >
-            </el-cascader>
+            </el-cascader> -->
           </el-form-item>
           <el-form-item
             prop="idcard"
@@ -865,6 +882,13 @@
         ],
         checkPwd: [{ validator: resetPass, trigger: 'blur' }],
       },
+      defaultProps: {
+        children: "children",
+        label: "name",
+      },
+      selectOptionWidth: '',
+      selectheight: 'auto',
+      defaultexpand: false,
     };
   },
   methods: {
@@ -1101,6 +1125,11 @@
       this.editForm.depid = value;
       this.$refs.editcaderHandle.dropDownVisible = false
     },
+    handeditChange(data, node, nodeData) {
+      this.$set(this.editForm, 'depid', data.id)
+      this.$set(this.editForm, 'depName', data.name)
+      this.$refs.editcaderHandle.dropDownVisible = false
+    },
     //鍏抽棴寮瑰嚭妗�
     handleClose(done) {
       this.$confirm('纭鍏抽棴锛�')
@@ -1213,6 +1242,12 @@
       }
       this.setbatchFlag = data.result;
     },
+    setOptionWidth(event) {
+      // 涓嬫媺妗嗚仛鐒︼紝璁剧疆寮规鐨勫搴�
+      this.$nextTick(() => {
+        this.selectOptionWidth = event.srcElement.offsetWidth + 'px';
+      });
+    }
   },
 
   mounted() {

--
Gitblit v1.9.3