@ysjdemo/umi-create-cli 0.0.2 → 0.0.4

package/lib/templates/qiankun/cf-workbench-base/src/pages/System/User/index.tsx

@@ -0,0 +1,445 @@
+import { KeyOutlined, ManOutlined, SafetyCertificateOutlined, WomanOutlined } from '@ant-design/icons';
+import { ProColumns } from '@ant-design/pro-table';
+import {
+  cfmmUtils,
+  CrudTable,
+  CrudTableRefType,
+  MyPageContainer,
+  PermissionSelect,
+  useAction,
+  useAuthority,
+  useIntl,
+} from '@umijs/max';
+import { message, Tag } from 'antd';
+import React, { useMemo, useRef, useState } from 'react';
+import CreateForm from './components/CreateForm';
+import UpdateForm from './components/UpdateForm';
+import UserWorkCenterMappingSelector from './components/UserWorkCenterMappingSelector';
+import { PermissionListItem, TableListItem } from './data.d';
+import {
+  handleUser,
+  queryAllPermissionsByUserID,
+  queryUser,
+  queryUserByID,
+  queryUserWorkCenterMappingByUserID,
+  saveAllPermissionsByUserID,
+  saveUserWorkCenterMappingByUserID,
+} from './service';
+
+const validList = cfmmUtils.getValidList({ valueMap: { actived: 'Y', unactived: 'N' } });
+
+const MC_AuthorityCode_AUTH = 'user_auth';
+const MC_AuthorityCode_WORK_CENTER_MAPPING = 'user_work_center_mapping';
+
+const baseLocalCode = 'pages.User';
+const baseLocalName = '用户管理';
+
+//列表数据ID
+const ROW_ID: keyof TableListItem = 'userId';
+
+const TableList: React.FC = () => {
+  const crudTableRef = useRef<CrudTableRefType<TableListItem>>(null);
+  const { formatMessage } = useIntl();
+
+  const { getAuthorityFn } = useAuthority();
+  // 封装增删查改的hooks
+  const { doAction } = useAction({ baseLocalCode, baseLocalName });
+
+  //是否显示授权框
+  const [selectPermissionModalVisible, handleSelectPermissionModalVisible] = useState<boolean>(false);
+
+  //授权数据，即角色ID
+  const [authorizeFormValues, setAuthorizeFormValues] = useState({ userId: '' });
+
+  //授权数据，即选中的权限数据
+  const [authorizePermissionValues, setAuthorizePermissionValues] = useState<number[]>([]);
+
+  //数据权限，即已授权的工厂列表
+  const [getUserWorkCenterMappingValues, setUserWorkCenterMappingValues] = useState<string[]>([]);
+
+  //是否显示数据权限
+  const [getSelectWorkCenterMappingModalVisible, setSelectWorkCenterMappingModalVisible] = useState<boolean>(false);
+
+  //数据权限，即工厂ID
+  const [getWorkCenterMappingUserId, setWorkCenterMappingUserId] = useState({ userId: '0' });
+
+  /**
+   * 查询用户权限
+   * @param params
+   */
+  const handleSearchUserPermission = async (userId: string) => {
+    const { success, data } = await doAction('GET', userId, {
+      actionFn: queryAllPermissionsByUserID,
+      showMsg: false,
+    });
+    if (success && data) {
+      return data.map((item: { permissionId: string }) => item.permissionId);
+    }
+    return [];
+  };
+
+  /**
+   * 修改用户权限
+   * @param fields
+   * @returns
+   */
+  const handleUpdateUserPermission = async (params: PermissionListItem) => {
+    const waitingMsg = formatMessage({
+      id: 'pages.User.authorize.waitingMessage',
+      defaultMessage: '正在给用户授权',
+    });
+    const successMsg = formatMessage({
+      id: 'pages.User.authorize.successMessage',
+      defaultMessage: '用户授权成功',
+    });
+    const failMsg = formatMessage(
+      {
+        id: 'pages.User.authorize.failMessage',
+        defaultMessage: '用户授权失败，请重试！',
+      },
+      { msg: undefined },
+    );
+
+    const { success } = await doAction('POST', params, {
+      actionFn: saveAllPermissionsByUserID,
+      waitingMsg,
+      successMsg,
+      failMsg,
+    });
+
+    return success;
+  };
+
+  /**
+   * 查询用户权限
+   * @param params
+   */
+  const handleUserMouldCenterMapping = async (userId: string): Promise<string[]> => {
+    try {
+      const result = await queryUserWorkCenterMappingByUserID(userId);
+
+      // 返回数据处理
+      if (result && result.code === 200) {
+        return result.data.map((item: string) => item.toString());
+      }
+
+      return [];
+    } catch (error) {
+      return [];
+    }
+  };
+
+  /**
+   * 修改用户数据权限
+   * @param fields
+   * @returns
+   */
+  const handleUpdateUserWorkCenterMapping = async (userId: string, centerIds: number[]): Promise<boolean> => {
+    const hide = message.loading(
+      formatMessage({
+        id: 'pages.User.dataAuthorize.waitingMessage',
+        defaultMessage: '正在给用户数据授权',
+      }),
+    );
+
+    try {
+      const result = await saveUserWorkCenterMappingByUserID(userId, centerIds);
+
+      if (result && result.code === 200) {
+        hide();
+
+        message.success(
+          formatMessage({
+            id: 'pages.User.dataAuthorize.successMessage',
+            defaultMessage: '用户数据授权成功',
+          }),
+        );
+
+        return true;
+      } else {
+        hide();
+        return false;
+      }
+    } catch (error) {
+      hide();
+
+      message.error(
+        formatMessage(
+          {
+            id: 'pages.User.dataAuthorize.failMessage',
+            defaultMessage: '用户数据授权失败，请重试！',
+          },
+          { msg: JSON.stringify(error) },
+        ),
+      );
+
+      console.log(error);
+
+      return false;
+    }
+  };
+
+  const columns = useMemo<ProColumns<TableListItem>[]>(
+    () => [
+      {
+        title: formatMessage({ id: 'pages.User.column.userCode', defaultMessage: '用户编号' }),
+        dataIndex: 'userCode',
+        sorter: true,
+        copyable: true,
+        fixed: 'left',
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.userName', defaultMessage: '用户姓名' }),
+        dataIndex: 'userName',
+        sorter: true,
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.password', defaultMessage: '密码' }),
+        dataIndex: 'password',
+        valueType: 'password',
+        copyable: true,
+        hideInTable: true,
+        hideInSearch: true,
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.nickName', defaultMessage: '昵称' }),
+        dataIndex: 'nickName',
+        sorter: true,
+        copyable: true,
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.subjectionRole', defaultMessage: '隶属角色' }),
+        dataIndex: 'roleIds',
+        hideInSearch: true,
+        render: (_, record) => (
+          <>
+            {record.roles?.map((roleItem, key) => {
+              return <Tag color="blue" key={key}>{`${roleItem.roleName}`}</Tag>;
+            })}
+          </>
+        ),
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.phone', defaultMessage: '电话' }),
+        dataIndex: 'phone',
+        sorter: true,
+        copyable: true,
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.email', defaultMessage: '邮箱' }),
+        dataIndex: 'email',
+        sorter: true,
+        copyable: true,
+        ellipsis: true,
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.sex', defaultMessage: '性别' }),
+        dataIndex: 'sex',
+        sorter: true,
+        valueType: 'select',
+        fieldProps: {
+          options: cfmmUtils.getSexList(),
+        },
+        render: (_, record) => {
+          const sex = cfmmUtils.getSexList().find((item) => item.value === record.sex);
+
+          return sex?.value === 'female' ? (
+            <WomanOutlined style={{ color: 'pink' }} />
+          ) : (
+            <ManOutlined style={{ color: '#1677ff' }} />
+          );
+        },
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.isActive', defaultMessage: '有效性' }),
+        dataIndex: 'status',
+        sorter: true,
+        valueType: 'select',
+        fieldProps: {
+          options: validList,
+        },
+        render: (_, record) => {
+          const status = validList.find((item) => item.value === record.status);
+          return status?.label ? <Tag color={status.color}>{status.label}</Tag> : '-';
+        },
+      },
+      {
+        title: formatMessage({ id: 'pages.User.column.remark', defaultMessage: '备注' }),
+        dataIndex: 'remark',
+        valueType: 'textarea',
+        ellipsis: true,
+      },
+    ],
+    [],
+  );
+
+  return (
+    <MyPageContainer>
+      <CrudTable<TableListItem>
+        ref={crudTableRef}
+        baseLocalCode={baseLocalCode}
+        baseLocalName={baseLocalName}
+        rowKey={ROW_ID}
+        columns={columns}
+        updateConfig={{
+          Component: UpdateForm,
+        }}
+        createConfig={{
+          Component: CreateForm,
+        }}
+        multiLang={{
+          fields: [
+            {
+              fieldName: 'userName',
+              columnName: 'user_name',
+              tableName: 'sys_user',
+            },
+          ],
+        }}
+        apis={{
+          query: queryUser,
+          handle: handleUser,
+          queryById: queryUserByID,
+        }}
+        actionColumnConfig={{
+          columnConfig: {
+            fixed: 'right',
+          },
+          getDropdownButtonProps: (record) => ({
+            extraButtonList: [
+              {
+                position: 2,
+                label: (
+                  <span
+                    onClick={async () => {
+                      /**
+                       * 获取用户所有权限
+                       */
+                      const allPermissionData = await handleSearchUserPermission(record.userId);
+                      setAuthorizePermissionValues(allPermissionData);
+
+                      /**
+                       * 打开授权框
+                       */
+                      handleSelectPermissionModalVisible(true);
+
+                      /**
+                       * 设置授权数据
+                       */
+                      setAuthorizeFormValues(record);
+                    }}
+                  >
+                    <SafetyCertificateOutlined style={{ marginRight: '6px' }} />
+                    {formatMessage({ id: 'pages.User.authorize.button.title', defaultMessage: '授权' })}
+                  </span>
+                ),
+                auth: getAuthorityFn(MC_AuthorityCode_AUTH),
+              },
+              {
+                position: 3,
+                auth: MC_AuthorityCode_WORK_CENTER_MAPPING,
+                label: (
+                  <a
+                    key={MC_AuthorityCode_WORK_CENTER_MAPPING}
+                    onClick={async () => {
+                      /**F
+                       * 获取用户与工厂Mapping数据
+                       */
+                      const allPermissionData = await handleUserMouldCenterMapping(record.userId);
+
+                      setUserWorkCenterMappingValues(allPermissionData);
+
+                      /**
+                       * 打开操作框
+                       */
+                      setSelectWorkCenterMappingModalVisible(true);
+
+                      /**
+                       * 设置Mapping数据
+                       */
+                      setWorkCenterMappingUserId(record);
+                    }}
+                  >
+                    <KeyOutlined style={{ marginRight: 6 }} />
+                    {formatMessage({ id: 'pages.User.dataAuthorize.button.title', defaultMessage: '数据授权' })}
+                  </a>
+                ),
+              },
+            ],
+          }),
+        }}
+      />
+
+      {authorizeFormValues && Object.keys(authorizeFormValues).length ? (
+        <PermissionSelect
+          modalFormVisible={selectPermissionModalVisible}
+          onSubmit={async (value: any) => {
+            //返回的时候，加入修改的ID
+            const success = await handleUpdateUserPermission({
+              permissionIdList: [...value],
+              userIdList: [authorizeFormValues.userId],
+            });
+
+            if (success) {
+              //关闭弹出框
+              handleSelectPermissionModalVisible(false);
+
+              //清除授权时的角色ID数据
+              setAuthorizeFormValues({ userId: '' });
+
+              //清除授权的权限数据
+              setAuthorizePermissionValues([]);
+            }
+          }}
+          onCancel={() => {
+            //关闭弹出框
+            handleSelectPermissionModalVisible(false);
+
+            //清除授权时的角色ID数据
+            setAuthorizeFormValues({ userId: '' });
+
+            //清除授权的权限数据
+            setAuthorizePermissionValues([]);
+          }}
+          setModalFormVisible={handleSelectPermissionModalVisible}
+          values={authorizePermissionValues}
+        />
+      ) : null}
+
+      {getSelectWorkCenterMappingModalVisible ? (
+        <UserWorkCenterMappingSelector
+          modalFormVisible={getSelectWorkCenterMappingModalVisible}
+          onSubmit={async (value: number[]) => {
+            //保存数据
+            const success = await handleUpdateUserWorkCenterMapping(getWorkCenterMappingUserId.userId, value);
+
+            if (success) {
+              //关闭弹出框
+              setSelectWorkCenterMappingModalVisible(false);
+
+              //清除数据授权数据
+              setWorkCenterMappingUserId({ userId: '0' });
+
+              //清除授权的权限数据
+              setUserWorkCenterMappingValues([]);
+            }
+          }}
+          onCancel={() => {
+            //关闭弹出框
+            setSelectWorkCenterMappingModalVisible(false);
+
+            //清除数据授权数据
+            setWorkCenterMappingUserId({ userId: '0' });
+
+            //清除授权的权限数据
+            setUserWorkCenterMappingValues([]);
+          }}
+          setModalFormVisible={setSelectWorkCenterMappingModalVisible}
+          values={getUserWorkCenterMappingValues}
+        />
+      ) : null}
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

package/lib/templates/qiankun/cf-workbench-base/src/pages/System/User/service.ts

@@ -0,0 +1,84 @@
+import { BASE_API } from '@/constants';
+import { request, API } from '@umijs/max';
+import { ChangePasswordItem, FormValueType, PermissionListItem, TableListParams } from './data.d';
+
+export async function queryUser(params?: TableListParams) {
+  return request(`${BASE_API}/system/user/list`, {
+    method: 'GET',
+    params,
+  });
+}
+
+export async function updateUserPassword(params: Omit<ChangePasswordItem, 'confirmPassword'>) {
+  return request(`${BASE_API}/system/user/changePassword`, {
+    method: 'POST',
+    data: {
+      ...params,
+    },
+  });
+}
+
+export async function queryUserByID(userId: string) {
+  return request(`${BASE_API}/system/user/${userId}`, {
+    method: 'GET',
+  });
+}
+
+export async function queryAllPermissionsByUserID(userId: string) {
+  return request(`${BASE_API}/system/userRolePermission/userPermission/${userId}`, {
+    method: 'GET',
+  });
+}
+
+export async function saveAllPermissionsByUserID(params: PermissionListItem) {
+  return request(`${BASE_API}/system/userRolePermission/userAuthorize`, {
+    method: 'POST',
+    data: {
+      ...params,
+    },
+  });
+}
+
+export async function updateUserProfile(params: FormValueType) {
+  return request(`${BASE_API}/system/user/profile`, {
+    method: 'PUT',
+    data: {
+      ...params,
+    },
+  });
+}
+
+/************************************************ */
+
+export async function queryUserWorkCenterMappingByUserID(userId: string) {
+  return request(`${BASE_API}/mes/userWorkCenterMapping/${userId}`, {
+    method: 'GET',
+  });
+}
+
+export async function saveUserWorkCenterMappingByUserID(userId: string, centerIds: number[]) {
+  return request(`${BASE_API}/mes/userWorkCenterMapping/${userId}`, {
+    method: 'POST',
+    data: {
+      centerIds: centerIds,
+    },
+  });
+}
+
+// 增删改查
+export async function handleUser(method = 'POST', params: TableListParams) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/system/user`;
+  const url = actionById ? `${baseUrl}/${params}` : baseUrl;
+  const nweParams = actionById ? null : { data: { ...params } };
+  return request<API.Result_Base>(url, {
+    method,
+    ...nweParams,
+  });
+}
+
+export async function queryWorkCenter() {
+return request(`${BASE_API}/mes/workCenter/list`, {
+    method: 'GET',
+});
+}

package/lib/templates/qiankun/cf-workbench-base/src/pages/SystemJob/JobLog/data.d.ts

@@ -0,0 +1,34 @@
+
+export interface TableListItem {
+  jobLogId: number;
+  jobName?: string;
+  jobGroup?: string;
+  invokeTarget?: string;
+  jobMessage?: string;
+  status?: string;
+  exceptionInfo?: string;
+  createTime?: Date;
+}
+
+export interface TableListPagination {
+  total: number;
+  pageSize: number;
+  current: number;
+}
+
+export interface TableListData {
+  list: TableListItem[];
+  pagination: Partial<TableListPagination>;
+}
+
+export interface TableListParams {
+  pageSize?: number;
+  pageIndex?: number;
+  orderBy?: { [key: string]: any };
+  [propName: string]: any;
+
+}
+
+export interface FormValueType extends Partial<TableListItem> {
+
+}

package/lib/templates/qiankun/cf-workbench-base/src/pages/SystemJob/JobLog/index.tsx

@@ -0,0 +1,150 @@
+import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
+import React, { useRef, useState } from 'react';
+import { MyPageContainer, useIntl, useQueryTableList, ViewTableItemDrawer } from 'umi';
+import { TableListItem, TableListParams } from './data.d';
+import { queryJobLog } from './service';
+
+const baseLocalCode = 'pages.JobLog';
+const baseLocalName = '系统任务运行日志管理';
+
+const TableList: React.FC<{}> = () => {
+  const actionRef = useRef<ActionType>();
+  const [row, setRow] = useState<TableListItem>();
+  const { formatMessage } = useIntl();
+
+  // 封装数据查询的hooks
+  const { queryList } = useQueryTableList({ baseLocalCode, baseLocalName });
+  /**
+   * 查询表格数据
+   * @param params
+   * @returns
+   */
+  const handleSearch = async (params: TableListParams) => {
+    return await queryList<TableListItem[]>(params, {
+      queryFn: queryJobLog,
+    });
+  };
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.JobLog.column.jobName', defaultMessage: '任务名称' }),
+      dataIndex: 'jobName',
+      sorter: true,
+      valueType: 'text',
+      copyable: true,
+      formItemProps: {
+        rules: [
+          {
+            required: false,
+          },
+        ],
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.JobLog.column.jobGroup', defaultMessage: '任务组别' }),
+      dataIndex: 'jobGroup',
+      sorter: true,
+      valueType: 'text',
+      copyable: false,
+      formItemProps: {
+        rules: [
+          {
+            required: false,
+          },
+        ],
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.JobLog.column.invokeTarget', defaultMessage: '调用方法' }),
+      dataIndex: 'invokeTarget',
+      sorter: true,
+      valueType: 'text',
+      ellipsis: true,
+      copyable: true,
+      formItemProps: {
+        rules: [
+          {
+            required: false,
+          },
+        ],
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.JobLog.column.jobMessage', defaultMessage: '任务运行信息' }),
+      dataIndex: 'jobMessage',
+      sorter: true,
+      ellipsis: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.JobLog.column.status', defaultMessage: '状态' }),
+      dataIndex: 'status',
+      sorter: true,
+      ellipsis: true,
+      copyable: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.JobLog.column.exceptionInfo', defaultMessage: '错误信息' }),
+      dataIndex: 'exceptionInfo',
+      sorter: true,
+      ellipsis: true,
+      copyable: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.JobLog.column.createTime', defaultMessage: '运行时间' }),
+      dataIndex: 'createTime',
+      sorter: true,
+      valueType: 'dateTime',
+      defaultSortOrder: 'descend',
+      search: false,
+    },
+    {
+      title: formatMessage({ id: 'pages.JobLog.Option.title', defaultMessage: '操作' }),
+      dataIndex: 'option',
+      valueType: 'option',
+      render: (_, record) => (
+        <a onClick={() => setRow(record)}>
+          {formatMessage({ id: 'pages.JobLog.view.button.title', defaultMessage: '查看' })}
+        </a>
+      ),
+    },
+  ];
+
+  return (
+    <MyPageContainer>
+      <ProTable<TableListItem>
+        headerTitle={formatMessage({
+          id: 'pages.JobLog.title',
+          defaultMessage: '操作日志列表',
+        })}
+        //窗口聚焦时不重新请求
+        revalidateOnFocus={false}
+        actionRef={actionRef}
+        rowKey="jobLogId"
+        search={{
+          labelWidth: 120,
+        }}
+        toolBarRender={() => []}
+        request={async (params, sorter) => {
+          // 获取出来参数，将当前页面current和页数据大小pageSize提取出来
+          const { current, pageIndex = params.current, pageSize, ...otherParams } = params;
+
+          //调用后台API
+          return await handleSearch({ pageIndex, pageSize, orderBy: { ...sorter }, ...otherParams });
+        }}
+        columns={columns}
+        rowSelection={false}
+      />
+
+      {/* 查看弹窗 */}
+      <ViewTableItemDrawer<TableListItem>
+        row={row}
+        onClose={() => {
+          setRow(undefined);
+        }}
+        columns={columns}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;