inl-ui 0.0.4 → 0.0.7

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

@@ -1,112 +0,0 @@
-/*
- * @Abstract: 部门管理
- * @Author: wang liang
- * @Date: 2022-04-05 10:23:24
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 16:17:00
- */
-import { defineComponent, ref, watch } from "vue";
-import useBus from "@/pageComponent/hooks/useBus";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import { isEmpty } from "lodash";
-import api from "@/pageComponent/api/org/depManager";
-
-import {
-  Button,
-  Space,
-  Descriptions,
-  DescriptionsItem,
-  message,
-} from "ant-design-vue";
-import EmployeeTable from "./employeeTable";
-import DepTree from "./depTree";
-import UpdateDepDialog from "./updateDepDialog";
-
-export default defineComponent({
-  setup(prop, context) {
-    const bus = useBus("system");
-
-    const currDep = ref<any>({});
-    const parentDepName = ref("");
-
-    /* 选中部门 */
-    const handleSelectDep = async (dep: any) => {
-      if (dep) {
-        if (dep.isSystem) {
-          currDep.value = dep;
-        } else {
-          const { data } = await api.getDetail(dep.id);
-          currDep.value = data ?? {};
-          parentDepName.value = dep.parent.node.name;
-        }
-      } else {
-        currDep.value = {};
-      }
-    };
-
-    /* 刷新部门 */
-    const handleRefresh = () => bus.emit("tree/refresh");
-
-    // 编辑
-    const [isEditDialogShow, handleEditClick] = useModalVisibleControl();
-
-    return () => (
-      <div class="depManager">
-        {/* 左侧树结构 */}
-        <div class="left">
-          <DepTree onSelect={handleSelectDep} />
-        </div>
-        <div class="right">
-          {/* 基本信息 */}
-          <div class="basic-info">
-            <div class="basic-info-header">
-              <span class="basic-info-title">基本详情</span>
-              <Space>
-                <Button
-                  type="primary"
-                  disabled={currDep.value?.isSystem || isEmpty(currDep.value)}
-                  onClick={handleEditClick}
-                >
-                  编辑
-                </Button>
-              </Space>
-            </div>
-            <Descriptions column={3}>
-              <DescriptionsItem label="部门ID编号">
-                {currDep.value.code}
-              </DescriptionsItem>
-              <DescriptionsItem label="部门名称">
-                {currDep.value.name}
-              </DescriptionsItem>
-              <DescriptionsItem label="上级部门">
-                {parentDepName.value}
-              </DescriptionsItem>
-              <DescriptionsItem label="部门负责人">
-                {currDep.value.bossName}
-              </DescriptionsItem>
-              <DescriptionsItem label="部门状态">
-                {currDep.value.valid !== undefined &&
-                  (currDep.value.valid ? "启用" : "禁用")}
-              </DescriptionsItem>
-            </Descriptions>
-          </div>
-          {/* 人员表格 */}
-          <div class="employee-container">
-            <h2 class="title">部门人员详情</h2>
-            <EmployeeTable
-              depId={currDep.value?.id}
-              isValid={currDep.value?.valid === 1}
-            />
-          </div>
-
-          <UpdateDepDialog
-            mode="edit"
-            record={currDep.value ?? {}}
-            v-model={[isEditDialogShow.value, "visible"]}
-            onRefresh={handleRefresh}
-          />
-        </div>
-      </div>
-    );
-  },
-});

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

@@ -1,249 +0,0 @@
-/*
- * @Abstract: 新建 更新 部门对话框
- * @Author: wang liang
- * @Date: 2022-04-01 18:10:19
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-25 15:12:45
- */
-
-import { computed, defineComponent, PropType, ref, watch } 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 { omit } from "lodash";
-import { getRequiredRule } from "@/pageComponent/utils/validation";
-import api from "@/pageComponent/api/org/depManager";
-
-import {
-  Modal,
-  Form,
-  FormItem,
-  Select,
-  SelectOption,
-  Input,
-  TreeSelect,
-  Space,
-  Button,
-  message,
-} from "ant-design-vue";
-import { isEmpty } from "lodash";
-
-const UpdateDepDialog = defineComponent({
-  emits: ["update:visible"],
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    mode: {
-      type: String as PropType<"view" | "add" | "edit">,
-      required: true,
-    },
-    record: {
-      type: Object,
-      default: () => ({}),
-    },
-    parent: {
-      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 { form, formRef } = useModalForm(
-      isVisible,
-      () => props.record,
-      props.mode
-    );
-
-    /* ===== 下拉列表 ===== */
-    // 部门列表
-    const depList = ref<any[]>([]);
-    const getDepList = async () => {
-      const { data } = await api.getDepData({});
-      depList.value = [data].map((item) => {
-        item.subList = item.departmentList;
-        item.id = `sys${item.id}`;
-        // item.disabled = true;
-        return item;
-      });
-    };
-    // 过滤的部门列表 过滤当前部门id
-    const filteredDepList = computed(() => {
-      function fDep(dep: any) {
-        return dep
-          .map((item: any) => {
-            if (item.id !== form.value.id) {
-              return {
-                ...item,
-                subList: fDep(item.subList),
-              };
-            }
-          })
-          .filter(Boolean);
-      }
-      return fDep(depList.value);
-    });
-    getDepList();
-
-    // 员工列表
-    const employeeList = ref([]);
-    // 选择部门列表时获取员工列表 (当前部门和上一级部门)
-    const getEmployeeList = async () => {
-      if (!props.record.id) return;
-      const { data } = await api.getDepEmployeeSelectList(props.record.id, 0);
-      employeeList.value = data;
-    };
-
-    watch(isVisible, async () => {
-      if (isEmpty(props.record) || !isVisible.value) return;
-      await Promise.resolve();
-      getEmployeeList();
-      await Promise.resolve();
-      if (props.mode === "edit" && form.value.parentId === null) {
-        form.value.parentId = depList.value[0]?.id;
-      }
-    });
-
-    /* 保存 */
-    const handleSave = async () => {
-      await formRef.value.validate();
-
-      const data = { ...form.value };
-      const isTopLevel = `${props.parent.id}`.startsWith("sys");
-      if (props.mode === "add") {
-        await api.insertDepRecord({
-          ...data,
-          parentId: isTopLevel ? null : props.parent.id,
-          level: isTopLevel ? 1 : props.parent.level + 1,
-          orgId: 1,
-          valid: form.value.valid ?? 1,
-        });
-        message.success("添加成功");
-      } else if (props.mode === "edit") {
-        await api.updateDepRecord({
-          ...omit(data, "subList"),
-          parentId: isTopLevel ? null : props.parent.id,
-        });
-        message.success("修改成功");
-      }
-      props.onRefresh?.();
-      isVisible.value = false;
-    };
-
-    return () => {
-      return (
-        <div class="update-dep-dialog">
-          <Modal
-            title={modalTitle.value}
-            centered
-            v-model={[isVisible.value, "visible"]}
-          >
-            {{
-              default: () => (
-                <Form ref={formRef} labelCol={{ span: 4 }} model={form.value}>
-                  <FormItem
-                    name="code"
-                    required
-                    label="部门编号"
-                    rules={getRequiredRule("部门编号")}
-                  >
-                    {isView.value ? (
-                      <span>{props.record.code}</span>
-                    ) : (
-                      <Input v-model={[form.value.code, "value"]} />
-                    )}
-                  </FormItem>
-                  <FormItem
-                    name="name"
-                    required
-                    label="部门名称"
-                    rules={getRequiredRule("部门名称")}
-                  >
-                    {isView.value ? (
-                      <span>{props.record.name}</span>
-                    ) : (
-                      <Input v-model={[form.value.name, "value"]} />
-                    )}
-                  </FormItem>
-                  {/* 新建部门 不选择上级部门 */}
-                  {props.mode !== "add" && (
-                    <FormItem
-                      name="parentId"
-                      required
-                      label="上级部门"
-                      rules={getRequiredRule("上级部门")}
-                    >
-                      {isView.value ? (
-                        <span>{props.record.parentName}</span>
-                      ) : (
-                        <TreeSelect
-                          v-model={[form.value.parentId, "value"]}
-                          treeData={filteredDepList.value}
-                          treeDefaultExpandAll
-                          fieldNames={{
-                            value: "id",
-                            label: "name",
-                            children: "subList",
-                          }}
-                        ></TreeSelect>
-                      )}
-                    </FormItem>
-                  )}
-
-                  {/* 新建部门 不选择负责人 */}
-                  <FormItem name="bossId" label="部门负责人">
-                    {isView.value ? (
-                      <span>{props.record.bossName}</span>
-                    ) : (
-                      <Select v-model={[form.value.bossId, "value"]}>
-                        {employeeList.value.map((item: any) => (
-                          <SelectOption key={item.id}>{item.name}</SelectOption>
-                        ))}
-                      </Select>
-                    )}
-                  </FormItem>
-                  <FormItem name="valid" label="部门状态">
-                    {isView.value ? (
-                      <span>{props.record.valid ? "启用" : "禁用"}</span>
-                    ) : (
-                      <Select
-                        defaultValue={1}
-                        v-model={[form.value.valid, "value"]}
-                      >
-                        <SelectOption key={1}>启用</SelectOption>
-                        <SelectOption key={0}>禁用</SelectOption>
-                      </Select>
-                    )}
-                  </FormItem>
-                </Form>
-              ),
-              footer: () => (
-                <Space>
-                  <Button onClick={() => (isVisible.value = false)}>
-                    关闭
-                  </Button>
-                  {!isView.value && (
-                    <Button type="primary" onClick={handleSave}>
-                      保存
-                    </Button>
-                  )}
-                </Space>
-              ),
-            }}
-          </Modal>
-        </div>
-      );
-    };
-  },
-});
-
-export default UpdateDepDialog;

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

@@ -1,312 +0,0 @@
-/*
- * @Abstract: 新建 更新 查看 员工对话框
- * @Author: wang liang
- * @Date: 2022-04-01 18:10:19
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 10:31:58
- */
-
-import { computed, defineComponent, PropType, ref, watch, nextTick } from "vue";
-import useVModel from "@/pageComponent/hooks/useVModel";
-import useModalTitle from "@/pageComponent/hooks/manage-module/useModalTitle";
-import dayjs from "dayjs";
-import { getRequiredRule } from "@/pageComponent/utils/validation";
-import api from "@/pageComponent/api/org/depManager";
-import {
-  Modal,
-  Form,
-  FormItem,
-  Select,
-  SelectOption,
-  Input,
-  InputNumber,
-  Row,
-  Col,
-  Space,
-  Button,
-  message,
-  DatePicker,
-} from "ant-design-vue";
-import SearchSelect from "@/pageComponent/components/SearchSelect";
-
-const UpdateEmployeeDialog = defineComponent({
-  emits: ["update:visible"],
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    mode: {
-      type: String as PropType<"view" | "add" | "edit">,
-      required: true,
-    },
-    record: {
-      type: Object,
-      default: () => ({}),
-    },
-    depId: {
-      type: [Number, String],
-    },
-    onRefresh: {
-      type: Function,
-    },
-  },
-  setup(props, { emit }) {
-    const isVisible = useVModel(props, "visible", emit);
-
-    const modalTitle = useModalTitle(props.mode, "员工");
-
-    const isView = computed(() => props.mode === "view");
-
-    /* ===== 表单 ===== */
-    const form = ref<any>({});
-    const formRef = ref();
-    watch(isVisible, async (val) => {
-      if (!val) {
-        formRef.value.resetFields();
-        return;
-      }
-      await nextTick();
-      if (props.mode !== "add") {
-        const { data } = await api.getEmployeeDetail(props.record.id);
-        data.jobPostIds = (data?.jobPostIds?.split(",") ?? []).map(Number);
-        data.hiredate = dayjs(data.hiredate);
-        form.value = data;
-      }
-    });
-
-    /* 保存 */
-    const handleSave = async () => {
-      await formRef.value.validate();
-      const data = {
-        ...form.value,
-        jobPostIds: form.value?.jobPostIds?.join(",") ?? "",
-        hiredate: form.value.hiredate.format("YYYY-MM-DD HH:mm:ss"),
-        depId: props.depId,
-      };
-
-      if (props.mode === "add") {
-        await api.insetEmployee(data);
-        message.success("添加成功");
-      } else if (props.mode === "edit") {
-        await api.updateEmployee(data);
-        message.success("修改成功");
-      }
-      props.onRefresh?.();
-      isVisible.value = false;
-    };
-
-    return () => {
-      return (
-        <div class="update-employee-dialog">
-          <Modal
-            width={800}
-            title={modalTitle.value}
-            centered
-            v-model={[isVisible.value, "visible"]}
-          >
-            {{
-              default: () => (
-                <Form
-                  ref={formRef}
-                  labelCol={{ style: { width: "120px" } }}
-                  model={form.value}
-                >
-                  <Row>
-                    <Col span={12}>
-                      <FormItem
-                        name="code"
-                        required
-                        label="编号(唯一)"
-                        rules={getRequiredRule("编号")}
-                      >
-                        {isView.value ? (
-                          <span>{form.value.code}</span>
-                        ) : (
-                          <Input v-model={[form.value.code, "value"]} />
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="name"
-                        required
-                        label="姓名"
-                        rules={getRequiredRule("姓名")}
-                      >
-                        {isView.value ? (
-                          <span>{form.value.name}</span>
-                        ) : (
-                          <Input v-model={[form.value.name, "value"]} />
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="sex"
-                        required
-                        label="性别"
-                        rules={getRequiredRule("性别")}
-                      >
-                        {isView.value ? (
-                          <span>{form.value.sex ? "男" : "女"}</span>
-                        ) : (
-                          <Select v-model={[form.value.sex, "value"]}>
-                            <SelectOption key={1}>男</SelectOption>
-                            <SelectOption key={0}>女</SelectOption>
-                          </Select>
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="age"
-                        required
-                        label="年龄"
-                        rules={getRequiredRule("年龄")}
-                      >
-                        {isView.value ? (
-                          <span>{form.value.age}</span>
-                        ) : (
-                          <InputNumber
-                            min={0}
-                            controls={false}
-                            v-model={[form.value.age, "value"]}
-                          />
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="nativePlace"
-                        required
-                        label="籍贯"
-                        rules={getRequiredRule("籍贯")}
-                      >
-                        {isView.value ? (
-                          <span>{form.value.nativePlace}</span>
-                        ) : (
-                          <Input v-model={[form.value.nativePlace, "value"]} />
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="identityCard"
-                        label="身份证号"
-                        rules={[
-                          {
-                            pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,
-                            message: "请输入正确的身份证号",
-                          },
-                        ]}
-                      >
-                        {isView.value ? (
-                          <span>{form.value.identityCard}</span>
-                        ) : (
-                          <Input v-model={[form.value.identityCard, "value"]} />
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="hiredate"
-                        required
-                        label="入职时间"
-                        rules={getRequiredRule("入职时间")}
-                      >
-                        {isView.value ? (
-                          <span>
-                            {form.value.hiredate?.format("YYYY/MM/DD")}
-                          </span>
-                        ) : (
-                          <DatePicker
-                            format="YYYY/MM/DD"
-                            disabledDate={(date) =>
-                              date && date?.isAfter(dayjs())
-                            }
-                            v-model={[form.value.hiredate, "value"]}
-                          />
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="mobile"
-                        required
-                        label="手机号"
-                        rules={[
-                          getRequiredRule("手机号"),
-                          {
-                            pattern:
-                              /^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/,
-                            message: "请输入正确的手机号",
-                          },
-                        ]}
-                      >
-                        {isView.value ? (
-                          <span>{form.value.mobile}</span>
-                        ) : (
-                          <Input v-model={[form.value.mobile, "value"]} />
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem name="bossId" label="直属上级">
-                        {isView.value ? (
-                          <span>{form.value.bossName}</span>
-                        ) : (
-                          <SearchSelect
-                            getUrl="/employee/all/summary"
-                            extParams={{
-                              departmentId: props.depId,
-                              ruleType: 0,
-                            }}
-                            v-model={[form.value.bossId, "value"]}
-                          ></SearchSelect>
-                        )}
-                      </FormItem>
-                    </Col>
-                    <Col span={12}>
-                      <FormItem
-                        name="jobPostIds"
-                        required
-                        label="岗位名称"
-                        rules={getRequiredRule("岗位名称")}
-                      >
-                        {isView.value ? (
-                          <span>{props.record.jobPostNames}</span>
-                        ) : (
-                          <SearchSelect
-                            {...{ mode: "multiple" }}
-                            getUrl="/jobPost/all/summary"
-                            extParams={{ depId: props.depId }}
-                            v-model={[form.value.jobPostIds, "value"]}
-                          ></SearchSelect>
-                        )}
-                      </FormItem>
-                    </Col>
-                  </Row>
-                </Form>
-              ),
-              footer: () => (
-                <Space>
-                  <Button onClick={() => (isVisible.value = false)}>
-                    关闭
-                  </Button>
-                  {!isView.value && (
-                    <Button type="primary" onClick={handleSave}>
-                      保存
-                    </Button>
-                  )}
-                </Space>
-              ),
-            }}
-          </Modal>
-        </div>
-      );
-    };
-  },
-});
-
-export default UpdateEmployeeDialog;

package/src/pageComponent/views/systemManager/orgManager/empManager.tsx

@@ -1,7 +0,0 @@
-import { defineComponent } from "vue";
-
-export default defineComponent({
-  setup() {
-    return () => <div>员工管理</div>;
-  },
-});