Tue Nov 21 15:16:00 CST 2023 inscode

src/component/humanResources/emp.vue

@@ -36,8 +36,13 @@ const defExpandedKey = computed(() => {
     const return_s = TreeToFlat(deepClone(treeData.value)).map((item) => item.title);
     return return_s;
 })
-
-watch(()=>)
+const treeInstance = ref([])
+const treeValue = reactive(["人事部", "财务部", "市场部", "销售一部", "销售三部", "技术部", "产品部", "设计部", "研发部", "客服部", "客服一部", "客服二部"]);
+const treeCheckChange = () => {
+    console.log(treeValue);
+    treeValue = treeInstance.value?.getCheckedKeys(false);
+    console.log(treeValue);
+}
 
 // pagination
 const tablePagination = reactive({
@@ -46,10 +51,13 @@ const tablePagination = reactive({
     total: 1
 });
 const getData = () => {
-    getEmpList({ page: tablePagination.currentPage, limit: tablePagination.pageSize }).then((res) => {
+    getEmpList({ page: tablePagination.currentPage, limit: tablePagination.pageSize, deptName: JSON.stringify(treeValue) }).then((res) => {
         if (res.data.data.code === 10000) {
+            console.log(res.data.data);
             tableData.value = res.data.data.data;
             tablePagination.total = res.data.data.count;
+        }else{
+            console.log(res.data.data.msg);
         }
     })
 }
@@ -72,7 +80,7 @@ const tableData = ref();
 const tableType = ref();
 tableType.value = [
     { name: "id号", type: "id", width: "100px", isSort: false, align: "center" },
-    { name: "员工类型", type: "employeeType", width: "auto", minWidth:'100px', isSort: false, align: "left" },
+    { name: "员工类型", type: "employeeType", width: "auto", minWidth: '100px', isSort: false, align: "left" },
     { name: "状态", type: "state", width: "150px", isSort: false, align: "center", isReadOnly: false },
     { name: "登录账号", type: "loginAccount", width: "200px", isSort: false, align: "center" },
     { name: "头像", type: "avatar", width: "150px", isSort: false, align: "left" },
@@ -182,8 +190,9 @@ provide("cellSetStyle", ({ row, column, rowIndex, columnIndex }) => {
         <el-container>
             <el-aside>
                 <h2>企业组织架构</h2>
-                <el-tree :data="treeData" show-checkbox node-key="title" :default-expanded-keys="defExpandedKey"
-                    :default-checked-keys="defExpandedKey" :props="defaultProps" />
+                <el-tree ref="treeInstance" :data="treeData" show-checkbox node-key="title"
+                    :default-expanded-keys="defExpandedKey" :default-checked-keys="defExpandedKey" :props="defaultProps"
+                    @check-change="treeCheckChange" />
             </el-aside>
             <el-main>
                 <mains :tableType="tableType" :operation="operation">