inl-ui 0.0.19 → 0.0.21

package/src/pageComponent/views/systemManager/orgManager/depManager/employeeTable.tsx

@@ -9,11 +9,13 @@
 import { computed, defineComponent, inject, ref, watch } from "vue";
 import useTableList from "@/pageComponent/hooks/useTableList";
 import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
+import dayjs from "dayjs";
 import api from "@/api/org/depManager";
 import { IUrlObj } from "./index";
 
 import { Modal } from "ant-design-vue";
 import UpdateEmployeeDialog from "./updateEmployeeDialog";
+import BatchImportModal from "./batchImportModal";
 
 const columns = [
   {
@@ -130,9 +132,27 @@ const EmployeeTable = defineComponent({
       refresh();
     };
 
+    // 批量导入/导出
+    const [isImportDialogShow, handleImportClick] = useModalVisibleControl();
+
+    const selectIdList = ref<string[]>([]);
+    watch(
+      () => props.depId,
+      () => (selectIdList.value = [])
+    );
+    const handleSelect = (selectedRowKeys: string[]) => {
+      selectIdList.value = selectedRowKeys;
+    };
+    const handleExport = () => {
+      const day = dayjs();
+      const aEl = document.createElement("a");
+      aEl.href = "/api/common/v1/employee/export/multi";
+      aEl.download = `批量导出成员_${day.format("YYYY_M_D_ms")}`;
+      aEl.click();
+    };
+
     return () => (
       <div class="employee-table">
-        <h2 class="部门人员详情"></h2>
         <div class="operation">
           <a-space>
             <a-button
@@ -142,6 +162,13 @@ const EmployeeTable = defineComponent({
             >
               新建
             </a-button>
+            <a-button onClick={handleImportClick}>批量导入</a-button>
+            <a-button
+              disabled={!selectIdList.value.length}
+              onClick={handleExport}
+            >
+              批量导出
+            </a-button>
           </a-space>
           <a-input
             style={{ width: "200px" }}
@@ -153,9 +180,14 @@ const EmployeeTable = defineComponent({
           />
         </div>
         <a-table
+          rowKey="id"
           loading={isLoading.value}
           columns={columns}
           dataSource={tableList.value}
+          rowSelection={{
+            selectedRowKeys: selectIdList.value,
+            onChange: handleSelect,
+          }}
           pagination={{
             pageSize: pageSize.value,
             current: currPage.value,
@@ -218,6 +250,11 @@ const EmployeeTable = defineComponent({
           v-model={[isEditDialogShow.value, "visible"]}
           onRefresh={refresh}
         />
+
+        <BatchImportModal
+          v-model={[isImportDialogShow.value, "visible"]}
+          onRefresh={refresh}
+        />
       </div>
     );
   },

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

@@ -114,14 +114,25 @@ const com = defineComponent({
       const { file, onSuccess, onError } = options;
       const fileData = new FormData();
       fileData.append("file", file as any);
-      const res: any = await modelApis.importExcel(fileData);
-      if (res.code === "M0000") {
-        message.success("上传成功");
-        onSuccess("response", file);
-      } else {
-        message.error("上传失败");
-        onError("error", file);
-      }
+      const hide = message.info({
+        duration: 0,
+        content: "正在导入，请稍后",
+      });
+      modelApis
+        .importExcel(fileData)
+        .then((res) => {
+          if (res.data === true) {
+            message.success("导入成功");
+            onSuccess("response", file);
+          } else {
+            message.error("导入失败");
+            onError("error", file);
+            downFile(res.data, "错误信息.txt");
+          }
+        })
+        .finally(() => {
+          hide();
+        });
     };
     const exportFun = async () => {
       message.info({
@@ -129,19 +140,39 @@ const com = defineComponent({
         content: "正在导出，请稍后",
       });
       const res: any = await modelApis.exportExcelTemplate();
+      downFile(
+        res,
+        "物模型数据_" + moment().format("YYYY_MM_DD_HHmm") + ".xls"
+      );
+      setTimeout(() => {
+        message.destroy();
+      }, 666);
+    };
+    const downFun = async () => {
+      message.info({
+        duration: 0,
+        content: "正在下载，请稍后",
+      });
+      const res: any = await modelApis.downExcelTemplate();
+      downFile(
+        res,
+        "【模板】物模型数据_" + moment().format("YYYY_MM_DD_HHmm") + ".xls"
+      );
+      setTimeout(() => {
+        message.destroy();
+      }, 666);
+    };
+    const downFile = (res: any, filename: string) => {
       const blob = new Blob([res], {
         type: "text/html;charset=UTF-8",
       });
       const a = document.createElement("a");
       a.href = URL.createObjectURL(blob);
-      a.download = "物模型数据-" + moment().format("YYYYMMDDHHmmss") + ".xls";
+      a.download = filename;
       a.style.display = "none";
       document.body.appendChild(a);
       a.click();
       a.remove();
-      setTimeout(() => {
-        message.destroy();
-      }, 666);
     };
     const openModal = () => {
       updateModalRef.value.open(true);
@@ -252,6 +283,15 @@ const com = defineComponent({
               >
                 导出全部
               </a-button>
+              <a-button
+                type="primary"
+                onClick={() => {
+                  downFun();
+                }}
+                ghost
+              >
+                下载模板
+              </a-button>
             </a-space>
             {/* row-selection={{
                   selectedRowKeys: state.selectedRowKeys,