1.设备树状图

nnnjjj123

2021-01-30 a5ee7c758979795f957570820be92e5a1c5dd8a1

1.设备树状图

 src/api/client/client.js

@@ -48,3 +48,13 @@
  })
}

export const getDeptLazyTree = (parentId) => {
  return request({
    url: '/api/blade-jfpts/catalogs/catalogs/lazy-tree',
    method: 'get',
    params: {
      parentId
    }
  })
}


 src/views/clientManagement/clientManagement.vue

@@ -45,7 +45,7 @@
</template>

<script>
  import {getList, remove, update, add, getclient} from "@/api/client/client";
  import {getList, remove, update, add, getclient,getDeptLazyTree} from "@/api/client/client";
  import {mapGetters} from "vuex";

  export default {
@@ -67,7 +67,14 @@
          lazy: true,
          treeLoad: function (node, resolve) {
            const parentId = (node.level === 0) ? 0 : node.data.id;

            getDeptLazyTree(parentId).then(res => {
              resolve(res.data.data.map(item => {
                return {
                  ...item,
                  leaf: !item.hasChildren
                }
              }))
            });
          },
          addBtn: false,
          menu: false,
@@ -164,6 +171,11 @@
      }
    },
    methods: {
      nodeClick(data) {
        this.treeDeptId = data.id;
        this.page.currentPage = 1;
        this.onLoad(this.page);
      },
      rowSave(row, done, loading) {
        add(row).then(() => {
          this.onLoad(this.page);