src/views/system/userList/Index.vue

@@ -18,6 +18,7 @@ getRoleList()
 const keyword = ref('')
 
 const departId = ref('')
+const departLevel=ref(0)
 
 const tableColOpt = [
   {
@@ -61,7 +62,8 @@ async function getUserList() {
     CurrentIndex: page.value,
     /* RoleId: roleId.value, */
     KeyWord: keyword.value,
-    DepartmentId: departId.value
+    DepartmentId: departId.value,
+    Level:departLevel.value
   })
   tableLoading.value = false
   if (res.Ret === 200) {
@@ -138,7 +140,11 @@ function disabledTree(arr){
 
 <template>
   <div class="flex system-userlist-page">
-    <DepartWrap v-model:departActive="departId" @change="refreshUserList" />
+    <DepartWrap 
+      v-model:departActive="departId"
+      v-model:departLevel="departLevel"
+      @change="refreshUserList" 
+    />
     <div class="user-wrap">
       <div class="user-top-box">
         <el-input

src/views/system/userList/components/DepartWrap.vue

@@ -14,6 +14,7 @@ const departTreeKeys = {
 }
 const departOpts = ref([])
 const departActive = defineModel('departActive')//当前选中的分类
+const departLevel=defineModel('departLevel')
 async function getDepartList() {
   const res = await apiSystemDepart.departList()
   if (res.Ret !== 200) return
@@ -31,6 +32,7 @@ function initDepart() {
 
 function handleDepartActiveChange(data, node) {
   departActive.value = data.SysDepartmentId
+  departLevel.value=data.Level
   emits('change')
 }
 // 控制分类操作按钮显示
@@ -253,7 +255,7 @@ function getFormTitle(e) {
         :allow-drag="()=>false"
         @node-drop="handleDropOver"
       >
-        <template #default="{ node, data }">
+        <template #default="{ node }">
           <div class="depart-item-box">
             <div class="label">{{ node.label }}</div>
             <!-- <div class="opt-box" v-show="showClassifyOpt(node, data)">