inl-ui 0.0.37 → 0.0.39

package/src/pageComponent/views/projectManager/index.tsx

@@ -1,464 +1,464 @@
-import {
-  defineComponent,
-  reactive,
-  toRaw,
-  ref,
-  onMounted,
-  watchEffect,
-} from "vue";
-import {
-  Form,
-  Row,
-  Col,
-  FormItem,
-  Input,
-  Button,
-  Select,
-  Space,
-  Table,
-  message,
-  Modal,
-  SelectOption,
-  TreeSelect,
-} from "ant-design-vue";
-import { ProjectApi, CustomApi } from "@/api/project";
-import useTable from "./hooks/useTable";
-import useTreeSearch from "@/pageComponent/hooks/treeSearch";
-import { useRouter } from "vue-router";
-import { projectItem } from "./utils/formRules";
-import { projectStageEnums, projectTypeEnums } from "./utils/emuns";
-import { validateProjectDt, blobDownload, blobPrint } from "./utils/index";
-import type { FormInstance } from "ant-design-vue";
-import CommonForm from "./components/commonForm";
-import detail from "./detail";
-import dayjs, { Dayjs } from "dayjs";
-import utils from "@/utils";
-
-export interface FormOptionProjectI {
-  customerId?: string;
-  endDt?: string;
-  keyword?: string;
-  projectManager?: string;
-  stage?: number;
-  startDt?: string;
-  type?: number;
-}
-export interface ProjectItemI {
-  code?: string;
-  name?: string;
-  projectManager?: string;
-  projectManagerMobile?: string;
-  contractName?: string;
-  contractStartDt?: string;
-  contractEndDt?: string;
-  acceptanceDt?: string;
-  startDt?: string;
-  endDt?: string;
-  maintenancePeriod?: string;
-  type?: number;
-  stage?: number;
-  customerId?: number;
-  [propName: string]: any;
-}
-type RangeValue = [Dayjs, Dayjs];
-const columns = [
-  {
-    title: "项目编号",
-    dataIndex: "code",
-    key: "code",
-  },
-  {
-    title: "项目名称",
-    dataIndex: "name",
-    key: "name",
-  },
-  {
-    title: "项目类型",
-    dataIndex: "type",
-    key: "type",
-    slots: { customRender: "type" },
-  },
-  {
-    title: "项目阶段",
-    dataIndex: "stage",
-    key: "stage",
-    slots: { customRender: "stage" },
-  },
-  {
-    title: "客户名称",
-    dataIndex: "customerName",
-    key: "customerName",
-  },
-  {
-    title: "项目经理",
-    dataIndex: "projectManager",
-    key: "projectManager",
-  },
-  {
-    title: "项目经理电话",
-    dataIndex: "projectManagerMobile",
-    key: "projectManagerMobile",
-  },
-  {
-    title: "项目开始时间",
-    dataIndex: "startDt",
-    key: "startDt",
-  },
-  {
-    title: "项目结束时间",
-    dataIndex: "endDt",
-    key: "endDt",
-  },
-  {
-    title: "项目维保期（年）",
-    dataIndex: "maintenancePeriod",
-    key: "maintenancePeriod",
-  },
-  {
-    title: "操作",
-    dataIndex: "action",
-    key: "action",
-    slots: { customRender: "action" },
-  },
-];
-const defaultModalState: ProjectItemI = {
-  code: "",
-  type: undefined,
-  name: "",
-  stage: undefined,
-  projectManager: "",
-  projectManagerMobile: "",
-  contractName: "",
-  contractStartDt: "",
-  contractEndDt: "",
-  acceptanceDt: "",
-  startDt: "",
-  endDt: "",
-  maintenancePeriod: "",
-  customerId: undefined,
-};
-function modalCreate() {
-  const visible = ref<boolean>(false);
-  const formRef = ref<FormInstance>();
-  const showModal = () => {
-    visible.value = true;
-    formRef.value?.resetFields();
-  };
-  const handleOk = (callback: () => void) => {
-    formRef.value?.validate().then((res) => {
-      Object.keys(res).forEach((key: string) => {
-        if (key.indexOf("Dt") > -1 && res[key]) {
-          res[key] = res[key].format("YYYY-MM-DD 00:00:00");
-        }
-      });
-      if (!validateProjectDt(res)) return;
-      ProjectApi.add(res).then(() => {
-        visible.value = false;
-        callback && callback();
-      });
-    });
-  };
-  return {
-    visible,
-    showModal,
-    handleOk,
-    formRef,
-  };
-}
-const comp = defineComponent({
-  components: { CommonForm, detail },
-  setup() {
-    const router = useRouter();
-    const detailPage = ref();
-    const formQuery = reactive<FormOptionProjectI>({
-      customerId: undefined,
-      endDt: undefined,
-      keyword: "",
-      projectManager: undefined,
-      stage: undefined,
-      startDt: undefined,
-      type: undefined,
-    });
-    const state = reactive<{
-      timeQuery: RangeValue | null;
-      projectManagerList: string[];
-      detailShow: Boolean;
-      proId: String;
-      editStatus: Boolean;
-    }>({
-      timeQuery: null,
-      projectManagerList: [],
-      detailShow: false,
-      proId: "",
-      editStatus: false,
-    });
-    const timeChange = (date: Dayjs | string) => {
-      if (date) {
-        const [start, end] = date;
-        formQuery.startDt = start.format("YYYY-MM-DD") + " 00:00:00";
-        formQuery.endDt = end.format("YYYY-MM-DD") + " 23:59:59";
-      } else {
-        formQuery.startDt = undefined;
-        formQuery.endDt = undefined;
-      }
-    };
-    const {
-      table,
-      page,
-      search,
-      getList,
-      pageChange,
-      sizeChange,
-      pageSizeOptions,
-      defaultPageSize,
-      showTotal,
-    } = useTable(
-      ProjectApi.getList,
-      { data: toRaw(formQuery) },
-      {
-        list: "projectList",
-        total: "totalCount",
-      }
-    );
-    const remove = (id: string) => {
-      ProjectApi.remove(id).then((res) => {
-        message.success("删除成功");
-        getList();
-      });
-    };
-
-    const { visible, showModal, handleOk, formRef } = modalCreate();
-    const toDetail = (id, isEdit) => {
-      state.detailShow = true;
-      state.proId = id;
-      state.editStatus = isEdit;
-    };
-    const getTableSlot = () => {
-      return {
-        type: ({ record }: any) => {
-          return (
-            projectTypeEnums.find((el) => el.value === record.type)?.label ||
-            "--"
-          );
-        },
-        stage: ({ record }: any) => {
-          return (
-            projectStageEnums.find((el) => el.value === record.stage)?.label ||
-            "--"
-          );
-        },
-        action: ({ record }: any) => {
-          return (
-            <Space>
-              <a onClick={() => toDetail(record.id, false)}>详情</a>
-              <a onClick={() => toDetail(record.id, true)}>编辑</a>
-              <a-popconfirm
-                title="确定要删除吗"
-                onConfirm={() => {
-                  remove(record.id);
-                }}
-              >
-                <a>删除</a>
-              </a-popconfirm>
-            </Space>
-          );
-        },
-      };
-    };
-    const { tree, fieldNames } = useTreeSearch({
-      label: "name",
-      children: "subList",
-      title: "name",
-      value: "id",
-    });
-    const getCustomList = () => {
-      CustomApi.getCustomTreeList().then((res) => {
-        tree.data = res.data;
-      });
-    };
-    const getProjectMamagerList = () => {
-      ProjectApi.projectManagerList().then((res) => {
-        state.projectManagerList = res.data;
-      });
-    };
-    const exportData = () => {
-      const filename =
-        "项目管理_" + dayjs().format("YYYY_MM_DD_HHmm") + ".xlsx";
-      ProjectApi.exportData(toRaw(formQuery)).then((res) =>
-        blobDownload(res, filename)
-      );
-    };
-    const printData = () => {
-      ProjectApi.printData(toRaw(formQuery)).then((res) => blobPrint(res));
-    };
-    onMounted(() => {
-      search();
-      getCustomList();
-      getProjectMamagerList();
-    });
-    return () => (
-      <div class="product bg-fff">
-        {state.detailShow && (
-          <detail
-            projectId={state.proId}
-            editStatus={state.editStatus}
-            onBack={() => (state.detailShow = false)}
-            onFresh={getList}
-          />
-        )}
-        <div style={state.detailShow ? "display:none" : ""}>
-          <div class="option">
-            <Form labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
-              <Row gutter={24}>
-                <Col span={6}>
-                  <FormItem label="项目名称" name="keyword">
-                    <Input v-model={[formQuery.keyword, "value"]} allowClear />
-                  </FormItem>
-                </Col>
-                <Col span={6}>
-                  <FormItem label="客户名称" name="customerId">
-                    <TreeSelect
-                      v-model={[formQuery.customerId, "value"]}
-                      show-search
-                      allow-clear
-                      fieldNames={fieldNames}
-                      tree-default-expand-all
-                      tree-data={tree.data}
-                    ></TreeSelect>
-                  </FormItem>
-                </Col>
-                <Col span={6}>
-                  <FormItem label="项目类型" name="type">
-                    <Select v-model={[formQuery.type, "value"]} allowClear>
-                      {projectTypeEnums.map((item) => {
-                        return (
-                          <SelectOption value={item.value}>
-                            {item.label}
-                          </SelectOption>
-                        );
-                      })}
-                    </Select>
-                  </FormItem>
-                </Col>
-                <Col span={6}>
-                  <FormItem label="项目阶段" name="type">
-                    <Select v-model={[formQuery.stage, "value"]} allowClear>
-                      {projectStageEnums.map((item) => {
-                        return (
-                          <SelectOption value={item.value}>
-                            {item.label}
-                          </SelectOption>
-                        );
-                      })}
-                    </Select>
-                  </FormItem>
-                </Col>
-              </Row>
-              <Row gutter={24}>
-                <Col span={6}>
-                  <FormItem label="项目经理" name="projectManager">
-                    <Select
-                      v-model={[formQuery.projectManager, "value"]}
-                      allowClear
-                    >
-                      {state.projectManagerList.map((name: string) => {
-                        return (
-                          <SelectOption value={name} key={name}>
-                            {name}
-                          </SelectOption>
-                        );
-                      })}
-                    </Select>
-                  </FormItem>
-                </Col>
-                <Col span={6} xxl={6} xl={8}>
-                  <FormItem
-                    label="时间段 "
-                    name="time"
-                    labelCol={{ xl: 6, xxl: 8 }}
-                    wrapperCol={{ xl: 14, xxl: 16 }}
-                  >
-                    <a-range-picker
-                      format="YYYY-MM-DD"
-                      placeholder={["开始日期", "结束日期"]}
-                      allowClear
-                      v-model={[state.timeQuery, "value"]}
-                      onChange={timeChange}
-                    />
-                  </FormItem>
-                </Col>
-                <Col style={{ textAlign: "right" }} xxl={6} xl={4} offset={6}>
-                  <Button type="primary" onClick={getList}>
-                    查询
-                  </Button>
-                </Col>
-              </Row>
-            </Form>
-          </div>
-          <Space>
-            <Button type="primary" onClick={showModal}>
-              新增
-            </Button>
-            <Button type="primary" onClick={exportData}>
-              导出
-            </Button>
-            <Button type="primary" onClick={printData}>
-              打印
-            </Button>
-          </Space>
-          <div class="mar-t-20 tree_wrap">
-            <Table
-              columns={columns}
-              dataSource={table.list}
-              loading={table.loading}
-              v-slots={getTableSlot()}
-              pagination={{
-                ...page,
-                showSizeChanger: true,
-                showQuickJumper: true,
-                showTotal,
-                onChange: pageChange,
-                onShowSizeChange: sizeChange,
-                defaultPageSize,
-                pageSizeOptions,
-              }}
-            />
-          </div>
-        </div>
-
-        <Modal
-          width={780}
-          v-model={[visible.value, "visible"]}
-          title="新建项目"
-          onOk={() => handleOk(search)}
-        >
-          <CommonForm
-            formRef={formRef}
-            paramList={projectItem}
-            model={defaultModalState}
-            colSpan={{
-              xxl: 12,
-              xl: 12,
-            }}
-            v-slots={{
-              slot_customerId: (formModel: any) => {
-                return (
-                  <TreeSelect
-                    v-model={[formModel.value.customerId, "value"]}
-                    show-search
-                    allow-clear
-                    fieldNames={fieldNames}
-                    tree-default-expand-all
-                    tree-data={tree.data}
-                  ></TreeSelect>
-                );
-              },
-            }}
-          />
-        </Modal>
-      </div>
-    );
-  },
-});
-
-export default utils.installComponent(comp, "project-manage");
+import {
+  defineComponent,
+  reactive,
+  toRaw,
+  ref,
+  onMounted,
+  watchEffect,
+} from "vue";
+import {
+  Form,
+  Row,
+  Col,
+  FormItem,
+  Input,
+  Button,
+  Select,
+  Space,
+  Table,
+  message,
+  Modal,
+  SelectOption,
+  TreeSelect,
+} from "ant-design-vue";
+import { ProjectApi, CustomApi } from "@/api/project";
+import useTable from "./hooks/useTable";
+import useTreeSearch from "@/pageComponent/hooks/treeSearch";
+import { useRouter } from "vue-router";
+import { projectItem } from "./utils/formRules";
+import { projectStageEnums, projectTypeEnums } from "./utils/emuns";
+import { validateProjectDt, blobDownload, blobPrint } from "./utils/index";
+import type { FormInstance } from "ant-design-vue";
+import CommonForm from "./components/commonForm";
+import detail from "./detail";
+import dayjs, { Dayjs } from "dayjs";
+import utils from "@/utils";
+
+export interface FormOptionProjectI {
+  customerId?: string;
+  endDt?: string;
+  keyword?: string;
+  projectManager?: string;
+  stage?: number;
+  startDt?: string;
+  type?: number;
+}
+export interface ProjectItemI {
+  code?: string;
+  name?: string;
+  projectManager?: string;
+  projectManagerMobile?: string;
+  contractName?: string;
+  contractStartDt?: string;
+  contractEndDt?: string;
+  acceptanceDt?: string;
+  startDt?: string;
+  endDt?: string;
+  maintenancePeriod?: string;
+  type?: number;
+  stage?: number;
+  customerId?: number;
+  [propName: string]: any;
+}
+type RangeValue = [Dayjs, Dayjs];
+const columns = [
+  {
+    title: "项目编号",
+    dataIndex: "code",
+    key: "code",
+  },
+  {
+    title: "项目名称",
+    dataIndex: "name",
+    key: "name",
+  },
+  {
+    title: "项目类型",
+    dataIndex: "type",
+    key: "type",
+    slots: { customRender: "type" },
+  },
+  {
+    title: "项目阶段",
+    dataIndex: "stage",
+    key: "stage",
+    slots: { customRender: "stage" },
+  },
+  {
+    title: "客户名称",
+    dataIndex: "customerName",
+    key: "customerName",
+  },
+  {
+    title: "项目经理",
+    dataIndex: "projectManager",
+    key: "projectManager",
+  },
+  {
+    title: "项目经理电话",
+    dataIndex: "projectManagerMobile",
+    key: "projectManagerMobile",
+  },
+  {
+    title: "项目开始时间",
+    dataIndex: "startDt",
+    key: "startDt",
+  },
+  {
+    title: "项目结束时间",
+    dataIndex: "endDt",
+    key: "endDt",
+  },
+  {
+    title: "项目维保期（年）",
+    dataIndex: "maintenancePeriod",
+    key: "maintenancePeriod",
+  },
+  {
+    title: "操作",
+    dataIndex: "action",
+    key: "action",
+    slots: { customRender: "action" },
+  },
+];
+const defaultModalState: ProjectItemI = {
+  code: "",
+  type: undefined,
+  name: "",
+  stage: undefined,
+  projectManager: "",
+  projectManagerMobile: "",
+  contractName: "",
+  contractStartDt: "",
+  contractEndDt: "",
+  acceptanceDt: "",
+  startDt: "",
+  endDt: "",
+  maintenancePeriod: "",
+  customerId: undefined,
+};
+function modalCreate() {
+  const visible = ref<boolean>(false);
+  const formRef = ref<FormInstance>();
+  const showModal = () => {
+    visible.value = true;
+    formRef.value?.resetFields();
+  };
+  const handleOk = (callback: () => void) => {
+    formRef.value?.validate().then((res) => {
+      Object.keys(res).forEach((key: string) => {
+        if (key.indexOf("Dt") > -1 && res[key]) {
+          res[key] = res[key].format("YYYY-MM-DD 00:00:00");
+        }
+      });
+      if (!validateProjectDt(res)) return;
+      ProjectApi.add(res).then(() => {
+        visible.value = false;
+        callback && callback();
+      });
+    });
+  };
+  return {
+    visible,
+    showModal,
+    handleOk,
+    formRef,
+  };
+}
+const comp = defineComponent({
+  components: { CommonForm, detail },
+  setup() {
+    const router = useRouter();
+    const detailPage = ref();
+    const formQuery = reactive<FormOptionProjectI>({
+      customerId: undefined,
+      endDt: undefined,
+      keyword: "",
+      projectManager: undefined,
+      stage: undefined,
+      startDt: undefined,
+      type: undefined,
+    });
+    const state = reactive<{
+      timeQuery: RangeValue | null;
+      projectManagerList: string[];
+      detailShow: Boolean;
+      proId: String;
+      editStatus: Boolean;
+    }>({
+      timeQuery: null,
+      projectManagerList: [],
+      detailShow: false,
+      proId: "",
+      editStatus: false,
+    });
+    const timeChange = (date: Dayjs | string) => {
+      if (date) {
+        const [start, end] = date;
+        formQuery.startDt = start.format("YYYY-MM-DD") + " 00:00:00";
+        formQuery.endDt = end.format("YYYY-MM-DD") + " 23:59:59";
+      } else {
+        formQuery.startDt = undefined;
+        formQuery.endDt = undefined;
+      }
+    };
+    const {
+      table,
+      page,
+      search,
+      getList,
+      pageChange,
+      sizeChange,
+      pageSizeOptions,
+      defaultPageSize,
+      showTotal,
+    } = useTable(
+      ProjectApi.getList,
+      { data: toRaw(formQuery) },
+      {
+        list: "projectList",
+        total: "totalCount",
+      }
+    );
+    const remove = (id: string) => {
+      ProjectApi.remove(id).then((res) => {
+        message.success("删除成功");
+        getList();
+      });
+    };
+
+    const { visible, showModal, handleOk, formRef } = modalCreate();
+    const toDetail = (id, isEdit) => {
+      state.detailShow = true;
+      state.proId = id;
+      state.editStatus = isEdit;
+    };
+    const getTableSlot = () => {
+      return {
+        type: ({ record }: any) => {
+          return (
+            projectTypeEnums.find((el) => el.value === record.type)?.label ||
+            "--"
+          );
+        },
+        stage: ({ record }: any) => {
+          return (
+            projectStageEnums.find((el) => el.value === record.stage)?.label ||
+            "--"
+          );
+        },
+        action: ({ record }: any) => {
+          return (
+            <Space>
+              <a onClick={() => toDetail(record.id, false)}>详情</a>
+              <a onClick={() => toDetail(record.id, true)}>编辑</a>
+              <a-popconfirm
+                title="确定要删除吗"
+                onConfirm={() => {
+                  remove(record.id);
+                }}
+              >
+                <a>删除</a>
+              </a-popconfirm>
+            </Space>
+          );
+        },
+      };
+    };
+    const { tree, fieldNames } = useTreeSearch({
+      label: "name",
+      children: "subList",
+      title: "name",
+      value: "id",
+    });
+    const getCustomList = () => {
+      CustomApi.getCustomTreeList().then((res) => {
+        tree.data = res.data;
+      });
+    };
+    const getProjectMamagerList = () => {
+      ProjectApi.projectManagerList().then((res) => {
+        state.projectManagerList = res.data;
+      });
+    };
+    const exportData = () => {
+      const filename =
+        "项目管理_" + dayjs().format("YYYY_MM_DD_HHmm") + ".xlsx";
+      ProjectApi.exportData(toRaw(formQuery)).then((res) =>
+        blobDownload(res, filename)
+      );
+    };
+    const printData = () => {
+      ProjectApi.printData(toRaw(formQuery)).then((res) => blobPrint(res));
+    };
+    onMounted(() => {
+      search();
+      getCustomList();
+      getProjectMamagerList();
+    });
+    return () => (
+      <div class="product bg-fff">
+        {state.detailShow && (
+          <detail
+            projectId={state.proId}
+            editStatus={state.editStatus}
+            onBack={() => (state.detailShow = false)}
+            onFresh={getList}
+          />
+        )}
+        <div style={state.detailShow ? "display:none" : ""}>
+          <div class="option">
+            <Form labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
+              <Row gutter={24}>
+                <Col span={6}>
+                  <FormItem label="项目名称" name="keyword">
+                    <Input v-model={[formQuery.keyword, "value"]} allowClear />
+                  </FormItem>
+                </Col>
+                <Col span={6}>
+                  <FormItem label="客户名称" name="customerId">
+                    <TreeSelect
+                      v-model={[formQuery.customerId, "value"]}
+                      show-search
+                      allow-clear
+                      fieldNames={fieldNames}
+                      tree-default-expand-all
+                      tree-data={tree.data}
+                    ></TreeSelect>
+                  </FormItem>
+                </Col>
+                <Col span={6}>
+                  <FormItem label="项目类型" name="type">
+                    <Select v-model={[formQuery.type, "value"]} allowClear>
+                      {projectTypeEnums.map((item) => {
+                        return (
+                          <SelectOption value={item.value}>
+                            {item.label}
+                          </SelectOption>
+                        );
+                      })}
+                    </Select>
+                  </FormItem>
+                </Col>
+                <Col span={6}>
+                  <FormItem label="项目阶段" name="type">
+                    <Select v-model={[formQuery.stage, "value"]} allowClear>
+                      {projectStageEnums.map((item) => {
+                        return (
+                          <SelectOption value={item.value}>
+                            {item.label}
+                          </SelectOption>
+                        );
+                      })}
+                    </Select>
+                  </FormItem>
+                </Col>
+              </Row>
+              <Row gutter={24}>
+                <Col span={6}>
+                  <FormItem label="项目经理" name="projectManager">
+                    <Select
+                      v-model={[formQuery.projectManager, "value"]}
+                      allowClear
+                    >
+                      {state.projectManagerList.map((name: string) => {
+                        return (
+                          <SelectOption value={name} key={name}>
+                            {name}
+                          </SelectOption>
+                        );
+                      })}
+                    </Select>
+                  </FormItem>
+                </Col>
+                <Col span={6} xxl={6} xl={8}>
+                  <FormItem
+                    label="时间段 "
+                    name="time"
+                    labelCol={{ xl: 6, xxl: 8 }}
+                    wrapperCol={{ xl: 14, xxl: 16 }}
+                  >
+                    <a-range-picker
+                      format="YYYY-MM-DD"
+                      placeholder={["开始日期", "结束日期"]}
+                      allowClear
+                      v-model={[state.timeQuery, "value"]}
+                      onChange={timeChange}
+                    />
+                  </FormItem>
+                </Col>
+                <Col style={{ textAlign: "right" }} xxl={6} xl={4} offset={6}>
+                  <Button type="primary" onClick={getList}>
+                    查询
+                  </Button>
+                </Col>
+              </Row>
+            </Form>
+          </div>
+          <Space>
+            <Button type="primary" onClick={showModal}>
+              新增
+            </Button>
+            <Button type="primary" onClick={exportData}>
+              导出
+            </Button>
+            <Button type="primary" onClick={printData}>
+              打印
+            </Button>
+          </Space>
+          <div class="mar-t-20 tree_wrap">
+            <Table
+              columns={columns}
+              dataSource={table.list}
+              loading={table.loading}
+              v-slots={getTableSlot()}
+              pagination={{
+                ...page,
+                showSizeChanger: true,
+                showQuickJumper: true,
+                showTotal,
+                onChange: pageChange,
+                onShowSizeChange: sizeChange,
+                defaultPageSize,
+                pageSizeOptions,
+              }}
+            />
+          </div>
+        </div>
+
+        <Modal
+          width={780}
+          v-model={[visible.value, "visible"]}
+          title="新建项目"
+          onOk={() => handleOk(search)}
+        >
+          <CommonForm
+            formRef={formRef}
+            paramList={projectItem}
+            model={defaultModalState}
+            colSpan={{
+              xxl: 12,
+              xl: 12,
+            }}
+            v-slots={{
+              slot_customerId: (formModel: any) => {
+                return (
+                  <TreeSelect
+                    v-model={[formModel.value.customerId, "value"]}
+                    show-search
+                    allow-clear
+                    fieldNames={fieldNames}
+                    tree-default-expand-all
+                    tree-data={tree.data}
+                  ></TreeSelect>
+                );
+              },
+            }}
+          />
+        </Modal>
+      </div>
+    );
+  },
+});
+
+export default utils.installComponent(comp, "project-manage");