浏览代码

仓库改为懒加载树桩结构

lichao 3 年之前
父节点
当前提交
0a0d253578
共有 2 个文件被更改,包括 27 次插入5 次删除
  1. 9 0
      src/api/basicdata/dept.js
  2. 18 5
      src/views/basicdata/dept/index.vue

+ 9 - 0
src/api/basicdata/dept.js

@@ -66,3 +66,12 @@ export function delDept(deptId) {
     method: 'delete'
   })
 }
+
+// 懒加载查询
+export function lazyListDept(query) {
+  return request({
+    url: '/basicdata/warehouse/lazyList',
+    method: 'get',
+    params: query
+  })
+}

+ 18 - 5
src/views/basicdata/dept/index.vue

@@ -44,7 +44,10 @@
       :data="deptList"
       row-key="fId"
       :default-expand-all="false"
+      lazy
       :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+      :load="getTreeLoad"
+      ref="table"
     >
       <el-table-column prop="fName" label="仓库名称" width="200"></el-table-column>
       <el-table-column prop="fTotalgross" label="库容(吨)" width="100"></el-table-column>
@@ -244,7 +247,7 @@
 </template>
 
 <script>
-import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/basicdata/dept";
+import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild, lazyListDept } from "@/api/basicdata/dept";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import Vue from 'vue'
@@ -316,6 +319,7 @@ export default {
       showSearch: true,
       // 表格树数据
       deptList: [],
+      maps:[],
       // 仓库树选项
       deptOptions: [],
       // 弹出层标题
@@ -377,10 +381,19 @@ export default {
     /** 查询仓库列表 */
     getList() {
       this.loading = true;
-      listDept(this.queryParams).then(response => {
-        this.deptList = this.handleTree(response.data, "fId");
-        this.loading = false;
-      });
+      lazyListDept().then(res => {
+        this.deptList = res.data
+        this.loading = false
+      })
+      // listDept(this.queryParams).then(response => {
+      //   this.deptList = this.handleTree(response.data, "fId");
+      //   this.loading = false;
+      // });
+    },
+    getTreeLoad(tree, treeNode, resolve) {
+      lazyListDept({parentId: tree.fId}).then(res => {
+        resolve(res.data)
+      })
     },
     /** 转换仓库数据结构 */
     normalizer(node) {