inl-ui 0.0.4 → 0.0.7

package/src/pageComponent/views/systemManager/orgManager/postManager/index.tsx

@@ -1,192 +0,0 @@
-import { defineComponent, onMounted, reactive, ref } from "vue";
-import useTableList from "@/pageComponent/hooks/useTableList";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import api from "@/pageComponent/api/org/postManager";
-
-import {
-  Table,
-  Input,
-  Button,
-  Switch,
-  Space,
-  message,
-  Modal,
-} from "ant-design-vue";
-import { SearchOutlined } from "@ant-design/icons-vue";
-import UpdatePostDialog from "./updatePostDialog";
-
-const column = [
-  {
-    title: "所属部门",
-    dataIndex: "depName",
-  },
-  {
-    title: "岗位名称",
-    dataIndex: "name",
-  },
-  {
-    title: "使用人数",
-    dataIndex: "employeeCount",
-  },
-  {
-    title: "岗位描述",
-    dataIndex: "remark",
-  },
-  {
-    title: "创建人",
-    dataIndex: "createUser",
-  },
-  {
-    title: "创建时间",
-    dataIndex: "createDt",
-  },
-  {
-    title: "启用状态",
-    key: "valid",
-    slots: { customRender: "valid" },
-  },
-  {
-    title: "操作",
-    key: "action",
-    slots: { customRender: "action" },
-  },
-];
-
-export default defineComponent({
-  setup(prop, context) {
-    const form = ref({
-      keyWord: "",
-    });
-
-    const { currPage, total, handlePageChange, isLoading, refresh, tableList } =
-      useTableList(
-        () =>
-          api.getPostList({
-            pageNum: currPage.value,
-            pageSize: 10,
-            keyword: form.value.keyWord,
-          }),
-        "jobPostList"
-      );
-    refresh();
-
-    /* 查看 */
-    const [isViewDialogShow, handleViewClick, viewRecord] =
-      useModalVisibleControl();
-    /* 新增 */
-    const [isAddDialogShow, handleAddClick] = useModalVisibleControl();
-    /* 编辑 */
-    const [isEditDialogShow, handleEditClick, editRecord] =
-      useModalVisibleControl();
-    /* 删除 */
-    const handleDeleteClick = (record: any) => {
-      if (record.employeeCount > 0) {
-        return message.warning("该岗位已引用，请删除引用才能删除或禁用");
-      }
-      Modal.confirm({
-        title: "删除岗位",
-        content: `是否删除岗位“${record.name}”?`,
-        async onOk() {
-          await api.deletePostById(record.id);
-          message.success("删除成功");
-          refresh();
-        },
-      });
-    };
-
-    /* 切换启用状态 */
-    const handleSwitchEnable = async (record: any, checked: boolean) => {
-      if (!checked && record.employeeCount > 0) {
-        return message.warning("该岗位已引用，请删除引用才能删除或禁用");
-      }
-      Modal.confirm({
-        title: "提示",
-        content: `确定${checked ? "启用" : "禁用"}吗`,
-        async onOk() {
-          await api.switchPostEnable({
-            id: record.id,
-            valid: checked ? 1 : 0,
-          });
-          message.success(`${checked ? "启用" : "禁用"}成功`);
-          refresh();
-        },
-      });
-    };
-
-    return () => (
-      <div class="postManager">
-        <div class="control">
-          <Space style={{ width: "100%", justifyContent: "space-between" }}>
-            <Button type="primary" onClick={handleAddClick}>
-              新建岗位
-            </Button>
-            <Input
-              placeholder="请输入"
-              allowClear
-              suffix={<SearchOutlined />}
-              v-model={[form.value.keyWord, "value"]}
-              onChange={refresh}
-            ></Input>
-          </Space>
-        </div>
-
-        <Table
-          size="middle"
-          loading={isLoading.value}
-          dataSource={tableList.value}
-          columns={column}
-          pagination={{ total: total.value, onChange: handlePageChange }}
-          v-slots={{
-            valid: ({ record }: any) => {
-              return (
-                <Switch
-                  checked={record.valid === 1}
-                  onClick={
-                    ((checked: boolean, e: any) =>
-                      handleSwitchEnable(record, checked)) as any
-                  }
-                />
-              );
-            },
-            action: ({ record }: any) => {
-              return (
-                <Space>
-                  <Button type="link" onClick={() => handleViewClick(record)}>
-                    查看
-                  </Button>
-                  <Button type="link" onClick={() => handleEditClick(record)}>
-                    编辑
-                  </Button>
-                  <Button
-                    type="link"
-                    danger
-                    onClick={() => handleDeleteClick(record)}
-                  >
-                    删除
-                  </Button>
-                </Space>
-              );
-            },
-          }}
-        />
-
-        <UpdatePostDialog
-          mode="view"
-          record={viewRecord.value}
-          v-model={[isViewDialogShow.value, "visible"]}
-        />
-        <UpdatePostDialog
-          mode="add"
-          v-model={[isAddDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-        <UpdatePostDialog
-          mode="edit"
-          record={editRecord.value}
-          v-model={[isEditDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-      </div>
-    );
-  },
-});

package/src/pageComponent/views/systemManager/orgManager/postManager/updatePostDialog.tsx

@@ -1,153 +0,0 @@
-/*
- * @Abstract: 新增、查看、编辑 岗位信息
- * @Author: wang liang
- * @Date: 2022-04-01 18:10:19
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-14 14:31:57
- */
-
-import { defineComponent, computed, ref, PropType } from "vue";
-import useVModel from "@/pageComponent/hooks/useVModel";
-import useModalTitle from "@/pageComponent/hooks/manage-module/useModalTitle";
-import useModalForm from "@/pageComponent/hooks/manage-module/useModalForm";
-import { getRequiredRule } from "@/pageComponent/utils/validation";
-import api from "@/pageComponent/api/org/postManager";
-
-import {
-  Modal,
-  Form,
-  FormItem,
-  TreeSelect,
-  Input,
-  Textarea,
-  Space,
-  Button,
-  message,
-} from "ant-design-vue";
-
-const UpdatePostDialog = defineComponent({
-  emits: ["update:visible"],
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    mode: {
-      type: String as PropType<"view" | "add" | "edit">,
-      required: true,
-    },
-    record: {
-      type: Object,
-      default: () => ({}),
-    },
-    onRefresh: {
-      type: Function,
-    },
-  },
-  setup(props, { emit }) {
-    const isVisible = useVModel(props, "visible", emit);
-
-    const modalTitle = useModalTitle(props.mode, "岗位");
-
-    const isView = computed(() => props.mode === "view");
-
-    /* ===== 部门列表 ===== */
-    const depList = ref([]);
-    const getDepList = async () => {
-      const list = await api.getDepList();
-      depList.value = list;
-    };
-    getDepList();
-
-    const { form, formRef } = useModalForm(
-      isVisible,
-      () => props.record,
-      props.mode
-    );
-
-    /* 保存 */
-    const handleSave = async () => {
-      await formRef.value.validate();
-      if (props.mode === "add") {
-        await api.insertPostRecord(form.value);
-        message.success("新增成功");
-      } else if (props.mode === "edit") {
-        await api.updatePostRecord({
-          ...form.value,
-          createDt: null,
-        });
-        message.success("修改成功");
-      }
-      isVisible.value = false;
-      props.onRefresh?.();
-    };
-
-    return () => (
-      <div class="update-post-dialog">
-        <Modal
-          title={modalTitle.value}
-          centered
-          v-model={[isVisible.value, "visible"]}
-        >
-          {{
-            default: () => (
-              <Form ref={formRef} labelCol={{ span: 4 }} model={form.value}>
-                <FormItem
-                  name="depId"
-                  required
-                  label="所属部门"
-                  rules={getRequiredRule("所属部门")}
-                >
-                  {isView.value ? (
-                    <span>{props.record.depName}</span>
-                  ) : (
-                    <TreeSelect
-                      fieldNames={{
-                        label: "name",
-                        value: "id",
-                        children: "subList",
-                      }}
-                      treeData={depList.value}
-                      v-model={[form.value.depId, "value"]}
-                    ></TreeSelect>
-                  )}
-                </FormItem>
-                <FormItem
-                  name="name"
-                  required
-                  label="岗位名称"
-                  rules={getRequiredRule("岗位名称")}
-                >
-                  {isView.value ? (
-                    <span>{props.record.name}</span>
-                  ) : (
-                    <Input v-model={[form.value.name, "value"]} />
-                  )}
-                </FormItem>
-                <FormItem name="remark" label="岗位描述">
-                  {isView.value ? (
-                    <span>{props.record.remark}</span>
-                  ) : (
-                    <Textarea v-model={[form.value.remark, "value"]} />
-                  )}
-                </FormItem>
-              </Form>
-            ),
-            footer: () => (
-              <Space>
-                <Button onClick={() => (isVisible.value = false)}>关闭</Button>
-                {!isView.value && (
-                  <Button type="primary" onClick={handleSave}>
-                    保存
-                  </Button>
-                )}
-              </Space>
-            ),
-          }}
-        </Modal>
-      </div>
-    );
-  },
-});
-
-export default UpdatePostDialog;

package/src/pageComponent/views/systemManager/orgManager/teamManager/index.tsx

@@ -1,191 +0,0 @@
-import { defineComponent, ref } from "vue";
-import useTableList from "@/pageComponent/hooks/useTableList";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import api from "@/pageComponent/api/org/teamManager";
-
-import {
-  Table,
-  Input,
-  Button,
-  Switch,
-  Space,
-  message,
-  Modal,
-} from "ant-design-vue";
-import { SearchOutlined } from "@ant-design/icons-vue";
-import UpdateTeamDialog from "./updateTeamDialog";
-
-const column = [
-  {
-    title: "所属部门",
-    dataIndex: "depName",
-  },
-  {
-    title: "岗位名称",
-    dataIndex: "jobPostName",
-  },
-  {
-    title: "班组名称",
-    dataIndex: "name",
-  },
-  {
-    title: "班组组长",
-    dataIndex: "leaderName",
-  },
-  {
-    title: "班组成员",
-    dataIndex: "memberNames",
-  },
-  {
-    title: "创建人",
-    dataIndex: "createUser",
-  },
-  {
-    title: "创建时间",
-    dataIndex: "createDt",
-  },
-  {
-    title: "启动",
-    index: "valid",
-    slots: { customRender: "valid" },
-  },
-  {
-    title: "操作",
-    key: "action",
-    slots: { customRender: "action" },
-  },
-];
-
-export default defineComponent({
-  setup(prop, context) {
-    const form = ref({
-      keyWord: "",
-    });
-
-    const { currPage, total, handlePageChange, isLoading, refresh, tableList } =
-      useTableList(
-        () =>
-          api.getTeamListByPage({
-            pageNum: currPage.value,
-            pageSize: 10,
-            keyword: form.value.keyWord,
-          }),
-        "workgroupList"
-      );
-    refresh();
-
-    /* 查看 */
-    const [isViewDialogShow, handleViewClick, viewRecord] =
-      useModalVisibleControl();
-    /* 新增 */
-    const [isAddDialogShow, handleAddClick] = useModalVisibleControl();
-    /* 编辑 */
-    const [isEditDialogShow, handleEditClick, editRecord] =
-      useModalVisibleControl();
-
-    /* 删除 */
-    const handleDeleteClick = (record: any) => {
-      Modal.confirm({
-        title: "删除班组",
-        content: `确定删除班组“${record.name}”?`,
-        async onOk() {
-          await api.deleteTeamById(record.id);
-          message.success("删除成功");
-          refresh();
-        },
-      });
-    };
-
-    /* 切换启用状态 */
-    const handleSwitchEnable = async (record: any, checked: boolean) => {
-      Modal.confirm({
-        title: "提示",
-        content: `确定${checked ? "启用" : "禁用"}吗`,
-        async onOk() {
-          await api.switchEnableTeam({
-            id: record.id,
-            valid: checked ? 1 : 0,
-          });
-          message.success(`${checked ? "启用" : "禁用"}成功`);
-          refresh();
-        },
-      });
-    };
-
-    return () => (
-      <div class="postManager">
-        <div class="control">
-          <Space style={{ width: "100%", justifyContent: "space-between" }}>
-            <Button type="primary" onClick={handleAddClick}>
-              新建班组
-            </Button>
-            <Input
-              placeholder="请输入"
-              allowClear
-              suffix={<SearchOutlined />}
-              v-model={[form.value.keyWord, "value"]}
-              onChange={refresh}
-            ></Input>
-          </Space>
-        </div>
-
-        <Table
-          size="middle"
-          loading={isLoading.value}
-          dataSource={tableList.value}
-          columns={column}
-          pagination={{ total: total.value, onChange: handlePageChange }}
-          v-slots={{
-            valid: ({ record }: any) => {
-              return (
-                <Switch
-                  checked={record.valid === 1}
-                  onClick={
-                    ((checked: boolean, e: any) =>
-                      handleSwitchEnable(record, checked)) as any
-                  }
-                />
-              );
-            },
-            action: ({ record }: any) => {
-              return (
-                <Space>
-                  <Button type="link" onClick={() => handleViewClick(record)}>
-                    查看
-                  </Button>
-                  <Button type="link" onClick={() => handleEditClick(record)}>
-                    编辑
-                  </Button>
-                  <Button
-                    type="link"
-                    danger
-                    onClick={() => handleDeleteClick(record)}
-                  >
-                    删除
-                  </Button>
-                </Space>
-              );
-            },
-          }}
-        />
-
-        <UpdateTeamDialog
-          mode="view"
-          record={viewRecord.value}
-          v-model={[isViewDialogShow.value, "visible"]}
-        />
-        <UpdateTeamDialog
-          mode="add"
-          v-model={[isAddDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-        <UpdateTeamDialog
-          mode="edit"
-          record={editRecord.value}
-          v-model={[isEditDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-      </div>
-    );
-  },
-});