.

.npmrc

+registry=https://registry.npmmirror.com

config/routes.js

     ],
   },
   {
-    path: '/',
+    path: '/PlatformMessageManagement',
     name: '消息管理',
     icon: 'crown',
     component: '../layouts/BasicLayout',
         path: '/PlatformMessageManagement/MessageEdit',
         name: '消息查看',
         component: './PlatformMessageManagement/MessageEdit',
-        hideInMenu: true
+        hideInMenu: true,
       },
+    ],
+  },
 
+  {
+    path: '/OrderManage',
+    name: '订单调度',
+    icon: 'InsertRowLeftOutlined',
+    component: '../layouts/BasicLayout',
+    routes: [
+      {
+        path: '/OrderManage',
+        name: '订单调度',
+        component: './OrderManage',
+      },
+    ],
+  },
+  {
+    path: '/Finance',
+    name: '财务管理',
+    icon: 'InsertRowLeftOutlined',
+    component: '../layouts/BasicLayout',
+    routes: [
+      {
+        path: '/Finance/AccountLog',
+        name: '平台流水',
+        component: './Finance/AccountLog',
+      },
+      {
+        path: '/Finance/Withdrawal',
+        name: '提现管理',
+        component: './Finance/Withdrawal',
+      },
     ],
   },
   {
         component: './SystemManagement/Agreement',
         // hideInMenu: true
       },
-
     ],
   },
-
-  {
-    name: 'list.table-list',
-    icon: 'table',
-    path: '/list',
-    component: './TableList',
-  },
   {
     path: '/',
     redirect: '/welcome',

package.json

     "antd": "^4.17.0",
     "classnames": "^2.3.0",
     "lodash": "^4.17.0",
-    "moment": "^2.29.0",
+    "moment": "^2.29.1",
     "omit.js": "^2.0.2",
     "rc-menu": "^9.1.0",
     "rc-util": "^5.16.0",

src/app.jsx

 import RightContent from '@/components/RightContent';
 import Footer from '@/components/Footer';
 import { currentUser as queryCurrentUser } from './services/ant-design-pro/api';
-import { BookOutlined, LinkOutlined } from '@ant-design/icons';
 import defaultSettings from '../config/defaultSettings';
 const isDev = process.env.NODE_ENV === 'development';
 const loginPath = '/user/login';
   return {
     rightContentRender: () => <RightContent />,
     disableContentMargin: false,
-    waterMarkProps: {
-      content: initialState?.currentUser?.name,
-    },
     footerRender: () => <Footer />,
     onPageChange: () => {
       const { location } = history; // 如果没有登录，重定向到 login
         history.push(loginPath);
       }
     },
-    links: isDev
-      ? [
-          <Link to="/umi/plugin/openapi" target="_blank">
-            <LinkOutlined />
-            <span>OpenAPI 文档</span>
-          </Link>,
-          <Link to="/~docs">
-            <BookOutlined />
-            <span>业务组件文档</span>
-          </Link>,
-        ]
-      : [],
     menuHeaderRender: undefined,
     // 自定义 403 页面
     // unAccessible: <div>unAccessible</div>,

src/components/PageTable/index.jsx

+import React, { useState, useCallback, useRef } from 'react';
+import { Button } from 'antd';
+import { UploadOutlined } from '@ant-design/icons';
+import ProTable from '@ant-design/pro-table';
+import { queryTable } from '@/utils/request';
+import useExport from '@/utils/hooks/useExport';
+
+export default (props) => {
+  const { formRef, request, expfunc, params = {}, toolBarRender, ...leftProps } = props;
+
+  // 如果 formRef 未设置, 则使用 fmRef 去代理
+  const fmRef = useRef();
+  const ref = formRef || fmRef;
+
+  // 自动封装查询函数
+  const getList = useCallback(queryTable(request), [request]);
+
+  // 获取导出函数
+  const [exporting, exportFunc] = useExport(expfunc);
+
+  const handleExport = useCallback(() => {
+    const formData = ref.current ? ref.current.getFieldsValue() : {};
+    exportFunc({ ...formData, ...params });
+  }, [exportFunc, params]);
+
+  // 添加导出按钮
+  const renderToolbar = useCallback(() => {
+    const acts = [];
+    if (toolBarRender) {
+      acts.push(...toolBarRender());
+    }
+
+    if (typeof expfunc === 'function') {
+      acts.push(
+        <Button loading={exporting} key="export" icon={<UploadOutlined />} onClick={handleExport}>
+          导出
+        </Button>,
+      );
+    }
+
+    return acts;
+  }, [toolBarRender, exporting, handleExport, expfunc]);
+
+  return (
+    <ProTable
+      {...leftProps}
+      params={params}
+      formRef={ref}
+      // request={getList}
+      toolBarRender={renderToolbar}
+    />
+  );
+};

src/pages/Finance/AccountLog/index.jsx

+import React from 'react';
+// import { getPersonList, exportPersonList } from '@/services/person';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import moment from 'moment';
+import PageTable from '@/components/PageTable';
+
+const formatterTime = (val) => {
+  return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : '';
+};
+
+export default (props) => {
+  const columns = [
+    {
+      title: '流水号',
+      dataIndex: 'log_id',
+      key: 'log_id',
+    },
+    {
+      title: '订单号',
+      dataIndex: 'orderId',
+      key: 'orderId',
+    },
+    {
+      title: '用户Id',
+      dataIndex: 'userId',
+      key: 'userId',
+    },
+    {
+      title: '收款人',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '手机号码',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '用户类型',
+      dataIndex: 'type',
+      key: 'type',
+      valueType: 'select',
+      valueEnum: {
+        '': { text: '不限', status: 'Default' },
+        1: { text: '押金' },
+        2: { text: '人工费' },
+      },
+    },
+    {
+      title: '支付方式',
+      dataIndex: 'payType',
+      key: 'payType',
+      valueType: 'select',
+      search: false,
+      valueEnum: {
+        '': { text: '不限', status: 'Default' },
+        1: { text: '微信' },
+        2: { text: '支付宝' },
+      },
+    },
+    {
+      title: '流水金额',
+      dataIndex: 'money',
+      key: 'money',
+      search: false,
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      search: false,
+      render: (t) => formatterTime(t),
+      width: 200,
+    },
+  ];
+
+  return (
+    <PageHeaderWrapper>
+      <PageTable
+        // request={getPersonList}
+        // expfunc={exportPersonList}
+        columns={columns}
+        rowKey="logId"
+        options={false}
+        scroll={{ x: 1000 }}
+      />
+    </PageHeaderWrapper>
+  );
+};

src/pages/Finance/Withdrawal/index.jsx

+import React from 'react';
+// import { getPersonList, exportPersonList } from '@/services/person';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import moment from 'moment';
+import PageTable from '@/components/PageTable';
+
+const formatterTime = (val) => {
+  return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : '';
+};
+
+export default (props) => {
+  const columns = [
+    {
+      title: '序号',
+      dataIndex: 'sortId',
+      key: 'sortId',
+      search: false,
+    },
+    {
+      title: '用户账号',
+      dataIndex: 'account_id',
+      key: 'account_id',
+    },
+    {
+      title: '收款人',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '手机号码',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '提现金额',
+      dataIndex: 'money',
+      key: 'money',
+      search: false,
+    },
+    {
+      title: '账号类型',
+      dataIndex: 'payType',
+      key: 'payType',
+      valueType: 'select',
+      valueEnum: {
+        '': { text: '不限', status: 'Default' },
+        1: { text: '微信' },
+        2: { text: '支付宝' },
+      },
+      search: false,
+    },
+    {
+      title: '提现账号',
+      dataIndex: 'withfrawalNum',
+      key: 'withfrawalNum',
+      search: false,
+    },
+
+    {
+      title: '申请时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      search: false,
+      render: (t) => formatterTime(t),
+      search: false,
+    },
+    {
+      title: '更新时间',
+      dataIndex: 'updateDate',
+      key: 'updateDate',
+      valueType: 'date',
+      render: (t) => formatterTime(t),
+      width: 200,
+    },
+  ];
+
+  return (
+    <PageHeaderWrapper>
+      <PageTable
+        // request={getPersonList}
+        // expfunc={exportPersonList}
+        columns={columns}
+        rowKey="withdrawalId"
+        options={false}
+        scroll={{ x: 1000 }}
+      />
+    </PageHeaderWrapper>
+  );
+};

src/pages/OrderManage/index.jsx

+import React from 'react';
+// import { getPersonList, exportPersonList } from '@/services/person';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import moment from 'moment';
+import PageTable from '@/components/PageTable';
+
+const formatterTime = (val) => {
+  return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : '';
+};
+
+export default (props) => {
+  const columns = [
+    {
+      title: '订单编号',
+      dataIndex: 'orderNum',
+      key: 'orderNum',
+    },
+    {
+      title: '农机名',
+      dataIndex: 'machineryName',
+      key: 'machineryName',
+    },
+    {
+      title: '农机型号',
+      dataIndex: 'type',
+      key: 'type',
+    },
+    {
+      title: '农机数量',
+      dataIndex: 'machineryNum',
+      key: 'machineryNum',
+    },
+    {
+      title: '需求时间',
+      dataIndex: 'appointment_date',
+      key: 'appointment_date',
+    },
+    {
+      title: '农机价格',
+      dataIndex: 'price',
+      key: 'price',
+    },
+    {
+      title: '押金',
+      dataIndex: 'deposit',
+      key: 'deposit',
+    },
+    {
+      title: '费用',
+      dataIndex: 'laborCost',
+      key: 'laborCost',
+    },
+    {
+      title: '状态',
+      dataIndex: 'state',
+      key: 'state',
+      valueType: 'select',
+      valueEnum: {
+        '': { text: '不限', status: 'Default' },
+        1: { text: '未付款' },
+        2: { text: '已付款' },
+        3: { text: '待确认' },
+        4: { text: '进行中' },
+        5: { text: '待评价' },
+        6: { text: '已评价' },
+        7: { text: '申请退款' },
+        8: { text: '已退款' },
+      },
+    },
+    {
+      title: '下单时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      search: false,
+      render: (t) => formatterTime(t),
+      width: 200,
+    },
+    //操作如果是需求多台机器则需调度 状态为待确认时 状态栏显示调度按钮跳到调度页面
+    // 如果是申请退款 则出现处理按钮 显示需求时间 如果未到则退款并且改变已分配农机手状态和农机状态
+    // 如果已经服务过了 则可以打电话给农户咨询具体情况看是否退部分款项
+  ];
+
+  return (
+    <PageHeaderWrapper>
+      <PageTable
+        // request={getPersonList}
+        // expfunc={exportPersonList}
+        columns={columns}
+        rowKey="orderId"
+        options={false}
+        scroll={{ x: 1000 }}
+      />
+    </PageHeaderWrapper>
+  );
+};

src/pages/PlatformMessageManagement/MessageManageList/index.jsx

 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import ProTable from '@ant-design/pro-table';
 
-
-
 export default (props) => {
   const dataSource = [
     {
+      id: 9,
       key: '1',
       name: '胡彦斌',
       age: 32,
       address: '西湖区湖底公园1号',
     },
     {
+      id: 10,
       key: '2',
       name: '胡彦祖',
       age: 42,
   ];
 
   const actions = () => [
-    <Button key='add' type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>新增商户</Button>,
-  ]
+    <Button key="add" type="primary" icon={<PlusOutlined />} onClick={() => gotoDetail()}>
+      新增商户
+    </Button>,
+  ];
   const columns = [
     {
       title: '消息ID',
       dataIndex: 'id',
       search: false,
 
-      render: (t, record) => <Link key={1} to={`./edit?id=${record.shopId}`}>{record.shopName}</Link>,
-
+      render: (t, record) => (
+        <Link key={1} to={`./edit?id=${record.shopId}`}>
+          {record.shopName}
+        </Link>
+      ),
     },
 
     {
       title: '消息标题',
-      dataIndex: 'packageNum',
-      render: (t, record) => <Link key={1} to={`./package?shopId=${record.shopId}`}>{record?.packageNum}</Link>,
+      key: 'title',
+      dataIndex: 'title',
+      render: (t, record) => (
+        <Link key={1} to={`./package?shopId=${record.shopId}`}>
+          {record?.packageNum}
+        </Link>
+      ),
     },
 
     {
       title: '推送对象',
+      key: 'pushPerson',
       search: false,
-      dataIndex: 'packageNum',
-      render: (t, record) => record.status === 1 ? '农机手' : '农户',
-
+      dataIndex: 'pushPerson',
+      render: (t, record) => (record.pushPerson === 1 ? '农机手' : '农户'),
     },
 
-
     {
       title: '推送方式',
       key: 'status',
       formItemProps: { label: '推送方式' },
       valueType: 'select',
       valueEnum: {
-        0: { text: '通知栏推送', },
-        1: { text: 'APP内消息中心推送', },
-        2: { text: '短信推送', },
-      }
+        0: { text: '通知栏推送' },
+        1: { text: 'APP内消息中心推送' },
+        2: { text: '短信推送' },
+      },
     },
 
     {
       title: (
         <>
           创建时间
-          <Tooltip placement="top" >
+          <Tooltip placement="top">
             <QuestionCircleOutlined style={{ marginLeft: 4 }} />
           </Tooltip>
         </>
       ),
       width: 140,
-      key: 'since',
+      key: 'createdAt',
       dataIndex: 'createdAt',
       valueType: 'date',
       // render: (t) => formatterTime(t),
       valueType: 'option',
       width: '300px',
       render: (_, record) => [
-        <Link key={2} to={`./MessageEdit`}>查看</Link>,
+        <Link key={2} to={`./MessageEdit`}>
+          查看
+        </Link>,
         <Popconfirm
           key={3}
           title="您是否确认删除 ?"
         >
           <a href="#">删除</a>
         </Popconfirm>,
-      ]
+      ],
     },
-  ]
+  ];
 
   return (
     <PageHeaderWrapper>
         dataSource={dataSource}
         columns={columns}
         // request={getList}
-        rowKey="shopId"
+        rowKey="id"
         options={false}
         toolBarRender={actions}
         scroll={{ x: 1000 }}
       />
     </PageHeaderWrapper>
-  )
-}
+  );
+};

src/pages/TableList/components/UpdateForm.jsx

-import React from 'react';
-import { Modal } from 'antd';
-import {
-  ProFormSelect,
-  ProFormText,
-  ProFormTextArea,
-  StepsForm,
-  ProFormRadio,
-  ProFormDateTimePicker,
-} from '@ant-design/pro-form';
-import { useIntl, FormattedMessage } from 'umi';
-
-const UpdateForm = (props) => {
-  const intl = useIntl();
-  return (
-    <StepsForm
-      stepsProps={{
-        size: 'small',
-      }}
-      stepsFormRender={(dom, submitter) => {
-        return (
-          <Modal
-            width={640}
-            bodyStyle={{
-              padding: '32px 40px 48px',
-            }}
-            destroyOnClose
-            title={intl.formatMessage({
-              id: 'pages.searchTable.updateForm.ruleConfig',
-              defaultMessage: '规则配置',
-            })}
-            visible={props.updateModalVisible}
-            footer={submitter}
-            onCancel={() => {
-              props.onCancel();
-            }}
-          >
-            {dom}
-          </Modal>
-        );
-      }}
-      onFinish={props.onSubmit}
-    >
-      <StepsForm.StepForm
-        initialValues={{
-          name: props.values.name,
-          desc: props.values.desc,
-        }}
-        title={intl.formatMessage({
-          id: 'pages.searchTable.updateForm.basicConfig',
-          defaultMessage: '基本信息',
-        })}
-      >
-        <ProFormText
-          name="name"
-          label={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.ruleName.nameLabel',
-            defaultMessage: '规则名称',
-          })}
-          width="md"
-          rules={[
-            {
-              required: true,
-              message: (
-                <FormattedMessage
-                  id="pages.searchTable.updateForm.ruleName.nameRules"
-                  defaultMessage="请输入规则名称！"
-                />
-              ),
-            },
-          ]}
-        />
-        <ProFormTextArea
-          name="desc"
-          width="md"
-          label={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.ruleDesc.descLabel',
-            defaultMessage: '规则描述',
-          })}
-          placeholder={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.ruleDesc.descPlaceholder',
-            defaultMessage: '请输入至少五个字符',
-          })}
-          rules={[
-            {
-              required: true,
-              message: (
-                <FormattedMessage
-                  id="pages.searchTable.updateForm.ruleDesc.descRules"
-                  defaultMessage="请输入至少五个字符的规则描述！"
-                />
-              ),
-              min: 5,
-            },
-          ]}
-        />
-      </StepsForm.StepForm>
-      <StepsForm.StepForm
-        initialValues={{
-          target: '0',
-          template: '0',
-        }}
-        title={intl.formatMessage({
-          id: 'pages.searchTable.updateForm.ruleProps.title',
-          defaultMessage: '配置规则属性',
-        })}
-      >
-        <ProFormSelect
-          name="target"
-          width="md"
-          label={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.object',
-            defaultMessage: '监控对象',
-          })}
-          valueEnum={{
-            0: '表一',
-            1: '表二',
-          }}
-        />
-        <ProFormSelect
-          name="template"
-          width="md"
-          label={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.ruleProps.templateLabel',
-            defaultMessage: '规则模板',
-          })}
-          valueEnum={{
-            0: '规则模板一',
-            1: '规则模板二',
-          }}
-        />
-        <ProFormRadio.Group
-          name="type"
-          label={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.ruleProps.typeLabel',
-            defaultMessage: '规则类型',
-          })}
-          options={[
-            {
-              value: '0',
-              label: '强',
-            },
-            {
-              value: '1',
-              label: '弱',
-            },
-          ]}
-        />
-      </StepsForm.StepForm>
-      <StepsForm.StepForm
-        initialValues={{
-          type: '1',
-          frequency: 'month',
-        }}
-        title={intl.formatMessage({
-          id: 'pages.searchTable.updateForm.schedulingPeriod.title',
-          defaultMessage: '设定调度周期',
-        })}
-      >
-        <ProFormDateTimePicker
-          name="time"
-          width="md"
-          label={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.schedulingPeriod.timeLabel',
-            defaultMessage: '开始时间',
-          })}
-          rules={[
-            {
-              required: true,
-              message: (
-                <FormattedMessage
-                  id="pages.searchTable.updateForm.schedulingPeriod.timeRules"
-                  defaultMessage="请选择开始时间！"
-                />
-              ),
-            },
-          ]}
-        />
-        <ProFormSelect
-          name="frequency"
-          label={intl.formatMessage({
-            id: 'pages.searchTable.updateForm.object',
-            defaultMessage: '监控对象',
-          })}
-          width="md"
-          valueEnum={{
-            month: '月',
-            week: '周',
-          }}
-        />
-      </StepsForm.StepForm>
-    </StepsForm>
-  );
-};
-
-export default UpdateForm;

src/pages/TableList/index.jsx

-import { PlusOutlined } from '@ant-design/icons';
-import { Button, message, Input, Drawer } from 'antd';
-import React, { useState, useRef } from 'react';
-import { useIntl, FormattedMessage } from 'umi';
-import { PageContainer, FooterToolbar } from '@ant-design/pro-layout';
-import ProTable from '@ant-design/pro-table';
-import { ModalForm, ProFormText, ProFormTextArea } from '@ant-design/pro-form';
-import ProDescriptions from '@ant-design/pro-descriptions';
-import UpdateForm from './components/UpdateForm';
-import { rule, addRule, updateRule, removeRule } from '@/services/ant-design-pro/api';
-/**
- * @en-US Add node
- * @zh-CN 添加节点
- * @param fields
- */
-
-const handleAdd = async (fields) => {
-  const hide = message.loading('正在添加');
-
-  try {
-    await addRule({ ...fields });
-    hide();
-    message.success('Added successfully');
-    return true;
-  } catch (error) {
-    hide();
-    message.error('Adding failed, please try again!');
-    return false;
-  }
-};
-/**
- * @en-US Update node
- * @zh-CN 更新节点
- *
- * @param fields
- */
-
-const handleUpdate = async (fields) => {
-  const hide = message.loading('Configuring');
-
-  try {
-    await updateRule({
-      name: fields.name,
-      desc: fields.desc,
-      key: fields.key,
-    });
-    hide();
-    message.success('Configuration is successful');
-    return true;
-  } catch (error) {
-    hide();
-    message.error('Configuration failed, please try again!');
-    return false;
-  }
-};
-/**
- *  Delete node
- * @zh-CN 删除节点
- *
- * @param selectedRows
- */
-
-const handleRemove = async (selectedRows) => {
-  const hide = message.loading('正在删除');
-  if (!selectedRows) return true;
-
-  try {
-    await removeRule({
-      key: selectedRows.map((row) => row.key),
-    });
-    hide();
-    message.success('Deleted successfully and will refresh soon');
-    return true;
-  } catch (error) {
-    hide();
-    message.error('Delete failed, please try again');
-    return false;
-  }
-};
-
-const TableList = () => {
-  /**
-   * @en-US Pop-up window of new window
-   * @zh-CN 新建窗口的弹窗
-   *  */
-  const [createModalVisible, handleModalVisible] = useState(false);
-  /**
-   * @en-US The pop-up window of the distribution update window
-   * @zh-CN 分布更新窗口的弹窗
-   * */
-
-  const [updateModalVisible, handleUpdateModalVisible] = useState(false);
-  const [showDetail, setShowDetail] = useState(false);
-  const actionRef = useRef();
-  const [currentRow, setCurrentRow] = useState();
-  const [selectedRowsState, setSelectedRows] = useState([]);
-  /**
-   * @en-US International configuration
-   * @zh-CN 国际化配置
-   * */
-
-  const intl = useIntl();
-  const columns = [
-    {
-      title: (
-        <FormattedMessage
-          id="pages.searchTable.updateForm.ruleName.nameLabel"
-          defaultMessage="Rule name"
-        />
-      ),
-      dataIndex: 'name',
-      tip: 'The rule name is the unique key',
-      render: (dom, entity) => {
-        return (
-          <a
-            onClick={() => {
-              setCurrentRow(entity);
-              setShowDetail(true);
-            }}
-          >
-            {dom}
-          </a>
-        );
-      },
-    },
-    {
-      title: <FormattedMessage id="pages.searchTable.titleDesc" defaultMessage="Description" />,
-      dataIndex: 'desc',
-      valueType: 'textarea',
-    },
-    {
-      title: (
-        <FormattedMessage
-          id="pages.searchTable.titleCallNo"
-          defaultMessage="Number of service calls"
-        />
-      ),
-      dataIndex: 'callNo',
-      sorter: true,
-      hideInForm: true,
-      renderText: (val) =>
-        `${val}${intl.formatMessage({
-          id: 'pages.searchTable.tenThousand',
-          defaultMessage: ' 万 ',
-        })}`,
-    },
-    {
-      title: <FormattedMessage id="pages.searchTable.titleStatus" defaultMessage="Status" />,
-      dataIndex: 'status',
-      hideInForm: true,
-      valueEnum: {
-        0: {
-          text: (
-            <FormattedMessage
-              id="pages.searchTable.nameStatus.default"
-              defaultMessage="Shut down"
-            />
-          ),
-          status: 'Default',
-        },
-        1: {
-          text: (
-            <FormattedMessage id="pages.searchTable.nameStatus.running" defaultMessage="Running" />
-          ),
-          status: 'Processing',
-        },
-        2: {
-          text: (
-            <FormattedMessage id="pages.searchTable.nameStatus.online" defaultMessage="Online" />
-          ),
-          status: 'Success',
-        },
-        3: {
-          text: (
-            <FormattedMessage
-              id="pages.searchTable.nameStatus.abnormal"
-              defaultMessage="Abnormal"
-            />
-          ),
-          status: 'Error',
-        },
-      },
-    },
-    {
-      title: (
-        <FormattedMessage
-          id="pages.searchTable.titleUpdatedAt"
-          defaultMessage="Last scheduled time"
-        />
-      ),
-      sorter: true,
-      dataIndex: 'updatedAt',
-      valueType: 'dateTime',
-      renderFormItem: (item, { defaultRender, ...rest }, form) => {
-        const status = form.getFieldValue('status');
-
-        if (`${status}` === '0') {
-          return false;
-        }
-
-        if (`${status}` === '3') {
-          return (
-            <Input
-              {...rest}
-              placeholder={intl.formatMessage({
-                id: 'pages.searchTable.exception',
-                defaultMessage: 'Please enter the reason for the exception!',
-              })}
-            />
-          );
-        }
-
-        return defaultRender(item);
-      },
-    },
-    {
-      title: <FormattedMessage id="pages.searchTable.titleOption" defaultMessage="Operating" />,
-      dataIndex: 'option',
-      valueType: 'option',
-      render: (_, record) => [
-        <a
-          key="config"
-          onClick={() => {
-            handleUpdateModalVisible(true);
-            setCurrentRow(record);
-          }}
-        >
-          <FormattedMessage id="pages.searchTable.config" defaultMessage="Configuration" />
-        </a>,
-        <a key="subscribeAlert" href="https://procomponents.ant.design/">
-          <FormattedMessage
-            id="pages.searchTable.subscribeAlert"
-            defaultMessage="Subscribe to alerts"
-          />
-        </a>,
-      ],
-    },
-  ];
-  return (
-    <PageContainer>
-      <ProTable
-        headerTitle={intl.formatMessage({
-          id: 'pages.searchTable.title',
-          defaultMessage: 'Enquiry form',
-        })}
-        actionRef={actionRef}
-        rowKey="key"
-        search={{
-          labelWidth: 120,
-        }}
-        toolBarRender={() => [
-          <Button
-            type="primary"
-            key="primary"
-            onClick={() => {
-              handleModalVisible(true);
-            }}
-          >
-            <PlusOutlined /> <FormattedMessage id="pages.searchTable.new" defaultMessage="New" />
-          </Button>,
-        ]}
-        request={rule}
-        columns={columns}
-        rowSelection={{
-          onChange: (_, selectedRows) => {
-            setSelectedRows(selectedRows);
-          },
-        }}
-      />
-      {selectedRowsState?.length > 0 && (
-        <FooterToolbar
-          extra={
-            <div>
-              <FormattedMessage id="pages.searchTable.chosen" defaultMessage="Chosen" />{' '}
-              <a
-                style={{
-                  fontWeight: 600,
-                }}
-              >
-                {selectedRowsState.length}
-              </a>{' '}
-              <FormattedMessage id="pages.searchTable.item" defaultMessage="项" />
-              &nbsp;&nbsp;
-              <span>
-                <FormattedMessage
-                  id="pages.searchTable.totalServiceCalls"
-                  defaultMessage="Total number of service calls"
-                />{' '}
-                {selectedRowsState.reduce((pre, item) => pre + item.callNo, 0)}{' '}
-                <FormattedMessage id="pages.searchTable.tenThousand" defaultMessage="万" />
-              </span>
-            </div>
-          }
-        >
-          <Button
-            onClick={async () => {
-              await handleRemove(selectedRowsState);
-              setSelectedRows([]);
-              actionRef.current?.reloadAndRest?.();
-            }}
-          >
-            <FormattedMessage
-              id="pages.searchTable.batchDeletion"
-              defaultMessage="Batch deletion"
-            />
-          </Button>
-          <Button type="primary">
-            <FormattedMessage
-              id="pages.searchTable.batchApproval"
-              defaultMessage="Batch approval"
-            />
-          </Button>
-        </FooterToolbar>
-      )}
-      <ModalForm
-        title={intl.formatMessage({
-          id: 'pages.searchTable.createForm.newRule',
-          defaultMessage: 'New rule',
-        })}
-        width="400px"
-        visible={createModalVisible}
-        onVisibleChange={handleModalVisible}
-        onFinish={async (value) => {
-          const success = await handleAdd(value);
-
-          if (success) {
-            handleModalVisible(false);
-
-            if (actionRef.current) {
-              actionRef.current.reload();
-            }
-          }
-        }}
-      >
-        <ProFormText
-          rules={[
-            {
-              required: true,
-              message: (
-                <FormattedMessage
-                  id="pages.searchTable.ruleName"
-                  defaultMessage="Rule name is required"
-                />
-              ),
-            },
-          ]}
-          width="md"
-          name="name"
-        />
-        <ProFormTextArea width="md" name="desc" />
-      </ModalForm>
-      <UpdateForm
-        onSubmit={async (value) => {
-          const success = await handleUpdate(value);
-
-          if (success) {
-            handleUpdateModalVisible(false);
-            setCurrentRow(undefined);
-
-            if (actionRef.current) {
-              actionRef.current.reload();
-            }
-          }
-        }}
-        onCancel={() => {
-          handleUpdateModalVisible(false);
-
-          if (!showDetail) {
-            setCurrentRow(undefined);
-          }
-        }}
-        updateModalVisible={updateModalVisible}
-        values={currentRow || {}}
-      />
-
-      <Drawer
-        width={600}
-        visible={showDetail}
-        onClose={() => {
-          setCurrentRow(undefined);
-          setShowDetail(false);
-        }}
-        closable={false}
-      >
-        {currentRow?.name && (
-          <ProDescriptions
-            column={2}
-            title={currentRow?.name}
-            request={async () => ({
-              data: currentRow || {},
-            })}
-            params={{
-              id: currentRow?.name,
-            }}
-            columns={columns}
-          />
-        )}
-      </Drawer>
-    </PageContainer>
-  );
-};
-
-export default TableList;

src/utils/download.js

+export function fetchBlob(url) {
+  return window.fetch(url).then((response) => response.blob());
+}
+
+export function downloadBlob(blob, fileName) {
+  const url = window.URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = url;
+  link.setAttribute('download', fileName);
+  link.click();
+  window.URL.revokeObjectURL(url);
+}
+
+export function downloadUrl(url, fileName) {
+  return fetchBlob(url).then((blob) => downloadBlob(blob, fileName));
+}

src/utils/hooks/useExport.js

+import { useState, useCallback } from 'react';
+
+export default (expFunc) => {
+  const [loading, setLoading] = useState(false);
+
+  const fn = useCallback(
+    (...args) => {
+      if (typeof expFunc === 'function') {
+        setLoading(true);
+        expFunc(...args)
+          .then(() => {
+            setLoading(false);
+          })
+          .catch(() => {
+            setLoading(false);
+          });
+      }
+    },
+    [setLoading, expFunc],
+  );
+
+  return [loading, fn];
+};

src/utils/request.js

+import { request } from 'umi';
+import { downloadBlob } from './download';
+
+function requestInterceptor(url, options) {
+  const headers = options.headers || {};
+  const token = localStorage.getItem('token')
+    ? { 'X-Authorization-JWT': localStorage.getItem('token') }
+    : {};
+  const prefix =
+    process.env.NODE_ENV === 'production' ? 'http://sgl-v2.njyunzhi.com/api/admin' : '/api/admin';
+
+  return {
+    url: `${prefix}${url}`,
+    options: {
+      ...options,
+      headers: {
+        ...headers,
+        ...token,
+      },
+    },
+  };
+}
+
+async function responseInterceptor(response) {
+  const contextType = response.headers.get('content-type');
+  if (contextType.indexOf('json') > -1) {
+    const result = await response.clone().json();
+    if (result?.token || result?.data?.token) {
+      localStorage.setItem('token', result?.token || result?.data?.token);
+    }
+
+    if (result.code === 1000) {
+      return result;
+    }
+    return Promise.reject(result);
+  }
+
+  if (contextType.indexOf('application/vnd.ms-excel') > -1) {
+    const data = await response.clone().blob();
+    const content = response.headers.get('content-disposition');
+    const fileName = content.replace('attachment;filename=', '');
+    downloadBlob(data, decodeURIComponent(fileName));
+  }
+
+  return response;
+}
+
+// https://umijs.org/plugins/plugin-request
+export const requestConfig = {
+  errorConfig: {
+    adaptor: (resData) => {
+      return {
+        ...resData,
+        success: resData.code === 1000,
+        errorMessage: resData.message,
+        showType: 0, // 静默处理错误
+      };
+    },
+  },
+  requestInterceptors: [requestInterceptor],
+  responseInterceptors: [responseInterceptor],
+};
+
+export default (...args) => request(...args).then((r) => r.data);
+
+export function queryTable(apiRequest) {
+  return function (params) {
+    return apiRequest({
+      ...params,
+      pageNum: params.current,
+    })
+      .then((res) => {
+        return {
+          data: res.records,
+          success: true,
+          total: res.total,
+        };
+      })
+      .catch((err) => {
+        return {
+          success: false,
+        };
+      });
+  };
+}