@ysjdemo/umi-create-cli 0.0.2 → 0.0.4

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

@@ -0,0 +1,10 @@
+import { request } from '@umijs/max';
+import { TableListParams } from './data.d';
+import { BASE_API } from '@/constants';
+
+export async function queryJobLog(params?: TableListParams) {
+  return request(`${BASE_API}/monitor/jobLog/list`, {
+    method: 'GET',
+    params,
+  });
+}

package/lib/templates/qiankun/cf-workbench-base/src/pages/SystemJob/SystemJob/components/UpdateForm.tsx

@@ -0,0 +1,145 @@
+import { ProFormSelect, ProFormText, ProFormTextArea } from '@ant-design/pro-form';
+import React, { MutableRefObject, useEffect } from 'react';
+import { RefDrawerForm, RefDrawerFormRefType, useIntl } from 'umi';
+
+import { Form } from 'antd';
+import { FormValueType, TableListItem } from '../data.d';
+
+export interface UpdateFormProps {
+  updateDrawerRef: MutableRefObject<RefDrawerFormRefType | undefined>;
+  /** 提交方法，返回true可以控制弹窗关闭 */
+  onSubmit: (values: FormValueType) => Promise<boolean | void>;
+  values: Partial<TableListItem> | null;
+}
+
+const UpdateForm: React.FC<UpdateFormProps> = (props) => {
+  const { formatMessage } = useIntl();
+  const [form] = Form.useForm();
+
+  useEffect(() => {
+    if (form && props.values) {
+      form.setFieldsValue({
+        ...props.values,
+      });
+    }
+  }, [props.values]);
+
+  return (
+    <RefDrawerForm
+      form={form}
+      ref={props.updateDrawerRef}
+      title={formatMessage({
+        id: 'pages.SystemJob.update.title',
+        defaultMessage: '修改系统任务',
+      })}
+      onFinish={props.onSubmit}
+    >
+      <ProFormText name="jobId" disabled hidden />
+      <ProFormText
+        name="jobName"
+        disabled
+        label={formatMessage({
+          id: 'pages.SystemJob.column.jobName',
+          defaultMessage: '任务名称',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="jobGroup"
+        label={formatMessage({
+          id: 'pages.SystemJob.column.jobGroup',
+          defaultMessage: '任务组别',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="invokeTarget"
+        label={formatMessage({
+          id: 'pages.SystemJob.column.invokeTarget',
+          defaultMessage: '任务调用方法',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormText
+        name="cronExpression"
+        label={formatMessage({
+          id: 'pages.SystemJob.column.cronExpression',
+          defaultMessage: 'CRON表达式',
+        })}
+        rules={[{ required: true }]}
+      />
+      <ProFormSelect
+        name="misfirePolicy"
+        label={formatMessage({
+          id: 'pages.SystemJob.column.misfirePolicy',
+          defaultMessage: '计划执行错误策略',
+        })}
+        valueEnum={{
+          0: formatMessage({
+            id: 'pages.SystemJob.column.misfirePolicy.0',
+            defaultMessage: '默认',
+          }),
+          1: formatMessage({
+            id: 'pages.SystemJob.column.misfirePolicy.1',
+            defaultMessage: '立即执行',
+          }),
+          2: formatMessage({
+            id: 'pages.SystemJob.column.misfirePolicy.2',
+            defaultMessage: '执行一次',
+          }),
+          3: formatMessage({
+            id: 'pages.SystemJob.column.misfirePolicy.3',
+            defaultMessage: '放弃执行',
+          }),
+        }}
+        rules={[{ required: true }]}
+      />
+      <ProFormSelect
+        name="concurrent"
+        label={formatMessage({
+          id: 'pages.SystemJob.column.concurrent',
+          defaultMessage: '并发执行',
+        })}
+        valueEnum={{
+          0: formatMessage({
+            id: 'pages.SystemJob.column.concurrent.0',
+            defaultMessage: '允许',
+          }),
+          1: formatMessage({
+            id: 'pages.SystemJob.column.concurrent.1',
+            defaultMessage: '禁止',
+          }),
+        }}
+        rules={[{ required: true }]}
+      />
+      <ProFormSelect
+        name="status"
+        label={formatMessage({
+          id: 'pages.SystemJob.column.status',
+          defaultMessage: '状态',
+        })}
+        valueEnum={{
+          0: formatMessage({
+            id: 'pages.SystemJob.column.status.0',
+            defaultMessage: '正常',
+          }),
+          1: formatMessage({
+            id: 'pages.SystemJob.column.status.1',
+            defaultMessage: '暂停',
+          }),
+        }}
+        rules={[{ required: true }]}
+      />
+
+      <ProFormTextArea
+        name="remark"
+        label={formatMessage({
+          id: 'pages.SystemJob.column.remark',
+          defaultMessage: '备注',
+        })}
+      />
+    </RefDrawerForm>
+  );
+};
+
+export default UpdateForm;

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

@@ -0,0 +1,35 @@
+import { API } from "@umijs/max";
+
+export interface TableListItem extends API.User {
+  jobId: number;
+  status: string;
+  jobName: string;
+  jobGroup: string;
+  invokeTarget: string;
+  cronExpression: string;
+  misfirePolicy: string;
+  concurrent: string;
+  remark?: string;
+}
+
+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/SystemJob/index.tsx

@@ -0,0 +1,402 @@
+import { PlusOutlined } from '@ant-design/icons';
+import ProTable, { ActionType, ProColumns } from '@ant-design/pro-table';
+import {
+  ActionLogDrawer,
+  CreateForm,
+  DropdownButton,
+  EditMultiLangForm,
+  LangInfoItem,
+  MyFooterToolbar,
+  MyPageContainer,
+  RefDrawerFormRefType,
+  ViewTableItemDrawer,
+  cfmmUtils,
+  useAction,
+  useAuthority,
+  useIntl,
+  useMemoizedFn,
+  useQueryTableList,
+  API
+} from '@umijs/max';
+import { App, Button, Tag } from 'antd';
+import React, { useRef, useState } from 'react';
+import UpdateForm from './components/UpdateForm';
+import { FormValueType, TableListItem, TableListParams } from './data.d';
+import { handleJob, queryJob } from './service';
+
+const MC_AuthorityCode_VIEW = 'systemJob_view';
+const MC_AuthorityCode_ADD = 'systemJob_add';
+const MC_AuthorityCode_EDIT = 'systemJob_edit';
+const MC_AuthorityCode_REMOVE = 'systemJob_remove';
+const MC_AuthorityCode_RECORD = 'systemJob_record';
+
+const baseLocalCode = 'pages.SystemJob';
+const baseLocalName = '系统任务管理';
+
+const TableList: React.FC = () => {
+  const { modal } = App.useApp();
+  const actionRef = useRef<ActionType>();
+  const { formatMessage } = useIntl();
+  const updateDrawerRef = useRef<RefDrawerFormRefType>();
+
+  const [record, setRecord] = useState<TableListItem>();
+  const [createModalVisible, handleModalVisible] = useState<boolean>(false);
+  const [updateFormValues, setUpdateFormValues] = useState<TableListItem | null>(null);
+
+  const [row, setRow] = useState<TableListItem>();
+  const [selectedRows, setSelectedRows] = useState<TableListItem[]>([]);
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+
+  //多语言设置
+  const [langInfoItem, setLangInfoItem] = useState<LangInfoItem>({
+    tableName: 'sys_job',
+    columnName: 'job_name',
+    recordId: 0,
+  });
+  //多语言修改框
+  const [editJobNameModalVisible, handleEditJobNameModalVisible] = useState<boolean>(false);
+
+  const { getAuthorityFn } = useAuthority();
+  // 封装数据查询的hooks
+  const { queryList } = useQueryTableList({ baseLocalCode, baseLocalName });
+  // 封装增删查改的hooks
+  const { doAction, loading: actionLoading } = useAction({ baseLocalCode, baseLocalName });
+
+  /**
+   * 查询表格数据
+   * @param params
+   * @returns
+   */
+  const handleSearch = async (params: TableListParams) => {
+    return await queryList<TableListItem[]>(params, {
+      queryFn: queryJob,
+    });
+  };
+
+  /**
+   * 列表增、删(单个/批量)、改、查(根据id查单条数据)
+   * @param method 请求接口的类型
+   * @param fields 传给后端的参数
+   * @returns {boolean} success ? true : false
+   */
+  const handleAction = async (method: API.MethodTypes, fields: FormValueType | React.Key[]): Promise<boolean> => {
+    const { success } = await doAction(method, fields, {
+      actionFn: handleJob,
+    });
+    return success;
+  };
+
+  const handleDelete = (keys: React.Key[]) => {
+    modal.confirm({
+      title: formatMessage({
+        id: 'pages.SystemJob.delete.title',
+        defaultMessage: '删除系统任务',
+      }),
+      content: formatMessage({
+        id: 'pages.SystemJob.delete.confirmMessage',
+        defaultMessage: '你确定要删除选中的系统任务吗？',
+      }),
+      onOk: async () => {
+        const result = await handleAction('DELETE', keys);
+
+        if (result && actionRef.current) {
+          actionRef.current.clearSelected!();
+          actionRef.current.reload();
+        }
+      },
+      onCancel() {},
+    });
+  };
+
+  const handleClickEdit = useMemoizedFn(async (record: TableListItem) => {
+    updateDrawerRef.current?.show();
+    setUpdateFormValues(record);
+  });
+
+  const columns: ProColumns<TableListItem>[] = [
+    {
+      title: formatMessage({ id: 'pages.Job.column.jobName', defaultMessage: '任务名称' }),
+      dataIndex: 'jobName',
+      sorter: true,
+      valueType: 'text',
+      copyable: false,
+      render: (_, record) => (
+        <>
+          <a
+            onClick={() => {
+              handleEditJobNameModalVisible(true);
+              const langInfoItem: LangInfoItem = {
+                tableName: 'sys_job',
+                columnName: 'job_name',
+                recordId: record.jobId,
+              };
+              setLangInfoItem(langInfoItem);
+            }}
+          >
+            {record.jobName}
+          </a>
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.column.jobGroup', defaultMessage: '任务组别' }),
+      dataIndex: 'jobGroup',
+      sorter: true,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.column.invokeTarget', defaultMessage: '任务调用方法' }),
+      dataIndex: 'invokeTarget',
+      sorter: true,
+      ellipsis: true,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.column.cronExpression', defaultMessage: 'CRON表达式' }),
+      dataIndex: 'cronExpression',
+      sorter: true,
+      render: (_, record) => <Tag>{record.cronExpression}</Tag>,
+      formItemProps: { rules: [{ required: true }] },
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.column.misfirePolicy', defaultMessage: '失败重试策略' }),
+      dataIndex: 'misfirePolicy',
+      sorter: true,
+      valueType: 'select',
+      render: (_, record) => (
+        <>
+          {record.misfirePolicy && record.misfirePolicy.toUpperCase() == '0' && (
+            <Tag>{formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.0', defaultMessage: '默认' })}</Tag>
+          )}
+          {record.misfirePolicy && record.misfirePolicy.toUpperCase() == '1' && (
+            <Tag color="green">
+              {formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.1', defaultMessage: '立即执行' })}
+            </Tag>
+          )}
+          {record.misfirePolicy && record.misfirePolicy.toUpperCase() == '2' && (
+            <Tag color="orange">
+              {formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.2', defaultMessage: '执行一次' })}
+            </Tag>
+          )}
+          {record.misfirePolicy && record.misfirePolicy.toUpperCase() == '3' && (
+            <Tag color="red">
+              {formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.3', defaultMessage: '放弃执行' })}
+            </Tag>
+          )}
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+      valueEnum: {
+        0: {
+          text: formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.0', defaultMessage: '默认' }),
+        },
+        1: {
+          text: formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.1', defaultMessage: '立即执行' }),
+        },
+        2: {
+          text: formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.2', defaultMessage: '执行一次' }),
+        },
+        3: {
+          text: formatMessage({ id: 'pages.SystemJob.column.misfirePolicy.3', defaultMessage: '放弃执行' }),
+        },
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.column.concurrent', defaultMessage: '并发执行' }),
+      dataIndex: 'concurrent',
+      sorter: true,
+      valueType: 'select',
+      render: (_, record) => (
+        <>
+          {record.concurrent && record.concurrent.toUpperCase() == '0' && (
+            <Tag color="green">
+              {formatMessage({ id: 'pages.SystemJob.column.concurrent.0', defaultMessage: '允许' })}
+            </Tag>
+          )}
+          {record.concurrent && record.concurrent.toUpperCase() == '1' && (
+            <Tag color="red">
+              {formatMessage({ id: 'pages.SystemJob.column.concurrent.1', defaultMessage: '禁止' })}
+            </Tag>
+          )}
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+      valueEnum: {
+        0: {
+          text: formatMessage({ id: 'pages.SystemJob.column.concurrent.0', defaultMessage: '允许' }),
+        },
+        1: {
+          text: formatMessage({ id: 'pages.SystemJob.column.concurrent.1', defaultMessage: '禁止' }),
+        },
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.column.status', defaultMessage: '状态' }),
+      dataIndex: 'status',
+      sorter: true,
+      valueType: 'select',
+      render: (_, record) => (
+        <>
+          {record.status && record.status.toUpperCase() == '0' && (
+            <Tag color="green">{formatMessage({ id: 'pages.SystemJob.column.status.0', defaultMessage: '正常' })}</Tag>
+          )}
+          {record.status && record.status.toUpperCase() == '1' && (
+            <Tag color="red">{formatMessage({ id: 'pages.SystemJob.column.status.1', defaultMessage: '暂停' })}</Tag>
+          )}
+        </>
+      ),
+      formItemProps: { rules: [{ required: true }] },
+      valueEnum: {
+        0: {
+          text: formatMessage({ id: 'pages.SystemJob.column.status.0', defaultMessage: '正常' }),
+        },
+        1: {
+          text: formatMessage({ id: 'pages.SystemJob.column.status.1', defaultMessage: '暂停' }),
+        },
+      },
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.column.remark', defaultMessage: '备注' }),
+      dataIndex: 'remark',
+      valueType: 'textarea',
+      ellipsis: true,
+    },
+    {
+      title: formatMessage({ id: 'pages.Job.Option.title', defaultMessage: '操作' }),
+      dataIndex: 'option',
+      valueType: 'option',
+      render: (_, record) => (
+        <DropdownButton
+          editAuth={MC_AuthorityCode_EDIT}
+          removeAuth={MC_AuthorityCode_REMOVE}
+          viewAuth={MC_AuthorityCode_VIEW}
+          actionLogAuth={MC_AuthorityCode_RECORD}
+          onActionLog={() => setRecord(record)}
+          onView={() => setRow(record)}
+          onEdit={async () => handleClickEdit(record)}
+          onRemove={() => handleDelete([record.jobId])}
+        />
+      ),
+    },
+  ];
+
+  return (
+    <MyPageContainer>
+      <ProTable<TableListItem>
+        headerTitle={formatMessage({
+          id: 'pages.SystemJob.title',
+          defaultMessage: '系统任务列表',
+        })}
+        //窗口聚焦时不重新请求
+        revalidateOnFocus={false}
+        actionRef={actionRef}
+        rowKey="jobId"
+        search={cfmmUtils.getTableSearchFormLayout()}
+        toolBarRender={() => {
+          if (!getAuthorityFn(MC_AuthorityCode_ADD)) return [];
+          return [
+            <Button type="primary" key={'add'} onClick={() => handleModalVisible(true)}>
+              <PlusOutlined />
+              {formatMessage({ id: 'common.button.add', defaultMessage: '新增' })}
+            </Button>,
+          ];
+        }}
+        request={useMemoizedFn(async (params, sorter) => {
+          // 获取出来参数，将当前页面current和页数据大小pageSize提取出来
+          const { pageIndex = params.current, pageSize, ...otherParams } = params;
+
+          //调用后台API
+          return await handleSearch({ pageIndex, pageSize, orderBy: { ...sorter }, ...otherParams });
+        })}
+        columns={columns}
+        rowSelection={{
+          onChange: (selectedRowKeys, selectedRows) => {
+            setSelectedRows(selectedRows);
+            setSelectedRowKeys(selectedRowKeys);
+          },
+        }}
+      />
+
+      {selectedRows?.length > 0 && (
+        <MyFooterToolbar count={selectedRows.length}>
+          {getAuthorityFn(MC_AuthorityCode_REMOVE) && (
+            <Button danger type="primary" onClick={async () => handleDelete(selectedRowKeys)}>
+              {formatMessage({ id: 'common.button.batchDelete', defaultMessage: '批量删除' })}
+            </Button>
+          )}
+        </MyFooterToolbar>
+      )}
+
+      <CreateForm
+        title={formatMessage({
+          id: 'pages.SystemJob.create.title',
+          defaultMessage: '新增系统任务',
+        })}
+        open={createModalVisible}
+        onOpenChange={handleModalVisible}
+      >
+        <ProTable<TableListItem, TableListItem>
+          onSubmit={async (value) => {
+            if (actionLoading) return;
+
+            const success = await handleAction('POST', value);
+            if (success) {
+              handleModalVisible(false);
+              if (actionRef.current) {
+                actionRef.current.reload();
+              }
+            }
+          }}
+          rowKey="jobId"
+          type="form"
+          columns={columns}
+        />
+      </CreateForm>
+
+      <UpdateForm
+        updateDrawerRef={updateDrawerRef}
+        values={updateFormValues}
+        onSubmit={useMemoizedFn(async (value) => {
+          //返回的时候，加入修改的ID
+          const success = await handleAction('PUT', { ...value });
+
+          if (success) {
+            //清除修改数据
+            setUpdateFormValues(null);
+            actionRef.current?.reload();
+          }
+
+          return success;
+        })}
+      />
+
+      <EditMultiLangForm
+        modalFormVisible={editJobNameModalVisible}
+        setModalFormVisible={handleEditJobNameModalVisible}
+        values={langInfoItem}
+        onAfterSubmit={() => {
+          //重新加载数据
+          actionRef.current?.reload();
+        }}
+      />
+      {/* 查看弹窗 */}
+      <ViewTableItemDrawer<TableListItem>
+        row={row}
+        onClose={useMemoizedFn(() => {
+          setRow(undefined);
+        })}
+        columns={columns}
+      />
+
+      <ActionLogDrawer
+        row={record}
+        onClose={useMemoizedFn(() => {
+          setRecord(undefined);
+        })}
+      />
+    </MyPageContainer>
+  );
+};
+
+export default TableList;

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

@@ -0,0 +1,22 @@
+import { BASE_API } from '@/constants';
+import { request, API } from '@umijs/max';
+import { TableListParams } from './data.d';
+
+export async function queryJob(params?: TableListParams) {
+  return request(`${BASE_API}/monitor/job/list`, {
+    method: 'GET',
+    params,
+  });
+}
+
+// 增删改查
+export async function handleJob(method: API.MethodTypes = 'POST', params: TableListParams) {
+  const actionById = method === 'DELETE' || method === 'GET';
+  const baseUrl = `${BASE_API}/monitor/job`;
+  const url = actionById ? `${baseUrl}/${params}` : baseUrl;
+  const nweParams = actionById ? null : { data: { ...params } };
+  return request(url, {
+    method,
+    ...nweParams,
+  });
+}

package/lib/templates/qiankun/cf-workbench-base/src/pages/SystemLog/OperationLog/data.d.ts

@@ -0,0 +1,38 @@
+
+export interface TableListItem {
+  logId: number;
+  logType: string;
+  title: string;
+  method: string;
+  url: string;
+  operParam: string;
+  operResult: string;
+  operIp: string;
+  operTime: string;
+  operUser: string;
+  errorMsg?: string;
+  remark?: string;
+}
+
+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> {
+
+}