房屋组织树问题修改 楼栋跳转房屋功能实现

src/api/system/dept.js

@@ -49,4 +49,11 @@ export function delDept(deptId) {
     url: '/system/dept/' + deptId,
     method: 'delete'
   })
+}
+// 房屋专属左侧组织树
+export function getdeptList() {
+  return request({
+    url: '/mz/building/getdeptList',
+    method: 'get'
+  })
 }

src/layout/components/Navbar.vue

@@ -88,7 +88,9 @@ export default {
         type: 'warning'
       }).then(() => {
         this.$store.dispatch('LogOut').then(() => {
-          location.href = '/index';
+          this.$router.replace({
+          path: "/login"
+        });
         })
       }).catch(() => {});
     }

src/utils/ruoyi.js

@@ -157,7 +157,7 @@ export function mergeRecursive(source, target) {
  * @param {*} parentId 父节点字段 默认 'parentId'
  * @param {*} children 孩子节点字段 默认 'children'
  */
-export function handleTree(data, id, parentId, children) {
+export function handleTree(data, id, parentId, children, maxLevel) {
   let config = {
     id: id || 'id',
     parentId: parentId || 'parentId',
@@ -185,16 +185,21 @@ export function handleTree(data, id, parentId, children) {
   }
 
   for (let t of tree) {
-    adaptToChildrenList(t);
+    adaptToChildrenList(t, 1);
   }
 
-  function adaptToChildrenList(o) {
+  function adaptToChildrenList(o, level) {
     if (childrenListMap[o[config.id]] !== null) {
+      if (maxLevel && level >= maxLevel) {
+        // 当达到最大层级时，清除子节点数据
+        o[config.childrenList] = []; 
+        return;
+      }
       o[config.childrenList] = childrenListMap[o[config.id]];
     }
     if (o[config.childrenList]) {
       for (let c of o[config.childrenList]) {
-        adaptToChildrenList(c);
+        adaptToChildrenList(c, level + 1);
       }
     }
   }

src/views/mz/building/index.vue

@@ -50,7 +50,13 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column label="楼栋名称" align="center" prop="buildingName" />
+          <el-table-column label="楼栋名称" align="center" prop="buildingName">
+            <template slot-scope="scope">
+              <a style="color:#409eff" @click="toHouse(scope.row)">
+                {{ scope.row.buildingName }}
+              </a>
+            </template>
+            </el-table-column>
           <el-table-column label="楼层数" align="center" prop="floorCount" />
           <el-table-column label="房屋数" align="center" prop="houseCount" />
           <el-table-column label="房间数" align="center" prop="roomCount" />
@@ -200,6 +206,9 @@ export default {
     this.getApartmentList();
   },
   methods: {
+    toHouse(row) {
+      this.$router.push({ path: "/mz/house", query: { deptId: row.id } }); 
+    },
     /** 转换组织数据结构 */
     handleNodeClick(node, data) {
       this.queryParams.apartmentId = node.deptId;

src/views/mz/house/index.vue

@@ -2,7 +2,9 @@
   <div class="app-container">
     <div class="flex w-full h-full">
       <div class="tree mr-10 card">
-        <el-tree :data="treeList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+        <el-tree :data="treeList" :props="defaultProps" @node-click="handleNodeClick"  :default-expanded-keys="expandedKeys" :default-checked-keys="checkedKeys" :auto-expand-parent="true"
+          :expand-on-click-node="false" :highlight-current="true" ref="tree" node-key="deptId"
+          :accordion="true"></el-tree>
       </div>
       <div class="card flex-1" style="width: calc(100% - 170px)">
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
@@ -122,13 +124,7 @@
             </el-form-item>
             </el-col>
         </el-row>
-        <el-row v-if="form.hire === '2'">
-          <el-col :span="12">
-            <el-form-item label="最大可租住天数" prop="days" >
-              <el-input-number v-model="form.days" :min="0" placeholder="请输入建筑面积" style="width: 200px;" :disabled="disabled"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
+       
         <el-row type="flex" style="margin-bottom:10px">
           <el-col :span="12">
             <el-col :span="6" type="flex" style="text-align:right;margin-right:15px;height: 100%;align-items: center;display: flex;justify-content: end;">
@@ -240,7 +236,6 @@ export default {
         remark: null,
         floor: 0,
         hire:'1',
-        days:null,
       },
       // 表单校验
       rules: {
@@ -265,9 +260,7 @@ export default {
         hire: [
           { required: true, message: '请选择长租房/短租房', trigger: 'change' } 
         ],
-        days: [
-          { validator: validateDays, trigger: 'blur' } 
-        ],
+       
       },
       deptList: [],
       defaultProps: {
@@ -280,7 +273,10 @@ export default {
       buildingOption: [],
       unitOptions: [],
       disabled:false,
-      treeList:[]
+      treeList:[],
+      expandedKeys: [],// 展开的节点的 key 数组
+      checkedKeys: [],// 选中的节点的 key 数组
+      showTree: true,
     };
   },
   components: {
@@ -378,7 +374,6 @@ export default {
         remark: null,
         floor: 0,
         hire:'1',
-        days:null,
       };
       this.resetForm("form");
     },
@@ -493,9 +488,70 @@ export default {
       this.form.unitId = '';
       this.unitOptions = [];
       await this.getUnitbyBuddingId(this.form.buildingId) 
-    }
+    },
+    // 新增方法：处理树展开逻辑
+    handleExpandTree(apartmentId) {
+      if (!apartmentId) return;
+      const targetId = Number(apartmentId);
+      const findParents = (node, targetId, parents = []) => {
+        if (Number(node.deptId) === targetId) {
+          return [...parents, node.deptId];
+        }
+        if (node.children) {
+          for (let child of node.children) {
+            const result = findParents(child, targetId, [...parents, node.deptId]);
+            if (result) return result;
+          }
+        }
+        return null;
+      };
+
+      let path = null;
+      for (let node of this.treeList) {
+        path = findParents(node, targetId);
+        if (path) break;
+      }
+
+      if (path) {
+        // 直接设置展开路径，由于 :accordion="true"，其他节点会自动收起
+        this.expandedKeys = path;
+        this.checkedKeys = [path[path.length - 1]];
+      } else {
+        console.warn('未找到匹配的节点路径');
+      }
+    },
   },
-  watch:{}
+  watch:{
+    $route: {
+      handler: function (newVal, oldVal) {
+        if (newVal.query) {
+          this.queryParams = {
+            ...this.queryParams,
+            ...newVal.query,
+          };
+          this.treeList = [];
+          this.showTree = false;
+          this.$nextTick(() => {
+            // 重新渲染 el-tree 实例
+            this.showTree = true;
+            this.getList();
+            // 等待 deptList 加载完成
+            if (this.treeList.length === 0) {
+              this.getDeptList().then(() => {
+                this.handleExpandTree(newVal.query.deptId);
+              });
+            } else {
+              this.handleExpandTree(newVal.query.deptId);
+            }
+          });
+        } else {
+          this.getDeptList()
+        }
+      },
+      immediate: true,
+      deep: true,
+    },
+  }
 };
 </script>
 <style lang="scss" scoped>