通用机构树 title 新增延时效果， 机构管理 机构树替换为 通用机构树组件

src/components/orgTree/index.vue

@@ -32,8 +32,10 @@
           <el-tooltip
             class="item"
             effect="light"
+            :visible-arrow="false"
+            :open-delay="500"
             :content="node.label"
-            placement="top-start">
+            placement="right-end">
             <span>{{ node.label }}</span>
           </el-tooltip>
         </span>

src/views/system/dept/index.vue

@@ -3,7 +3,7 @@
     <el-row :gutter="20">
       <!--机构数据-->
       <el-col :span="4" :xs="24">
-        <div class="head-container">
+        <!-- <div class="head-container">
           <el-input
             v-model="deptName"
             placeholder="请输入机构名称"
@@ -12,9 +12,9 @@
             prefix-icon="el-icon-search"
             style="margin-bottom: 20px"
           />
-        </div>
-        <div class="tree-container">
-          <div style="margin-bottom: 10px">
+        </div> -->
+        
+          <!-- <div style="margin-bottom: 10px">
             <el-checkbox v-model="queryParams.checkSub" @change="changeCheckBox"
               >关联下级</el-checkbox
             >
@@ -29,7 +29,15 @@
             :default-expanded-keys="defaultKeys"
             :default-checked-keys="defaultKeys"
             @node-click="handleNodeClick"
-          />
+          /> -->
+          <div class="tree-container">
+          <org-tree
+        slot="leftBar"
+        v-model="queryParams.orgId"
+        @defaultKey="defaultKeys"
+        @checkChange="checkChange"
+        @click="handleNodeClick"
+      ></org-tree>
         </div>
       </el-col>
       <!--用户数据-->
@@ -400,10 +408,11 @@ import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import DialogEdit from "@/views/system/dept/dialog.edit.vue";
 import {findAreaList} from "@/api/core/weather";
+import OrgTree from "@/components/orgTree";
 export default {
   name: "Dept",
   dicts: ["sys_normal_disable", "sys_org_type"],
-  components: { Treeselect, DialogEdit },
+  components: { Treeselect, DialogEdit,OrgTree },
   data() {
     return {
       // 遮罩层
@@ -557,6 +566,11 @@ export default {
       this.queryParams.parentId = data.id;
       this.handleQuery();
     },
+    //单选框状态改变
+    checkChange(state) {
+      this.queryParams.checkSub = state;
+      this.handleQuery();
+    },
     /** 查询机构列表 */
     getList() {
       this.loading = true;