From 4a6b0acd3fa30ef7c8e046b5e3eeec4d1323cf73 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期四, 13 三月 2025 16:58:24 +0800 Subject: [PATCH] gundongtiao --- src/views/system/user/index.vue | 38 ++++++++++++++++--- src/views/system/dept/index.vue | 39 +++++++++++++++++-- 2 files changed, 67 insertions(+), 10 deletions(-) diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue index d71e42f..f89e885 100644 --- a/src/views/system/dept/index.vue +++ b/src/views/system/dept/index.vue @@ -12,7 +12,7 @@ style="margin-bottom: 15px" /> </div> - <div class="head-container"> + <!-- <div class="head-container"> <el-tree :data="deptOption" :props="defaultProps" @@ -24,6 +24,21 @@ highlight-current @node-click="handleNodeClick" /> + </div> --> + <div class="scrollable-container"> + <div class="content"> + <el-tree + :data="deptOption" + :props="defaultProps" + :expand-on-click-node="false" + :filter-node-method="filterNode" + ref="tree" + node-key="id" + default-expand-all + highlight-current + @node-click="handleNodeClick" + /> + </div> </div> </el-col> <el-col :span="20" :xs="24"> @@ -366,12 +381,16 @@ </el-form> <div slot="footer" class="dialog-footer"> - <el-button @click="cancel">鍙� 娑�</el-button> <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> </div> <!-- 鍦ㄧ埗缁勪欢涓� --> - <Packagese ref="aaa" :visible="showPackagese" @add="handleChanges" :selectedId="form.hisksid" /> + <Packagese + ref="aaa" + :visible="showPackagese" + @add="handleChanges" + :selectedId="form.hisksid" + /> </el-dialog> </div> </template> @@ -509,7 +528,6 @@ }, methods: { handleQuerys() { - this.showPackagese = true; if (this.form.hisksid) { this.$refs.aaa.list = [ @@ -750,3 +768,16 @@ }; </script> +<style scoped> +.scrollable-container { + width: 200px; /* 璁剧疆瀹瑰櫒鐨勫搴� */ + height: 629px; /* 璁剧疆瀹瑰櫒鐨勯珮搴� */ + overflow: auto; /* 鍏佽鍐呭婧㈠嚭鏃舵樉绀烘粴鍔ㄦ潯 */ + border: 1px solid #ccc; /* 鍙�夛細娣诲姞杈规浠ユ洿濂藉湴鏄剧ず瀹瑰櫒 */ + position: relative; /* 鍙�夛細浣垮鍣ㄥ唴鐨勭粷瀵瑰畾浣嶅厓绱犺兘澶熸纭樉绀� */ +} +.content { + width: 600px; /* 璁剧疆鍐呭鐨勫搴︼紝浠ヨЕ鍙戞按骞虫粴鍔ㄦ潯 */ + height: 1000px; /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */ +} +</style> \ No newline at end of file diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue index 4a60aca..b8a4d2a 100644 --- a/src/views/system/user/index.vue +++ b/src/views/system/user/index.vue @@ -13,7 +13,7 @@ style="margin-bottom: 15px" /> </div> - <div class="head-container"> + <!-- <div class="head-container"> <el-tree :data="deptOptions" :props="defaultProps" @@ -26,6 +26,22 @@ highlight-current @node-click="handleNodeClick" /> + </div> --> + <div class="scrollable-container"> + <div class="content"> + <el-tree + :data="deptOptions" + :props="defaultProps" + :expand-on-click-node="false" + :filter-node-method="filterNode" + ref="tree" + node-key="id" + default-expand-all + :default-expanded-keys="treeId" + highlight-current + @node-click="handleNodeClick" + /> + </div> </div> </el-col> @@ -531,7 +547,7 @@ <el-form-item label="鎵�鍦ㄥ尰闄�" prop="hospId"> <el-select - v-if="hospList.length > 0" + v-if="hospList.length > 0" v-model="form.hospId" placeholder="璇烽�夋嫨鎵�鍦ㄥ尰闄�" clearable @@ -552,7 +568,7 @@ <!-- <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="璇烽�夋嫨褰掑睘绉戝" style="width: 200px" /> --> <el-select - v-if="DepartmentList.length > 0" + v-if="DepartmentList.length > 0" v-model="form.deptId" placeholder="璇烽�夋嫨褰掑睘绉戝" clearable @@ -1635,7 +1651,7 @@ // this.initPassword = response.msg; // }); }, - + methods: { handleChange(val) {}, /** 鏌ヨ鐢ㄦ埛鍒楄〃 */ @@ -1793,7 +1809,7 @@ // 鏇村鎿嶄綔瑙﹀彂 handleCommand(command, row) { - console.log('Command triggered:', command); + console.log("Command triggered:", command); switch (command) { case "handleResetPwd": @@ -2019,7 +2035,17 @@ line-height: 36px; width: 200px; } - +.scrollable-container { + width: 200px; /* 璁剧疆瀹瑰櫒鐨勫搴� */ + height: 629px; /* 璁剧疆瀹瑰櫒鐨勯珮搴� */ + overflow: auto; /* 鍏佽鍐呭婧㈠嚭鏃舵樉绀烘粴鍔ㄦ潯 */ + border: 1px solid #ccc; /* 鍙�夛細娣诲姞杈规浠ユ洿濂藉湴鏄剧ず瀹瑰櫒 */ + position: relative; /* 鍙�夛細浣垮鍣ㄥ唴鐨勭粷瀵瑰畾浣嶅厓绱犺兘澶熸纭樉绀� */ +} +.content { + width: 600px; /* 璁剧疆鍐呭鐨勫搴︼紝浠ヨЕ鍙戞按骞虫粴鍔ㄦ潯 */ + height: 1000px; /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */ +} .pag { width: 100%; display: flex; -- Gitblit v1.8.0