From 3c97f38c5ed7279a40b04650aac445a1d247e286 Mon Sep 17 00:00:00 2001
From: Simba <ycyin8795@163.com>
Date: Fri, 12 Jun 2020 08:56:09 +0800
Subject: [PATCH] prepare batchMove

---
 src/pages/matter/List.less                    |  1 -
 src/pages/matter/List.tsx                     |  8 +-
 src/pages/matter/widget/MoveBatchPanel.less   |  0
 src/pages/matter/widget/MoveBatchPanel.tsx    | 75 +++++++++++++++++++
 src/pages/matter/widget/UploadMatterPanel.tsx |  1 -
 5 files changed, 80 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/matter/widget/MoveBatchPanel.less
 create mode 100644 src/pages/matter/widget/MoveBatchPanel.tsx

diff --git a/src/pages/matter/List.less b/src/pages/matter/List.less
index 6348d4d..6db1aa2 100644
--- a/src/pages/matter/List.less
+++ b/src/pages/matter/List.less
@@ -1,4 +1,3 @@
-
 .matter-list {
   padding: 5px;
 
diff --git a/src/pages/matter/List.tsx b/src/pages/matter/List.tsx
index b06cc61..841b185 100644
--- a/src/pages/matter/List.tsx
+++ b/src/pages/matter/List.tsx
@@ -17,6 +17,7 @@ import ImagePreviewer from "../widget/previewer/ImagePreviewer";
 import Sun from "../../common/model/global/Sun";
 import { UserRole } from "../../common/model/user/UserRole";
 import StringUtil from "../../common/util/StringUtil";
+import MoveBatchPanel from "./widget/MoveBatchPanel";
 
 interface IProps extends RouteComponentProps {}
 
@@ -34,7 +35,7 @@ export default class List extends TankComponent<IProps, IState> {
   //搜索的文字
   searchText: string | null = null;
   //获取分页的一个帮助器
-  pager = new Pager<Matter>(this, Matter, 10); // todo 分页
+  pager = new Pager<Matter>(this, Matter, 100); // todo 分页
   //移动的目标文件夹
   targetMatterUuid: string | null = null;
   user = Moon.getSingleton().user;
@@ -326,10 +327,11 @@ export default class List extends TankComponent<IProps, IState> {
 
         <Modal
           visible={moveModalVisible}
+          title="移动到"
+          width="50vw"
           onCancel={this.toggleMoveBatch}
-          footer={null}
         >
-          <Tree.DirectoryTree />
+          <MoveBatchPanel />
         </Modal>
 
         {Children.toArray(
diff --git a/src/pages/matter/widget/MoveBatchPanel.less b/src/pages/matter/widget/MoveBatchPanel.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/matter/widget/MoveBatchPanel.tsx b/src/pages/matter/widget/MoveBatchPanel.tsx
new file mode 100644
index 0000000..1794f85
--- /dev/null
+++ b/src/pages/matter/widget/MoveBatchPanel.tsx
@@ -0,0 +1,75 @@
+import React from "react";
+import Pager from "../../../common/model/base/Pager";
+import Matter from "../../../common/model/matter/Matter";
+import TankComponent from "../../../common/component/TankComponent";
+import {Tree} from "antd";
+
+interface IProps {
+}
+
+interface IState {}
+
+export default class UploadMatterPanel extends TankComponent<IProps, IState> {
+
+  pager = new Pager<Matter>(this, Matter, 10);
+  targetMatter = new Matter();
+  treeData = [];
+
+  constructor(props: IProps) {
+    super(props);
+    this.state = {};
+  }
+  componentDidMount() {
+    this.listDir();
+  }
+
+  fetchData() {
+    this.pager.httpList((response: any) => {
+      const {data, page, totalPages} = response.data.data;
+      // todo do something
+      if(page + 1 < totalPages) {
+        this.pager.page++;
+        this.fetchData();
+      }
+    })
+  }
+
+  listDir = (pMatter?: Matter) => {
+    if(pMatter) {
+      this.pager.setFilterValue('puuid', pMatter.uuid);
+    } else {
+      this.pager.setFilterValue('puuid', 'root');
+    }
+    this.pager.setFilterValue('dir', true);
+    this.fetchData();
+  };
+
+  // treeData = [
+  //   {
+  //     title: 'parent 0',
+  //     key: '0-0',
+  //     children: [
+  //       { title: 'leaf 0-0', key: '0-0-0' },
+  //       { title: 'leaf 0-1', key: '0-0-1', isLeaf: true },
+  //     ],
+  //   },
+  //   {
+  //     title: 'parent 1',
+  //     key: '0-1',
+  //     children: [
+  //       { title: 'leaf 1-0', key: '0-1-0', isLeaf: true },
+  //       { title: 'leaf 1-1', key: '0-1-1', isLeaf: true },
+  //     ],
+  //   },
+  // ];
+
+  onSelect = (keys: any, event: any) => {
+    console.log('Trigger Select', keys, event);
+  };
+
+  render() {
+    return (
+      <Tree.DirectoryTree treeData={this.treeData} onSelect={this.onSelect}/>
+    )
+  }
+}
diff --git a/src/pages/matter/widget/UploadMatterPanel.tsx b/src/pages/matter/widget/UploadMatterPanel.tsx
index 87d5651..955d17f 100644
--- a/src/pages/matter/widget/UploadMatterPanel.tsx
+++ b/src/pages/matter/widget/UploadMatterPanel.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import TankComponent from "../../../common/component/TankComponent";
 import Matter from "../../../common/model/matter/Matter";
-import Director from "./Director";
 import StringUtil from "../../../common/util/StringUtil";
 import { Progress } from "antd";
 import "./UploadMatterPanel.less";