inl-ui 0.0.37 → 0.0.39

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

@@ -1,129 +1,129 @@
-import { defineComponent, ref, watch } from "vue";
-import useVModel from "@/pageComponent/hooks/useVModel";
-import dayjs from "dayjs";
-import { message } from "ant-design-vue";
-import { FileExcelTwoTone, InboxOutlined } from "@ant-design/icons-vue";
-
-/**
- * 批量导入人员
- */
-const BatchImportModal = defineComponent({
-  emits: ["update:visible", "refresh"],
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  setup(props, { emit }) {
-    const isVisible = useVModel(props, "visible", emit);
-    const templateFileName = ref("");
-
-    const isLoading = ref(false);
-    const fileList = ref<any[]>([]);
-
-    const handleUpload = async () => {
-      isLoading.value = true;
-      setTimeout(() => {
-        message.success("导入成功");
-        isVisible.value = false;
-        emit("refresh");
-      }, 1000);
-    };
-
-    // 关闭后清空上传列表
-    watch(isVisible, (val) => {
-      if (!val) {
-        fileList.value = [];
-        isLoading.value = false;
-      } else {
-        const day = dayjs();
-        templateFileName.value = `批量导入成员_${day.format(
-          "YYYY_M_D_HHmm"
-        )}.xls`;
-      }
-    });
-
-    return () => (
-      <div class="batchImportModal">
-        <a-modal
-          title="批量导入"
-          width={800}
-          v-model={[isVisible.value, "visible"]}
-          v-slots={{
-            footer: () => (
-              <a-space>
-                <a-button
-                  type="primary"
-                  disabled={!fileList.value.length}
-                  loading={isLoading.value}
-                  onClick={handleUpload}
-                >
-                  上传文件
-                </a-button>
-                <a-button onClick={() => (isVisible.value = false)}>
-                  取消
-                </a-button>
-              </a-space>
-            ),
-          }}
-        >
-          <a-alert showIcon type="warning">
-            {{
-              message: () => (
-                <span
-                  style={{
-                    display: "flex",
-                    justifyContent: "space-between",
-                  }}
-                >
-                  <span style={{ color: "#915B28" }}>
-                    请先下载模版并按要求填写信息，否则可能导入失败
-                  </span>
-                  <a
-                    target="_BLANK"
-                    href="/api/common/v1/employee/export/template"
-                    download={templateFileName.value.slice(0, -4)}
-                  >
-                    {templateFileName.value}
-                  </a>
-                </span>
-              ),
-            }}
-          </a-alert>
-          <a-upload-dragger
-            style={{ margin: "16px 0" }}
-            showUploadList={false}
-            beforeUpload={() => false}
-            multiple={false}
-            onChange={({ file }) => (fileList.value = [file])}
-            accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-            v-model={[fileList.value, "fileList"]}
-          >
-            {fileList.value.length ? (
-              <>
-                <p class="ant-upload-drag-icon">
-                  <FileExcelTwoTone twoToneColor="#00C090" />
-                </p>
-                <p class="ant-upload-text">{fileList.value[0].name}</p>
-                <p class="ant-upload-hint">
-                  <a-button>重新上传</a-button>
-                </p>
-              </>
-            ) : (
-              <>
-                <p class="ant-upload-drag-icon">
-                  <InboxOutlined />
-                </p>
-                <p class="ant-upload-text">点击或将文件拖拽到这里上传</p>
-                <p class="ant-upload-hint">支持格式: xls/xlsx</p>
-              </>
-            )}
-          </a-upload-dragger>
-        </a-modal>
-      </div>
-    );
-  },
-});
-
-export default BatchImportModal;
+import { defineComponent, ref, watch } from "vue";
+import useVModel from "@/pageComponent/hooks/useVModel";
+import dayjs from "dayjs";
+import { message } from "ant-design-vue";
+import { FileExcelTwoTone, InboxOutlined } from "@ant-design/icons-vue";
+
+/**
+ * 批量导入人员
+ */
+const BatchImportModal = defineComponent({
+  emits: ["update:visible", "refresh"],
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, { emit }) {
+    const isVisible = useVModel(props, "visible", emit);
+    const templateFileName = ref("");
+
+    const isLoading = ref(false);
+    const fileList = ref<any[]>([]);
+
+    const handleUpload = async () => {
+      isLoading.value = true;
+      setTimeout(() => {
+        message.success("导入成功");
+        isVisible.value = false;
+        emit("refresh");
+      }, 1000);
+    };
+
+    // 关闭后清空上传列表
+    watch(isVisible, (val) => {
+      if (!val) {
+        fileList.value = [];
+        isLoading.value = false;
+      } else {
+        const day = dayjs();
+        templateFileName.value = `批量导入成员_${day.format(
+          "YYYY_M_D_HHmm"
+        )}.xls`;
+      }
+    });
+
+    return () => (
+      <div class="batchImportModal">
+        <a-modal
+          title="批量导入"
+          width={800}
+          v-model={[isVisible.value, "visible"]}
+          v-slots={{
+            footer: () => (
+              <a-space>
+                <a-button
+                  type="primary"
+                  disabled={!fileList.value.length}
+                  loading={isLoading.value}
+                  onClick={handleUpload}
+                >
+                  上传文件
+                </a-button>
+                <a-button onClick={() => (isVisible.value = false)}>
+                  取消
+                </a-button>
+              </a-space>
+            ),
+          }}
+        >
+          <a-alert showIcon type="warning">
+            {{
+              message: () => (
+                <span
+                  style={{
+                    display: "flex",
+                    justifyContent: "space-between",
+                  }}
+                >
+                  <span style={{ color: "#915B28" }}>
+                    请先下载模版并按要求填写信息，否则可能导入失败
+                  </span>
+                  <a
+                    target="_BLANK"
+                    href="/api/common/v1/employee/export/template"
+                    download={templateFileName.value.slice(0, -4)}
+                  >
+                    {templateFileName.value}
+                  </a>
+                </span>
+              ),
+            }}
+          </a-alert>
+          <a-upload-dragger
+            style={{ margin: "16px 0" }}
+            showUploadList={false}
+            beforeUpload={() => false}
+            multiple={false}
+            onChange={({ file }) => (fileList.value = [file])}
+            accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+            v-model={[fileList.value, "fileList"]}
+          >
+            {fileList.value.length ? (
+              <>
+                <p class="ant-upload-drag-icon">
+                  <FileExcelTwoTone twoToneColor="#00C090" />
+                </p>
+                <p class="ant-upload-text">{fileList.value[0].name}</p>
+                <p class="ant-upload-hint">
+                  <a-button>重新上传</a-button>
+                </p>
+              </>
+            ) : (
+              <>
+                <p class="ant-upload-drag-icon">
+                  <InboxOutlined />
+                </p>
+                <p class="ant-upload-text">点击或将文件拖拽到这里上传</p>
+                <p class="ant-upload-hint">支持格式: xls/xlsx</p>
+              </>
+            )}
+          </a-upload-dragger>
+        </a-modal>
+      </div>
+    );
+  },
+});
+
+export default BatchImportModal;

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

@@ -1,129 +1,129 @@
-/*
- * @Abstract: 部门 树结构
- * @Author: wang liang
- * @Date: 2022-04-07 14:41:29
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-27 11:04:19
- */
-
-import { defineComponent, ref, onMounted, inject } from "vue";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import { message, Modal } from "ant-design-vue";
-import { removeDateProp } from "@/pageComponent/utils/tree";
-import api from "@/api/org/depManager";
-import { IUrlObj } from "./index";
-
-import { CloudDownloadOutlined } from "@ant-design/icons-vue";
-import CommonTree from "@/pageComponent/components/CommonTree";
-import UpdateDepDialog from "./updateDepDialog";
-
-const DepTree = defineComponent({
-  props: {
-    onSelect: {
-      type: Function,
-    },
-  },
-  setup(props) {
-    const urlMap = inject<IUrlObj>("urlMap")!;
-
-    const treeRef = ref();
-
-    // 获取数据
-    let refresh: () => void;
-
-    onMounted(() => (refresh = treeRef.value._refresh));
-
-    const getTreeData = async (keyword = "") => {
-      const { data } = await api.getDepData(urlMap.tree)({ keyword });
-      const res = [data].map((item: any) => {
-        item.id = `sys${item.id}`;
-        item.subList = item.departmentList;
-        item.isSystem = true;
-        return item;
-      });
-      return res;
-    };
-
-    // 选中部门
-    const handleSelect = (node?: any) => {
-      props.onSelect?.(node);
-    };
-
-    /* 节点操作 */
-    // 添加部门
-    const [isAddDepDialogShow, handleAddDepClick, addDepParent] =
-      useModalVisibleControl();
-    // 编辑部门
-    const [isEditDepDialogShow, handleEditDepClick, editDepRecord] =
-      useModalVisibleControl();
-    // 删除部门
-    const hanldeDeleteDep = async (node: any) => {
-      await api.deleteDepById(urlMap.delete)(node.id);
-      message.success("删除成功");
-      refresh();
-      handleSelect();
-    };
-    // 部门排序
-    const hanldeDrop = async (data: any) => {
-      removeDateProp(data);
-      await api.sortDepList(urlMap.sort)(data[0]);
-      message.success("排序成功");
-      refresh();
-    };
-
-    // 同步智信组织架构
-    const handleSync = () => {
-      Modal.confirm({
-        title: "提示",
-        content: "确认同步",
-        async onOk() {
-          await api.syncOrgZhixin(urlMap.sync)();
-          message.success("后台开始同步，请稍后刷新", 10);
-        },
-      });
-    };
-
-    return () => (
-      <div class="dep-tree">
-        <CommonTree
-          ref={treeRef}
-          getData={getTreeData}
-          isJSONOperation={false}
-          onAdd={handleAddDepClick}
-          onEdit={handleEditDepClick}
-          onDelete={hanldeDeleteDep}
-          onDrop={hanldeDrop}
-          onSelect={handleSelect}
-        >
-          {{
-            toolbar: () => (
-              <a-space style={{ justifyContent: "flex-end", width: "100%" }}>
-                <a-button type="link" onClick={handleSync}>
-                  <CloudDownloadOutlined />
-                  同步智信
-                </a-button>
-              </a-space>
-            ),
-          }}
-        </CommonTree>
-
-        {/* 添加部门 */}
-        <UpdateDepDialog
-          mode="add"
-          v-model={[isAddDepDialogShow.value, "visible"]}
-          parent={addDepParent.value}
-          onRefresh={refresh}
-        />
-        {/* 编辑部门 */}
-        <UpdateDepDialog
-          mode="edit"
-          record={editDepRecord.value}
-          v-model={[isEditDepDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-      </div>
-    );
-  },
-});
-
-export default DepTree;
+/*
+ * @Abstract: 部门 树结构
+ * @Author: wang liang
+ * @Date: 2022-04-07 14:41:29
+ * @LastEditors: wang liang
+ * @LastEditTime: 2022-04-27 11:04:19
+ */
+
+import { defineComponent, ref, onMounted, inject } from "vue";
+import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
+import { message, Modal } from "ant-design-vue";
+import { removeDateProp } from "@/pageComponent/utils/tree";
+import api from "@/api/org/depManager";
+import { IUrlObj } from "./index";
+
+import { CloudDownloadOutlined } from "@ant-design/icons-vue";
+import CommonTree from "@/pageComponent/components/CommonTree";
+import UpdateDepDialog from "./updateDepDialog";
+
+const DepTree = defineComponent({
+  props: {
+    onSelect: {
+      type: Function,
+    },
+  },
+  setup(props) {
+    const urlMap = inject<IUrlObj>("urlMap")!;
+
+    const treeRef = ref();
+
+    // 获取数据
+    let refresh: () => void;
+
+    onMounted(() => (refresh = treeRef.value._refresh));
+
+    const getTreeData = async (keyword = "") => {
+      const { data } = await api.getDepData(urlMap.tree)({ keyword });
+      const res = [data].map((item: any) => {
+        item.id = `sys${item.id}`;
+        item.subList = item.departmentList;
+        item.isSystem = true;
+        return item;
+      });
+      return res;
+    };
+
+    // 选中部门
+    const handleSelect = (node?: any) => {
+      props.onSelect?.(node);
+    };
+
+    /* 节点操作 */
+    // 添加部门
+    const [isAddDepDialogShow, handleAddDepClick, addDepParent] =
+      useModalVisibleControl();
+    // 编辑部门
+    const [isEditDepDialogShow, handleEditDepClick, editDepRecord] =
+      useModalVisibleControl();
+    // 删除部门
+    const hanldeDeleteDep = async (node: any) => {
+      await api.deleteDepById(urlMap.delete)(node.id);
+      message.success("删除成功");
+      refresh();
+      handleSelect();
+    };
+    // 部门排序
+    const hanldeDrop = async (data: any) => {
+      removeDateProp(data);
+      await api.sortDepList(urlMap.sort)(data[0]);
+      message.success("排序成功");
+      refresh();
+    };
+
+    // 同步智信组织架构
+    const handleSync = () => {
+      Modal.confirm({
+        title: "提示",
+        content: "确认同步",
+        async onOk() {
+          await api.syncOrgZhixin(urlMap.sync)();
+          message.success("后台开始同步，请稍后刷新", 10);
+        },
+      });
+    };
+
+    return () => (
+      <div class="dep-tree">
+        <CommonTree
+          ref={treeRef}
+          getData={getTreeData}
+          isJSONOperation={false}
+          onAdd={handleAddDepClick}
+          onEdit={handleEditDepClick}
+          onDelete={hanldeDeleteDep}
+          onDrop={hanldeDrop}
+          onSelect={handleSelect}
+        >
+          {{
+            toolbar: () => (
+              <a-space style={{ justifyContent: "flex-end", width: "100%" }}>
+                <a-button type="link" onClick={handleSync}>
+                  <CloudDownloadOutlined />
+                  同步智信
+                </a-button>
+              </a-space>
+            ),
+          }}
+        </CommonTree>
+
+        {/* 添加部门 */}
+        <UpdateDepDialog
+          mode="add"
+          v-model={[isAddDepDialogShow.value, "visible"]}
+          parent={addDepParent.value}
+          onRefresh={refresh}
+        />
+        {/* 编辑部门 */}
+        <UpdateDepDialog
+          mode="edit"
+          record={editDepRecord.value}
+          v-model={[isEditDepDialogShow.value, "visible"]}
+          onRefresh={refresh}
+        />
+      </div>
+    );
+  },
+});
+
+export default DepTree;