inl-ui 0.0.4 → 0.0.7

package/src/pageComponent/views/systemManager/logManager.tsx

@@ -1,356 +0,0 @@
-import {
-  defineComponent,
-  reactive,
-  ref,
-  h,
-  resolveComponent,
-  onMounted,
-  onUnmounted,
-  watch,
-  computed,
-} from "vue";
-import {
-  Table,
-  Form,
-  FormItem,
-  Input,
-  Select,
-  SelectOption,
-  RangePicker,
-  Button,
-  Modal,
-  Row,
-  Col,
-  Space,
-} from "ant-design-vue";
-import useTableList from "@/pageComponent/hooks/useTableList";
-import api from "@/pageComponent/api/logManager";
-import moment, { Moment } from "moment";
-
-const column = [
-  {
-    title: "日志时间",
-    dataIndex: "createTime",
-    key: "createTime",
-  },
-  {
-    title: "系统名称",
-    dataIndex: "systemType",
-    key: "systemType",
-  },
-  {
-    title: "模块名称",
-    dataIndex: "moduleType",
-    key: "moduleType",
-  },
-  {
-    title: "日志类型",
-    dataIndex: "recordType",
-    key: "recordType",
-  },
-  {
-    title: "操作类型",
-    dataIndex: "operateType",
-    key: "operateType",
-  },
-  {
-    title: "日志内容",
-    dataIndex: "contentText",
-    key: "contentText",
-  },
-  {
-    title: "操作人",
-    dataIndex: "userName",
-    key: "userName",
-  },
-  {
-    title: "操作",
-    dataIndex: "action",
-    key: "action",
-    slots: { customRender: "action" },
-  },
-];
-
-interface FormState {
-  systemType: string; // 系统类型
-  moduleType: string; // 模块类型
-  operateType: string; // 操作类型
-  recordType: string; // 记录类型
-  searchText: string; // 日志内容
-  startTime: string; // 开始时间
-  endTime: string; // 结束时间
-  time: Moment[];
-  // keyword: string;
-}
-
-const span = 24;
-
-export default defineComponent({
-  setup(prop, context) {
-    const formState = reactive<FormState>({
-      systemType: "", // 系统类型
-      moduleType: "", // 模块类型
-      operateType: "", // 操作类型
-      recordType: "", // 记录类型
-      searchText: "", // 日志内容
-      startTime: "", // 开始时间
-      endTime: "", // 结束时间
-      time: [],
-    });
-
-    const state = reactive({
-      systemTypeList: [], // 系统类型
-      moduleTypeList: [], // 模块类型
-      operateTypeList: [], // 操作类型
-      recordTypeList: [], // 记录类型
-    });
-
-    const showMore = ref(false);
-
-    const getList = async (val: string | number) => {
-      const resp = await api.getHead({ parent: val });
-      return resp.data;
-    };
-
-    onMounted(async () => {
-      state.systemTypeList = await getList(0);
-    });
-
-    // 模块类型
-    watch([() => formState.systemType], async () => {
-      state.moduleTypeList = await getList(formState.systemType);
-      formState.moduleType = "";
-    });
-    // 操作类型
-    watch([() => formState.moduleType], async () => {
-      state.operateTypeList = await getList(formState.moduleType);
-      formState.operateType = "";
-    });
-
-    // 记录类型
-    watch([() => formState.operateType], async () => {
-      state.recordTypeList = await getList(formState.operateType);
-      formState.recordType = "";
-    });
-
-    // table
-    const { currPage, isLoading, refresh, tableList, handlePageChange, total } =
-      useTableList(
-        () =>
-          api.getList({
-            ...formState,
-            pageNum: currPage.value - 1,
-            pageSize: 10,
-          }),
-        "logList"
-      );
-    refresh();
-
-    const useForm = Form.useForm;
-    const { resetFields, validate, validateInfos } = useForm(formState);
-
-    const visible = ref(false);
-    const cancel = () => {
-      visible.value = false;
-    };
-
-    const submit = () => {
-      formState.startTime = formState.time?.[0]
-        ?.startOf("day")
-        .format("YYYY-MM-DD HH:mm:ss");
-      formState.endTime = formState.time?.[1]
-        ?.endOf("day")
-        .format("YYYY-MM-DD HH:mm:ss");
-      refresh();
-    };
-
-    const info = ref({
-      userName: null,
-      systemType: "",
-      moduleType: null,
-      recordType: "",
-      operateType: null,
-      contentText: "",
-      createTime: "",
-    });
-
-    return () => (
-      <div class="logManager">
-        <Form
-          v-model={formState}
-          name="basic"
-          class="searchLine"
-          layout="inline"
-          onSubmit={submit}
-        >
-          <div style="width:80%;">
-            <FormItem label="系统名称">
-              <Select
-                v-model={[formState.systemType, "value"]}
-                allowClear
-                style="width: 120px"
-              >
-                {state.systemTypeList &&
-                  state.systemTypeList.map((item: any) => (
-                    <SelectOption value={item.id} key={item.id}>
-                      {item.headName}
-                    </SelectOption>
-                  ))}
-              </Select>
-            </FormItem>
-
-            <FormItem label="模块名称">
-              <Select
-                v-model={[formState.moduleType, "value"]}
-                allowClear
-                style="width: 120px"
-              >
-                {state.moduleTypeList &&
-                  state.moduleTypeList.map((item: any) => (
-                    <SelectOption value={item.id} key={item.id}>
-                      {item.headName}
-                    </SelectOption>
-                  ))}
-              </Select>
-            </FormItem>
-
-            <FormItem label="操作类型">
-              <Select
-                v-model={[formState.operateType, "value"]}
-                allowClear
-                style="width: 120px"
-              >
-                {state.operateTypeList &&
-                  state.operateTypeList.map((item: any) => (
-                    <SelectOption value={item.id} key={item.id}>
-                      {item.headName}
-                    </SelectOption>
-                  ))}
-              </Select>
-              --
-              <Select
-                v-model={[formState.recordType, "value"]}
-                allowClear
-                style="width: 120px"
-              >
-                {state.recordTypeList &&
-                  state.recordTypeList.map((item: any) => (
-                    <SelectOption value={item.id} key={item.id}>
-                      {item.headName}
-                    </SelectOption>
-                  ))}
-              </Select>
-            </FormItem>
-
-            <FormItem label="">
-              <Input
-                v-model={[formState.searchText, "value"]}
-                allowClear
-                placeholder="请输入日志关键内容"
-              />
-            </FormItem>
-
-            {showMore.value && (
-              <FormItem label="时间段查询">
-                <RangePicker v-model={[formState.time, "value"]} allowClear />
-              </FormItem>
-            )}
-          </div>
-
-          <FormItem>
-            <Space>
-              <Button type="primary" html-type="submit">
-                查询
-              </Button>
-              <Button onClick={resetFields}>重置</Button>
-              {showMore.value}
-              {showMore.value ? (
-                <Button
-                  type="link"
-                  onClick={() => {
-                    showMore.value = false;
-                  }}
-                >
-                  收起
-                  <upOutlined />
-                </Button>
-              ) : (
-                <Button
-                  type="link"
-                  onClick={() => {
-                    showMore.value = true;
-                  }}
-                >
-                  展开
-                  <downOutlined />
-                </Button>
-              )}
-            </Space>
-          </FormItem>
-        </Form>
-
-        <Table
-          dataSource={tableList.value}
-          columns={column}
-          size="middle"
-          pagination={{ total: total.value, onChange: handlePageChange }}
-          loading={isLoading.value}
-          v-slots={{
-            action: ({ record }: any) => {
-              return (
-                <a
-                  onClick={() => {
-                    info.value = record;
-                    visible.value = true;
-                  }}
-                >
-                  详情
-                </a>
-              );
-            },
-          }}
-        />
-
-        <Modal
-          v-model={[visible.value, "visible"]}
-          title="日志内容详情"
-          onCancel={cancel}
-          width="500px"
-          class="logModal"
-          footer={null}
-        >
-          <Row gutter={16}>
-            <Col span={span} class="col">
-              <div class="label">日志时间:</div>
-              <div>{info.value.createTime}</div>
-            </Col>
-            <Col span={span} class="col">
-              <div class="label">系统名称:</div>
-              <div>{info.value.systemType}</div>
-            </Col>
-            <Col span={span} class="col">
-              <div class="label">模块名称:</div>
-              <div>{info.value.moduleType}</div>
-            </Col>
-            <Col span={span} class="col">
-              <div class="label">日志类型:</div>
-              <div>{info.value.recordType}</div>
-            </Col>
-            <Col span={span} class="col">
-              <div class="label">操作类型:</div>
-              <div>{info.value.operateType}</div>
-            </Col>
-            <Col span={span} class="col">
-              <div class="label">操作人:</div>
-              <div>{info.value.userName}</div>
-            </Col>
-            <Col span={span} class="col">
-              <div class="label">日志内容:</div>
-              <div>{info.value.contentText}</div>
-            </Col>
-          </Row>
-        </Modal>
-      </div>
-    );
-  },
-});

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

@@ -1,101 +0,0 @@
-/*
- * @Abstract: 部门 树结构
- * @Author: wang liang
- * @Date: 2022-04-07 14:41:29
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-22 13:15:32
- */
-
-import { defineComponent, ref, onMounted } from "vue";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import { removeDateProp } from "@/pageComponent/utils/tree";
-import api from "@/pageComponent/api/org/depManager";
-
-import CommonTree from "@/pageComponent/components/CommonTree";
-import UpdateDepDialog from "./updateDepDialog";
-import { message } from "ant-design-vue";
-
-const DepTree = defineComponent({
-  props: {
-    onSelect: {
-      type: Function,
-    },
-  },
-  setup(props) {
-    const treeRef = ref();
-
-    // 获取数据
-    let refresh: () => void;
-
-    onMounted(() => (refresh = treeRef.value._refresh));
-
-    const getTreeData = async (keyword = "") => {
-      const { data } = await api.getDepData({ 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(node.id);
-      message.success("删除成功");
-      refresh();
-    };
-    // 部门排序
-    const hanldeDrop = async (data: any) => {
-      removeDateProp(data);
-      await api.sortDepList(data[0]);
-      message.success("排序成功");
-      refresh();
-    };
-
-    return () => (
-      <div class="dep-tree">
-        <CommonTree
-          ref={treeRef}
-          getData={getTreeData}
-          isJSONOperation={false}
-          onAdd={handleAddDepClick}
-          onEdit={handleEditDepClick}
-          onDelete={hanldeDeleteDep}
-          onDrop={hanldeDrop}
-          onSelect={handleSelect}
-        />
-
-        {/* 添加部门 */}
-        <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;

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

@@ -1,204 +0,0 @@
-/*
- * @Abstract: 人员表格
- * @Author: wang liang
- * @Date: 2022-04-07 13:51:43
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 11:55:35
- */
-
-import { computed, defineComponent, ref, watch } from "vue";
-import useTableList from "@/pageComponent/hooks/useTableList";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import api from "@/pageComponent/api/org/depManager";
-
-import { Space, Button, Table, Input, Modal } from "ant-design-vue";
-import UpdateEmployeeDialog from "./updateEmployeeDialog";
-
-const columns = [
-  {
-    title: "姓名",
-    dataIndex: "name",
-    key: "name",
-  },
-  {
-    title: "所属部门",
-    dataIndex: "depName",
-    key: "depName",
-  },
-  {
-    title: "岗位名称",
-    dataIndex: "jobPostNames",
-    key: "jobPostNames",
-  },
-  {
-    title: "直接上级",
-    dataIndex: "bossName",
-    key: "bossName",
-  },
-  {
-    title: "电话",
-    dataIndex: "mobile",
-    key: "mobile",
-  },
-  {
-    title: "创建人",
-    dataIndex: "createUser",
-    key: "createUser",
-  },
-  {
-    title: "创建时间",
-    dataIndex: "createDt",
-    key: "createDt",
-  },
-  {
-    title: "操作",
-    dataIndex: "action",
-    key: "action",
-    slots: { customRender: "action" },
-  },
-];
-
-const EmployeeTable = defineComponent({
-  props: {
-    depId: {
-      type: [Number, String],
-    },
-    isValid: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  setup(props) {
-    const keyword = ref("");
-
-    const isTopLevel = computed(() => `${props.depId}`.startsWith("sys"));
-
-    const { isLoading, tableList, refresh, currPage, handlePageChange, total } =
-      useTableList(() => {
-        if (props.depId) {
-          // 选煤厂不加部门id  查全部
-          const depId = isTopLevel.value ? null : props.depId;
-          return api.getEmployeeList({
-            departmentId: depId,
-            keyword: keyword.value,
-            pageNum: currPage.value,
-            pageSize: 10,
-          });
-        }
-        return Promise.resolve({ data: [] });
-      }, "employeeList");
-
-    /* 当前选中的部门变化 重新查询列表 */
-    watch(
-      () => props.depId,
-      (val) => {
-        if (val) {
-          currPage.value = 1;
-          refresh();
-        } else {
-          tableList.value = [];
-          total.value = 0;
-          currPage.value = 1;
-        }
-      },
-      { immediate: true }
-    );
-
-    // 查看
-    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.deleteEmployeeById(record.id);
-          refresh();
-        },
-      });
-    };
-
-    return () => (
-      <div class="employee-table">
-        <h2 class="部门人员详情"></h2>
-        <div class="operation">
-          <Space>
-            <Button
-              type="primary"
-              disabled={isTopLevel.value || !props.isValid}
-              onClick={handleAddClick}
-            >
-              新建
-            </Button>
-          </Space>
-          <Input
-            style={{ width: "200px" }}
-            placeholder="请输入"
-            allowClear
-            v-model={[keyword.value, "value"]}
-            onInput={refresh}
-          />
-        </div>
-        <Table
-          loading={isLoading.value}
-          columns={columns}
-          dataSource={tableList.value}
-          pagination={{
-            pageSize: 10,
-            current: currPage.value,
-            "onUpdate:current": handlePageChange,
-            total: total.value,
-          }}
-        >
-          {{
-            action: ({ record }: any) => (
-              <Space>
-                <Button type="link" onClick={() => handleViewClick(record)}>
-                  查看
-                </Button>
-                <Button type="link" onClick={() => handleEditClick(record)}>
-                  编辑
-                </Button>
-                <Button
-                  type="link"
-                  danger
-                  onClick={() => handleDeleteClick(record)}
-                >
-                  删除
-                </Button>
-              </Space>
-            ),
-          }}
-        </Table>
-
-        <UpdateEmployeeDialog
-          mode="view"
-          record={viewRecord.value}
-          v-model={[isViewDialogShow.value, "visible"]}
-        />
-        <UpdateEmployeeDialog
-          mode="add"
-          depId={props.depId}
-          v-model={[isAddDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-        <UpdateEmployeeDialog
-          mode="edit"
-          record={editRecord.value}
-          depId={props.depId}
-          v-model={[isEditDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-      </div>
-    );
-  },
-});
-
-export default EmployeeTable;