From c2b922cda21298e3186e60b8da809142822785ef Mon Sep 17 00:00:00 2001
From: zhaoxiao <zhaoxiao@syxysoft.com>
Date: Mon, 13 Sep 2021 16:59:23 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E8=B5=84=E6=96=99=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E7=BB=B4=E6=8A=A4=E5=B1=95=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DataDirectoryMaintenance.vue              | 111 +++++++++++++++---
 1 file changed, 93 insertions(+), 18 deletions(-)

diff --git a/src/views/dataNetworkDiskManagement/dataDirectory/DataDirectoryMaintenance.vue b/src/views/dataNetworkDiskManagement/dataDirectory/DataDirectoryMaintenance.vue
index f9ed801..2c9b1f9 100644
--- a/src/views/dataNetworkDiskManagement/dataDirectory/DataDirectoryMaintenance.vue
+++ b/src/views/dataNetworkDiskManagement/dataDirectory/DataDirectoryMaintenance.vue
@@ -22,8 +22,8 @@
             v-model="selectedRowKeys"
             checkable
             :tree-data="dataSource"
+            :expandedKeys="expandedKeys"
             :replaceFields="replaceFields"
-            @expand="onExpand"
             @select="onSelect"/>
         </div>
         <!--        /左侧区域-->
@@ -41,14 +41,12 @@
 <script>
 import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
 import IconImg from '@/assets/imgs/icon/icon_committee.png'
-import { JeroListMixin } from '@/mixins/JeroListMixin'
 import DataDirectoryModule from './modules/DataDirectoryModule'
 import { getAction } from '../../../api/manage'
 
 export default {
   name: 'DataDirectoryMaintenance',
   components: { PageHeaderTitle, DataDirectoryModule },
-  mixins: [JeroListMixin],
   data() {
     return {
       IconImg,
@@ -57,28 +55,31 @@ export default {
         queryById: '/payDataDirectory/payDataDirectory/getOne',
         deleteBatch: '/payDataDirectory/payDataDirectory/deleteBatch'
       },
-      autoExpandParent: true,
-      checkedKeys: [],
-      columns: [], // 防止混入报错
       replaceFields: {
         children: 'children',
         title: 'name',
         key: 'id'
-      }
+      },
+      isExpandAll: false,
+      queryParam: {},
+      dataSource: [],
+      selectedRowKeys: [],
+      expandedKeys: []
     }
   },
+  watch: {
+    dataSource: {
+      handler() {
+        this.isExpandAll = true
+        this.$forceUpdate()
+      },
+      deep: true
+    }
+  },
+  created() {
+    this.loadData()
+  },
   methods: {
-    onExpand(expandedKeys) {
-      console.log('onExpand', expandedKeys)
-      // if not set autoExpandParent to false, if children expanded, parent can not collapse.
-      // or, you can remove all expanded children keys.
-      this.expandedKeys = expandedKeys
-      this.autoExpandParent = false
-    },
-    onCheck(checkedKeys) {
-      console.log('onCheck', checkedKeys)
-      this.checkedKeys = checkedKeys
-    },
     /**
      * 点击名称选中
      * @param info
@@ -98,6 +99,80 @@ export default {
     },
     dataDirectoryFormOk() {
       this.loadData()
+    },
+    searchQuery() {
+      this.loadData()
+    },
+    loadData() {
+      if (!this.url.list) {
+        this.$message.error('请设置url.list属性!')
+        return
+      }
+      let params = this.queryParam
+      this.loading = true
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          this.dataSource = res.result.records || res.result
+          this.getExpandKeys(this.dataSource)
+          //清空列表选中
+          this.selectedRowKeys = []
+        }
+        if (res.code === 510) {
+          this.$message.warning(res.message)
+        }
+        this.loading = false
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    batchDel() {
+      if (!this.url.deleteBatch) {
+        this.$message.error('请设置url.deleteBatch属性!')
+        return
+      }
+      if (this.selectedRowKeys.length <= 0) {
+        this.$message.warning('请选择一条记录！')
+        return
+      } else {
+        let ids = ''
+        for (let a = 0; a < this.selectedRowKeys.length; a++) {
+          ids += this.selectedRowKeys[a] + ','
+        }
+        const that = this
+        this.$confirm({
+          title: '确认删除',
+          content: '是否删除选中数据?',
+          onOk: function () {
+            that.loading = true
+            getAction(that.url.deleteBatch, { ids: ids }).then((res) => {
+              if (res.success) {
+                that.$message.success(res.message)
+                that.loadData()
+                that.onClearSelected()
+              } else {
+                that.$message.warning(res.message)
+              }
+            }).finally(() => {
+              that.loading = false
+            })
+          }
+        })
+      }
+    },
+    /**
+     * 展开全部（获取所有非一级元素的parentId）
+     * @param treeList
+     */
+    getExpandKeys(treeList) {
+      for (let i = 0; i < treeList.length; i++) {
+        let item = treeList[i]
+        if (item.children.length > 0) {
+          this.getExpandKeys(item.children)
+        }
+        if (item.parentId !== '0') {
+          this.expandedKeys.push(item.parentId)
+        }
+      }
     }
   }
 }