inl-ui 0.0.4 → 0.0.7

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

@@ -1,250 +0,0 @@
-/*
- * @Abstract: 新增、查看、编辑 班组信息
- * @Author: wang liang
- * @Date: 2022-04-01 18:10:19
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 13:46:27
- */
-
-import { computed, defineComponent, nextTick, 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 api from "@/pageComponent/api/org/teamManager";
-import { getRequiredRule } from "@/pageComponent/utils/validation";
-
-import {
-  Modal,
-  Form,
-  FormItem,
-  Select,
-  SelectOption,
-  Input,
-  TreeSelect,
-  Space,
-  Button,
-  message,
-} from "ant-design-vue";
-import SearchSelect from "@/pageComponent/components/SearchSelect";
-
-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 { form, formRef } = useModalForm(
-      isVisible,
-      () => props.record,
-      props.mode,
-      (r) => {
-        r.memberIds = (r?.memberIds?.split(",") ?? []).map(Number);
-      }
-    );
-
-    watch(form, () => {
-      getEmployeeList(false);
-    });
-
-    /* ===== 下拉列表 ===== */
-    // 部门列表
-    const depList = ref<any[]>([]);
-    const getDepList = async () => {
-      const list = await api.getDepList();
-      depList.value = list;
-    };
-    getDepList();
-
-    // 员工列表
-    const employeeList = ref([]);
-    // 选择部门列表时获取员工列表
-    const getEmployeeList = async (isClean = true) => {
-      if (!form.value.depId) return;
-      const { data } = await api.getEmployeeList(form.value.depId);
-      employeeList.value = data;
-      // 清空选中的员工和班长
-      if (isClean) {
-        form.value.memberIds = [];
-        form.value.leaderId = undefined;
-      }
-    };
-
-    // 岗位列表
-    const postList = ref([]);
-    const getPostList = () => {
-      api
-        .getPostList({ depId: form.value.depId })
-        .then(({ data }) => (postList.value = data));
-    };
-
-    watch(
-      () => form.value.depId,
-      (val) => {
-        if (val) getPostList();
-      },
-      { immediate: true }
-    );
-
-    /* 保存 */
-    const handleSave = async () => {
-      await formRef.value.validate();
-      const data = {
-        ...form.value,
-        memberIds: form.value?.memberIds?.join(",") ?? "",
-      };
-      if (props.mode === "add") {
-        await api.insertTeam(data);
-        message.success("添加成功");
-      } else if (props.mode === "edit") {
-        await api.edidTeamRecord(data);
-        message.success("修改成功");
-      }
-      props.onRefresh?.();
-      isVisible.value = false;
-    };
-
-    return () => {
-      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="code"
-                    required
-                    label="班组编码"
-                    rules={getRequiredRule("班组编码")}
-                  >
-                    {isView.value ? (
-                      <span>{props.record.code}</span>
-                    ) : (
-                      <Input v-model={[form.value.code, "value"]} />
-                    )}
-                  </FormItem>
-                  <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"]}
-                        onChange={getEmployeeList}
-                      ></TreeSelect>
-                    )}
-                  </FormItem>
-                  <FormItem name="jobPostId" label="岗位名称">
-                    {isView.value ? (
-                      <span>{props.record.jobPostName}</span>
-                    ) : (
-                      <Select v-model={[form.value.jobPostId, "value"]}>
-                        {postList.value.map((item: any) => (
-                          <SelectOption key={item.id}>{item.name}</SelectOption>
-                        ))}
-                      </Select>
-                    )}
-                  </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="memberIds"
-                    required
-                    label="班组成员"
-                    rules={getRequiredRule("班组成员")}
-                  >
-                    {isView.value ? (
-                      <span>{props.record.memberNames}</span>
-                    ) : (
-                      <SearchSelect
-                        {...{ mode: "multiple" }}
-                        getUrl="/employee/all/summary"
-                        extParams={{ departmentId: form.value.depId }}
-                        excludeValues={[form.value.leaderId]}
-                        v-model={[form.value.memberIds, "value"]}
-                      />
-                    )}
-                  </FormItem>
-                  <FormItem
-                    name="leaderId"
-                    required
-                    label="班组班长"
-                    rules={getRequiredRule("班组班长")}
-                  >
-                    {isView.value ? (
-                      <span>{props.record.leaderName}</span>
-                    ) : (
-                      <SearchSelect
-                        getUrl="/employee/all/summary"
-                        extParams={{ departmentId: form.value.depId }}
-                        excludeValues={form.value.memberIds}
-                        v-model={[form.value.leaderId, "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/paramManager/collapseContainer.tsx

@@ -1,54 +0,0 @@
-/*
- * @Abstract: 摘要
- * @Author: wang liang
- * @Date: 2022-03-25 10:51:58
- * @LastEditors: wang liang
- * @LastEditTime: 2022-03-31 14:03:07
- */
-import { defineComponent, ref } from "vue";
-import { Button } from "ant-design-vue";
-import { CaretUpOutlined, CaretRightOutlined } from "@ant-design/icons-vue";
-
-const CollapseContainer = defineComponent({
-  props: {
-    title: {
-      type: String,
-      default: "",
-    },
-    defaultCollapse: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  setup(props, { slots }) {
-    /* 是否展开状态 */
-    const isOpen = ref(props.defaultCollapse);
-
-    return () => (
-      <div class="collapse-container">
-        <div class="header">
-          <span class="container-title">{props.title}</span>
-          <Button type="link" onClick={() => (isOpen.value = !isOpen.value)}>
-            {isOpen.value ? (
-              <span>
-                收起 <CaretUpOutlined />
-              </span>
-            ) : (
-              <span>
-                展开 <CaretRightOutlined />
-              </span>
-            )}
-          </Button>
-        </div>
-        <div
-          class="default-container"
-          style={{ display: isOpen.value ? "" : "none" }}
-        >
-          {slots.default?.()}
-        </div>
-      </div>
-    );
-  },
-});
-
-export default CollapseContainer;

package/src/pageComponent/views/systemManager/paramManager/dynamicForm.tsx

@@ -1,85 +0,0 @@
-/*
- * @Abstract: 动态表单
- * @Author: wang liang
- * @Date: 2022-03-25 09:02:59
- * @LastEditors: wang liang
- * @LastEditTime: 2022-03-31 10:38:03
- */
-import { defineComponent, ref, watch } from "vue";
-import useProxy from "@/pageComponent/hooks/useProxy";
-import { api } from "@/pageComponent/api/param";
-import ProFormItem from "@/pageComponent/components/ProFormItem";
-import { Form, Row, Col } from "ant-design-vue";
-
-const DynamicForm = defineComponent({
-  props: {
-    id: {
-      type: Number,
-      required: true,
-    },
-  },
-  setup(props) {
-    const proxy = useProxy();
-
-    /* ===== 获取表单描述列表 ===== */
-    const formDescList = ref([]);
-    const getFormDescList = async () => {
-      const { data } = await api.getParamDefineList(props.id);
-      formDescList.value = data.paramDefineValueVoList;
-    };
-    getFormDescList();
-
-    /* ===== 表单相关逻辑 ===== */
-    const formRef = ref();
-    const form = ref();
-    const valueDefineMap = ref(new Map());
-    watch(formDescList, (val) => {
-      valueDefineMap.value = new Map();
-      // 设置表单的初始值
-      form.value = val.reduce((prev: any, curr: any) => {
-        prev[curr.paramDefine.code] = curr.paramDefineValue.value;
-        valueDefineMap.value.set(curr.paramDefine.code, curr.paramDefineValue);
-        return prev;
-      }, {});
-    });
-    // 表单元素变化 更新form
-    const handleFieldChange = (name: string, value: any) => {
-      form.value[name] = value;
-    };
-    // 表单提交 暴露给父组件的方法
-    proxy._confirm = async () => {
-      await formRef.value.validate();
-      // 组合value以及对应的valueDefine对象 (接口需要)
-      const res: any[] = [];
-      for (const key in form.value) {
-        res.push({
-          key,
-          value: form.value[key],
-          valueDefine: valueDefineMap.value.get(key),
-        });
-      }
-      return res;
-    };
-
-    // 刷新表单  用于更新之后
-    proxy._update = async () => {
-      await getFormDescList();
-    };
-
-    return () => (
-      <div class="dynamic-form">
-        <Form ref={formRef} labelCol={{ span: 10 }} model={form.value}>
-          <Row gutter={16}>
-            {formDescList.value.map((item: any, index) => (
-              <Col key={index} xl={6} lg={8} md={12} xs={24}>
-                <ProFormItem description={item} onChange={handleFieldChange} />
-              </Col>
-            ))}
-          </Row>
-        </Form>
-      </div>
-    );
-  },
-});
-
-export default DynamicForm;

package/src/pageComponent/views/systemManager/paramManager/index.tsx

@@ -1,47 +0,0 @@
-/*
- * @Abstract: 摘要
- * @Author: wang liang
- * @Date: 2022-03-25 10:51:58
- * @LastEditors: wang liang
- * @LastEditTime: 2022-03-31 14:05:35
- */
-/*
- * @Abstract: 参数管理
- * @Author: wang liang
- * @Date: 2022-03-25 10:51:58
- * @LastEditors: wang liang
- * @LastEditTime: 2022-03-29 15:03:27
- */
-import { defineComponent, ref } from "vue";
-
-import { Tabs, TabPane } from "ant-design-vue";
-import { api } from "@/pageComponent/api/param";
-import TabItem from "./tabItem";
-
-const ParamManager = defineComponent({
-  setup() {
-    const tabs = ref([]);
-
-    /* 获取标签页数据 */
-    const getTabs = async () => {
-      const { data } = await api.getGroupList({ level: "tab" });
-      tabs.value = data;
-    };
-
-    getTabs();
-
-    return () => (
-      <div class="param-manager">
-        <Tabs>
-          {tabs.value.map((item: any) => (
-            <TabPane key={item.id} tab={item.name}>
-              <TabItem tabId={item.id} />
-            </TabPane>
-          ))}
-        </Tabs>
-      </div>
-    );
-  },
-});
-
-export default ParamManager;

package/src/pageComponent/views/systemManager/paramManager/tabItem.tsx

@@ -1,163 +0,0 @@
-import { defineComponent, ref, provide, onBeforeUpdate } from "vue";
-import { api } from "@/pageComponent/api/param";
-import { Space, Button, Empty, message } from "ant-design-vue";
-import DynamicForm from "./dynamicForm";
-import CollapseContainer from "./collapseContainer";
-
-const TabItem = defineComponent({
-  props: {
-    tabId: {
-      type: Number,
-      required: true,
-    },
-  },
-  setup(props) {
-    /* ===== 表单ref ===== */
-    // 菜单级别form ref
-    const groupFormRef = ref<any[]>([]);
-    // cell级别form ref
-    const cellFormRef = ref<any[]>([]);
-    // 更新前需要清空ref数组
-    onBeforeUpdate(() => {
-      groupFormRef.value = [];
-      cellFormRef.value = [];
-    });
-
-    /* 是否编辑状态 */
-    const isEdit = ref(false);
-    provide("isEdit", isEdit);
-
-    /* ===== 获取菜单级别的参数 以及菜单下cell级别参数 ===== */
-    const groupList = ref([]);
-    const getGoupAndCellParams = async () => {
-      // 组级别
-      const { data: groupRes } = await api.getGroupList({
-        level: "group",
-        parentId: props.tabId,
-      });
-      // cell级别 (使用promise.all 防止阻塞)
-      const cellPromises: Array<Promise<any>> = [];
-      groupRes.forEach((item: any) => {
-        cellPromises.push(
-          api.getGroupList({
-            level: "cell",
-            parentId: item.id,
-          })
-        );
-        item._children = [];
-      });
-      const resList = await Promise.all(cellPromises);
-      // 遍历结果 通过index映射存入到group中的_children中
-      resList.forEach(({ data }, index) => {
-        groupRes[index]._children = data;
-      });
-      groupList.value = groupRes;
-    };
-    getGoupAndCellParams();
-
-    /* ===== 保存 ===== */
-    const handleSave = async () => {
-      const allFormRef = [...groupFormRef.value, ...cellFormRef.value];
-
-      // 验证表单
-      const validateList: Promise<any>[] = [];
-      allFormRef.forEach((item) => {
-        validateList.push(item._confirm());
-      });
-      // 转换结果
-      const formList = (await Promise.all(validateList)).reduce(
-        (prev, curr) => {
-          // 展平 & 映射
-          prev.push(
-            ...curr.map((item: any) => {
-              return {
-                ...item.valueDefine,
-                value: item.value,
-              };
-            })
-          );
-          return prev;
-        },
-        []
-      );
-      await api.batchSaveParamsValue(formList);
-      message.success("保存成功");
-      // 更新表单的值
-      const updateFormList: Promise<any>[] = [];
-      allFormRef.forEach((item) => updateFormList.push(item._update()));
-      await Promise.all(updateFormList);
-      isEdit.value = false;
-    };
-
-    return () => (
-      <div class="tab-item">
-        {/* 编辑按钮 */}
-        <div class="operation">
-          <Space>
-            {isEdit.value ? (
-              <>
-                <Button
-                  key="cancle"
-                  style={{ width: "100px" }}
-                  onClick={() => (isEdit.value = false)}
-                >
-                  取消
-                </Button>
-                <Button
-                  key="save"
-                  style={{ width: "100px" }}
-                  type="primary"
-                  onClick={handleSave}
-                >
-                  保存
-                </Button>
-              </>
-            ) : (
-              <Button
-                key="edit"
-                style={{ width: "100px" }}
-                type="primary"
-                onClick={() => (isEdit.value = true)}
-              >
-                编辑
-              </Button>
-            )}
-          </Space>
-        </div>
-        {/* 标签级别的参数 (暂时不要) */}
-        {/* <DynamicForm id={props.tabId} /> */}
-        {/* 菜单级别 列表 */}
-        <div class="group-container">
-          {groupList.value.length ? (
-            groupList.value.map((item: any, index) => (
-              <div class="group-item" key={item.id}>
-                <h2 class="group-item-title">{item.name}</h2>
-                <DynamicForm
-                  key={item.id}
-                  ref={(ins: any) => (groupFormRef.value[index] = ins)}
-                  id={item.id}
-                />
-
-                {/* 二级菜单 多个 */}
-                <div class="second-menu-container">
-                  {(item._children ?? []).map((cell: any, index: number) => (
-                    <CollapseContainer key={item.id} title={item.name}>
-                      <DynamicForm
-                        ref={(ins: any) => (cellFormRef.value[index] = ins)}
-                        id={cell.id}
-                      />
-                    </CollapseContainer>
-                  ))}
-                </div>
-              </div>
-            ))
-          ) : (
-            <Empty />
-          )}
-        </div>
-      </div>
-    );
-  },
-});
-
-export default TabItem;