inl-ui 0.0.4 → 0.0.7

package/src/pageComponent/views/systemManager/authManager/menuManager/menuDetail.tsx

@@ -1,174 +0,0 @@
-/*
- * @Abstract: 摘要
- * @Author: wang liang
- * @Date: 2022-03-25 09:03:01
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 10:59:48
- */
-import { defineComponent, ref, watch } from "vue";
-import useProxy from "@/pageComponent/hooks/useProxy";
-import useBus from "@/pageComponent/hooks/useBus";
-import { cloneDeep, omit } from "lodash";
-import { getRequiredRule } from "@/pageComponent/utils/validation";
-import api from "@/pageComponent/api/auth/menuManager";
-
-import {
-  Space,
-  Button,
-  Form,
-  FormItem,
-  Input,
-  Switch,
-  Empty,
-  message,
-} from "ant-design-vue";
-import IconSelect from "@/pageComponent/components/IconSelect";
-import Dynamicicon from "@/pageComponent/components/DynamicIcon";
-
-const MenuDetail = defineComponent({
-  props: {
-    node: {
-      type: Object,
-    },
-  },
-  setup(props) {
-    const proxy = useProxy();
-    const bus = useBus("system");
-
-    const formRef = ref();
-
-    /* 是否编辑状态 */
-    const isEdit = ref(false);
-
-    const form = ref<any>({});
-
-    watch(
-      () => props.node,
-      async () => {
-        if (props.node) {
-          form.value = cloneDeep({
-            ...props.node.dataRef,
-            valid: props.node.valid === 1,
-          });
-        }
-      }
-    );
-
-    const handleSave = async () => {
-      await formRef.value.validate();
-
-      await api.editMenuRecord({
-        ...omit(form.value, "subList"),
-        valid: form.value.valid ? 1 : 0,
-      });
-      message.success("修改成功");
-      bus.emit("tree/refresh");
-      isEdit.value = false;
-    };
-
-    /* 暴露编辑函数 */
-    proxy._edit = () => (isEdit.value = true);
-
-    return () => {
-      return (
-        <div class="menu-detail">
-          {props.node ? (
-            <>
-              <div class="header">
-                <span class="header-text">基本详情</span>
-                <Space>
-                  {isEdit.value ? (
-                    <>
-                      <Button
-                        key="close"
-                        onClick={() => (isEdit.value = false)}
-                      >
-                        关闭
-                      </Button>
-                      <Button key="save" type="primary" onClick={handleSave}>
-                        保存
-                      </Button>
-                    </>
-                  ) : (
-                    <Button
-                      key="edit"
-                      type="primary"
-                      onClick={() => (isEdit.value = true)}
-                    >
-                      编辑
-                    </Button>
-                  )}
-                </Space>
-              </div>
-              <Form
-                class="form"
-                ref={formRef}
-                labelCol={{ span: 4 }}
-                labelAlign="right"
-                model={form.value}
-              >
-                <FormItem
-                  label="菜单编码"
-                  name="code"
-                  required
-                  rules={getRequiredRule("菜单编码")}
-                >
-                  {isEdit.value ? (
-                    <Input v-model={[form.value.code, "value"]} />
-                  ) : (
-                    <span>{props.node.code}</span>
-                  )}
-                </FormItem>
-                <FormItem
-                  label="页面名称"
-                  name="name"
-                  required
-                  rules={getRequiredRule("页面名称")}
-                >
-                  {isEdit.value ? (
-                    <Input v-model={[form.value.name, "value"]} />
-                  ) : (
-                    <span>{props.node.name}</span>
-                  )}
-                </FormItem>
-                <FormItem label="父级页面">
-                  <span>{props.node?.parent?.node?.name}</span>
-                </FormItem>
-                <FormItem
-                  label="页面URL"
-                  name="url"
-                  required
-                  rules={getRequiredRule("页面URL")}
-                >
-                  {isEdit.value ? (
-                    <Input v-model={[form.value.url, "value"]} />
-                  ) : (
-                    <span>{props.node.url}</span>
-                  )}
-                </FormItem>
-                <FormItem label="启用状态" name="valid">
-                  {isEdit.value ? (
-                    <Switch v-model={[form.value.valid, "checked"]} />
-                  ) : (
-                    <span>{props.node.valid ? "启用" : "禁用"}</span>
-                  )}
-                </FormItem>
-                <FormItem label="ICON" name="icon">
-                  {isEdit.value ? (
-                    <IconSelect v-model={[form.value.icon, "value"]} />
-                  ) : (
-                    <Dynamicicon icon={props.node.icon} />
-                  )}
-                </FormItem>
-              </Form>
-            </>
-          ) : (
-            <Empty style={{ maxWidth: "500px" }} description="请选择菜单" />
-          )}
-        </div>
-      );
-    };
-  },
-});
-
-export default MenuDetail;

package/src/pageComponent/views/systemManager/authManager/menuManager/menuSelectTree.tsx

@@ -1,111 +0,0 @@
-/*
- * @Abstract: 摘要
- * @Author: wang liang
- * @Date: 2022-03-25 10:51:32
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 10:59:56
- */
-import { defineComponent, onMounted, onUnmounted, ref } from "vue";
-import useModalVisibleControl from "@/pageComponent/hooks/manage-module/useModalVisibleControl";
-import useBus from "@/pageComponent/hooks/useBus";
-import { omit } from "lodash";
-import api from "@/pageComponent/api/auth/menuManager";
-
-import { message } from "ant-design-vue";
-import CommonTree from "@/pageComponent/components/CommonTree";
-import UpdateMenuDialog from "./updateMenuDialog";
-
-/**
- * 菜单树结构
- */
-const MenuSelectTree = defineComponent({
-  props: {
-    onSelect: {
-      type: Function,
-    },
-    onEdit: {
-      type: Function,
-    },
-  },
-  setup(props) {
-    const bus = useBus("system");
-
-    const treeRef = ref();
-
-    let refresh: () => void;
-
-    onMounted(() => (refresh = treeRef.value._refresh));
-
-    // 获取数据函数
-    const getTreeData = async (keyword = "") => {
-      const { data } = await api.getMenuTreeList({ keyword });
-      return data.map((item: any) => {
-        item.name = item.softSysName;
-        item.id = "sys" + item.softSysId;
-        item.isSystem = true;
-        item.subList = item.menuList;
-        return item;
-      });
-    };
-
-    /* 当前选中的节点 */
-    const handleSelectNode = (node: any) => {
-      props.onSelect?.(node);
-    };
-
-    /* ===== 节点操作 ===== */
-    // 复制节点
-    const handleCopy = async (node: any) => {
-      await api.insertMenuRecord(omit(node, "id", "sort", "subList"));
-      message.success("复制成功");
-      refresh();
-    };
-    // 编辑节点
-    const handleEdit = (node: any) => {
-      props.onEdit?.(node);
-    };
-    // 删除节点
-    const handleDelete = async (node: any) => {
-      await api.deleteMenuById(node.id);
-      message.success("删除成功");
-      refresh();
-    };
-    // 添加节点
-    const [isAddNodeDialogShow, handleAddNodeClick, addNodeParent] =
-      useModalVisibleControl();
-
-    /* ===== 拖拽操作 ===== */
-    const handleDrop = (data: any) => {
-      // 发送排序请求 成功后重新查询数据
-      api.sortMenu(data).then(() => {
-        message.success("排序成功");
-        refresh();
-      });
-    };
-
-    return () => (
-      <div class="menu-select-tree">
-        <CommonTree
-          ref={treeRef}
-          isJSONOperation
-          downLoadName="菜单结构.json"
-          getData={getTreeData}
-          onCopy={handleCopy}
-          onAdd={handleAddNodeClick}
-          onEdit={handleEdit}
-          onDelete={handleDelete}
-          onDrop={handleDrop}
-          onSelect={handleSelectNode}
-        />
-
-        <UpdateMenuDialog
-          onRefresh={refresh}
-          parent={addNodeParent.value}
-          v-model={[isAddNodeDialogShow.value, "visible"]}
-        />
-      </div>
-    );
-  },
-});
-
-export default MenuSelectTree;

package/src/pageComponent/views/systemManager/authManager/menuManager/updateMenuDialog.tsx

@@ -1,111 +0,0 @@
-/*
- * @Abstract: 摘要
- * @Author: wang liang
- * @Date: 2022-04-05 10:26:48
- * @LastEditors: wang liang
- * @LastEditTime: 2022-04-24 11:29:48
- */
-
-import { defineComponent, ref, watch } from "vue";
-import useVModel from "@/pageComponent/hooks/useVModel";
-import { getRequiredRule } from "@/pageComponent/utils/validation";
-import api from "@/pageComponent/api/auth/menuManager";
-
-import { Modal, Form, FormItem, Input, Switch, message } from "ant-design-vue";
-import IconSelect from "@/pageComponent/components/IconSelect";
-
-const UpdateMenuDialog = defineComponent({
-  emits: ["update:visible"],
-  props: {
-    visible: {
-      type: Boolean,
-      default: false,
-    },
-    parent: {
-      type: Object,
-      required: true,
-    },
-    onRefresh: {
-      type: Function,
-    },
-  },
-  setup(props, { emit }) {
-    const formRef = ref();
-
-    const isVisible = useVModel(props, "visible", emit);
-
-    const form = ref({
-      code: "",
-      name: "",
-      url: "",
-      valid: true,
-      icon: undefined,
-    });
-
-    const handleCommit = async () => {
-      await formRef.value.validate();
-      await api.insertMenuRecord({
-        ...form.value,
-        valid: Number(form.value.valid),
-        level: props.parent.level + 1,
-        parentId: props.parent.id,
-        softSysId: props.parent.softSysId,
-      });
-      message.success("添加成功");
-      props.onRefresh?.();
-      isVisible.value = false;
-    };
-
-    // 清空表单
-    watch(isVisible, (val) => {
-      if (!val) {
-        formRef.value.resetFields();
-      }
-    });
-
-    return () => (
-      <div class="update-menu-dialog">
-        <Modal
-          title="添加菜单"
-          v-model={[isVisible.value, "visible"]}
-          onOk={handleCommit}
-        >
-          <Form ref={formRef} labelCol={{ span: 4 }} model={form.value}>
-            <FormItem
-              label="菜单编码"
-              name="code"
-              required
-              rules={getRequiredRule("菜单编码")}
-            >
-              <Input v-model={[form.value.code, "value"]}></Input>
-            </FormItem>
-            <FormItem
-              label="页面名称"
-              name="name"
-              required
-              rules={getRequiredRule("页面名称")}
-            >
-              <Input v-model={[form.value.name, "value"]}></Input>
-            </FormItem>
-            <FormItem
-              label="页面URL"
-              name="url"
-              required
-              rules={getRequiredRule("页面URL")}
-            >
-              <Input v-model={[form.value.url, "value"]}></Input>
-            </FormItem>
-            <FormItem label="启用状态" name="valid">
-              <Switch v-model={[form.value.valid, "checked"]}></Switch>
-            </FormItem>
-            <FormItem label="ICON" name="icon">
-              <IconSelect v-model={[form.value.icon, "value"]} />
-            </FormItem>
-          </Form>
-        </Modal>
-      </div>
-    );
-  },
-});
-
-export default UpdateMenuDialog;

package/src/pageComponent/views/systemManager/authManager/roleManager/index.tsx

@@ -1,233 +0,0 @@
-import { defineComponent, ref } from "vue";
-import useTableList from "@/pageComponent/hooks/useTableList";
-import api from "@/pageComponent/api/auth/roleManager";
-
-import {
-  Input,
-  Space,
-  Button,
-  Table,
-  Switch,
-  message,
-  Form,
-  FormItem,
-  Modal,
-} from "ant-design-vue";
-import { SearchOutlined, PlusOutlined } from "@ant-design/icons-vue";
-import UpdateRoleDialog from "./updateRoleDialog";
-
-const columns = [
-  {
-    title: "角色名称",
-    dataIndex: "roleTypeName",
-  },
-  {
-    title: "角色人数",
-    dataIndex: "userCount",
-  },
-  {
-    title: "角色描述",
-    dataIndex: "roleDesc",
-  },
-  {
-    title: "创建人",
-    dataIndex: "createdPerson",
-  },
-  {
-    title: "创建时间",
-    dataIndex: "createdTimeStr",
-  },
-  {
-    title: "启用状态",
-    key: "status",
-    slots: { customRender: "status" },
-  },
-  {
-    title: "操作",
-    key: "operaton",
-    slots: { customRender: "operation" },
-  },
-];
-
-/**
- * 角色管理
- */
-const RoleManager = defineComponent({
-  setup() {
-    const filter = ref({
-      keyword: "",
-    });
-
-    const { isLoading, refresh, tableList, total, currPage, handlePageChange } =
-      useTableList(
-        () =>
-          api.getRoleListByPager({
-            keyWord: filter.value.keyword,
-            pageNum: currPage.value,
-            pageSize: 10,
-          }),
-        "roleList"
-      );
-    refresh();
-
-    /* 控制启用 */
-    const handleSwitchEnable = async (status: boolean, record: any) => {
-      Modal.confirm({
-        title: "提示",
-        content: `是否${status ? "启用" : "禁用"}角色“${record.roleTypeName}”?`,
-        async onOk() {
-          await api.switchRoleEnableStatus({
-            roleTypeId: record.roleTypeId,
-            enable: Number(status),
-          });
-          message.success(`${status ? "启用" : "禁用"}成功`);
-          refresh();
-        },
-      });
-    };
-
-    /* ===== 查看逻辑 ===== */
-    const isViewDialogShow = ref(false);
-    const viewRoleRecord = ref({});
-    const handleViewClick = (row: any) => {
-      isViewDialogShow.value = true;
-      viewRoleRecord.value = row;
-    };
-
-    /* ===== 新增逻辑 ===== */
-    const isAddDialogShow = ref(false);
-    const handleAddClick = () => (isAddDialogShow.value = true);
-
-    /* ===== 编辑逻辑 ===== */
-    const isEditDialogShow = ref(false);
-    const editRoleRecord = ref({});
-    const handleEditClick = (row: any) => {
-      isEditDialogShow.value = true;
-      editRoleRecord.value = row;
-    };
-
-    /* 删除角色 */
-    const handleDeleteClick = (record: any) => {
-      if (record.userCount > 0) {
-        Modal.error({
-          content: `角色“${record.roleTypeName}”的使用人数不为“0”,不能删除。请先清空使用人数。`,
-        });
-      } else {
-        Modal.confirm({
-          title: "删除角色",
-          content: `确定删除角色“${record.roleTypeName}”?`,
-          async onOk() {
-            await api.deleteRoleById(record.roleTypeId);
-            message.success("删除成功");
-            refresh();
-          },
-        });
-      }
-    };
-
-    const handleSubmit = () => {
-      refresh();
-    };
-
-    return () => (
-      <div class="role-manager">
-        <Form
-          v-model={filter}
-          name="basic"
-          layout="inline"
-          class="searchLine"
-          onSubmit={handleSubmit}
-        >
-          <div>
-            <FormItem label="角色名称">
-              <Input
-                placeholder="请输入角色名称"
-                allowClear
-                v-model={[filter.value.keyword, "value"]}
-              />
-            </FormItem>
-
-            <FormItem>
-              <Button type="primary" html-type="submit">
-                <SearchOutlined />
-                查询角色
-              </Button>
-            </FormItem>
-          </div>
-
-          <FormItem>
-            <Button type="primary" onClick={handleAddClick}>
-              <PlusOutlined />
-              新建角色
-            </Button>
-          </FormItem>
-        </Form>
-
-        <Table
-          pagination={{
-            pageSize: 10,
-            current: currPage.value,
-            "onUpdate:current": handlePageChange,
-            total: total.value,
-          }}
-          loading={isLoading.value}
-          columns={columns}
-          dataSource={tableList.value}
-        >
-          {{
-            status: ({ record }: any) => (
-              <Switch
-                checked={record.enable === 1}
-                onClick={
-                  ((status: boolean) =>
-                    handleSwitchEnable(status, record)) as any
-                }
-              />
-            ),
-            operation: ({ record }: any) => (
-              <Space>
-                <Button type="link" onClick={() => handleViewClick(record)}>
-                  查看
-                </Button>
-                {record.editFlg && (
-                  <Button type="link" onClick={() => handleEditClick(record)}>
-                    编辑
-                  </Button>
-                )}
-                {record.deleteFlg && (
-                  <Button
-                    type="link"
-                    danger
-                    onClick={() => handleDeleteClick(record)}
-                  >
-                    删除
-                  </Button>
-                )}
-              </Space>
-            ),
-          }}
-        </Table>
-
-        {/* 对话框 */}
-        <UpdateRoleDialog
-          mode="add"
-          v-model={[isAddDialogShow.value, "visible"]}
-          onRefresh={refresh}
-        />
-        <UpdateRoleDialog
-          mode="edit"
-          v-model={[isEditDialogShow.value, "visible"]}
-          record={editRoleRecord.value}
-          onRefresh={refresh}
-        />
-        <UpdateRoleDialog
-          mode="view"
-          v-model={[isViewDialogShow.value, "visible"]}
-          record={viewRoleRecord.value}
-        />
-      </div>
-    );
-  },
-});
-
-export default RoleManager;