feat: prolist in /admin/report

config/routes.ts

@@ -14,6 +14,8 @@ export default [
       { path: '/admin', redirect: '/admin/dutyinfo' },
       { path: '/admin/dutyinfo', name: '值班信息', component: './Admin/DutyInfo' },
       { path: '/admin/dutytable', name: '值班表管理', component: './Admin/DutyTable' },
+      { path: '/admin/report', name: '反馈信息', component: './Admin/Report' },
+      { path: '/admin/logs', name: '日志', component: './Admin/Logs' },
     ],
   },
   {
@@ -25,7 +27,6 @@ export default [
       { path: '/leader/conclusion', name: '值班总结', component: './Leader/Conclusion' },
     ],
   },
-  { name: '日志', icon: 'clockCircle', path: '/logs', component: './Logs' },
   { name: '关于我们', icon: 'thunderbolt', path: '/about', component: './About' },
   { path: '/', redirect: '/welcome' },
   { path: '*', layout: false, component: './404' },

mock/reportlist.json

@@ -1,60 +1,70 @@
 [
   {
     "name": "晓洋",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333333",
     "time": "2024-03-07T17:52:48.523303",
     "text": "你们为什么修不好天选3的PD充电？"
   },
   {
     "name": "晓洋1",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333334",
     "time": "2024-03-07T17:53:48.523303",
     "text": "你们为什么修不好天选4的PD充电？"
   },
   {
     "name": "晓洋2",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333335",
     "time": "2024-03-07T17:54:48.523303",
     "text": "你们为什么修不好天选5的PD充电？"
   },
   {
     "name": "晓洋3",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333336",
     "time": "2024-03-07T17:55:48.523303",
     "text": "你们为什么修不好天选6的PD充电？"
   },
   {
     "name": "晓洋4",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333337",
     "time": "2024-03-07T17:56:48.523303",
-    "text": "你们为什么修不好天选7的PD充电？"
+    "text": "你们为什么修不好天选7的PD充电？我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了我要气死了"
   },
   {
     "name": "晓洋5",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333338",
     "time": "2024-03-07T17:57:48.523303",
     "text": "你们为什么修不好天选8的PD充电？"
   },
   {
     "name": "晓洋6",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333339",
     "time": "2024-03-07T17:58:48.523303",
     "text": "你们为什么修不好天选9的PD充电？"
   },
   {
     "name": "晓洋7",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333330",
     "time": "2024-03-07T17:59:48.523303",
     "text": "你们为什么修不好天选0的PD充电？"
   },
   {
     "name": "晓洋8",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333331",
     "time": "2024-03-07T18:52:48.523303",
     "text": "你们为什么修不好天选1的PD充电？"
   },
   {
     "name": "晓洋9",
+    "avatar": "https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",
     "phone": "13333333332",
     "time": "2024-03-07T19:52:48.523303",
     "text": "你们为什么修不好天选2的PD充电？"

src/pages/Admin/Logs/index.tsx

@@ -54,7 +54,7 @@ const Logs: React.FC = () => {
               },
             },
             actions: {
-              render: (text, row) => [
+              render: () => [
                 <a href="" target="_blank" rel="noopener noreferrer" key="view">
                   查看
                 </a>,

src/pages/Admin/Report/index.tsx

@@ -0,0 +1,66 @@
+import { PageContainer, ProList } from '@ant-design/pro-components';
+import { Card, Space, Tag } from 'antd';
+import moment from 'moment';
+import request from 'umi-request';
+import { ReportItem } from './reportItem';
+
+const Logs: React.FC = () => {
+  return (
+    <PageContainer>
+      <Card>
+        <ProList<ReportItem>
+          search={{
+            filterType: 'light',
+          }}
+          rowKey="name"
+          headerTitle="反馈列表"
+          request={async (params = {} as Record<string, any>) =>
+            request<{
+              data: ReportItem[];
+            }>('/admin/reportlist', {
+              params,
+            })
+          }
+          pagination={{
+            pageSize: 10,
+          }}
+          metas={{
+            title: {
+              dataIndex: 'name',
+              title: '用户',
+            },
+            avatar: {
+              dataIndex: 'avatar',
+              search: false,
+            },
+            subTitle: {
+              dataIndex: 'phone',
+              render: (_, row) => {
+                return (
+                  <Space size={0}>
+                    <Tag color="blue" key={row.name}>
+                      {row.phone}
+                    </Tag>
+                  </Space>
+                );
+              },
+              title: '联系方式',
+            },
+            description: {
+              dataIndex: 'text',
+              search: false,
+            },
+            extra: {
+              dataIndex: 'time',
+              render: (_, row) => {
+                return <div>{moment(row.time).format('YYYY-M-D HH:mm:ss')}</div>;
+              },
+              search: false,
+            },
+          }}
+        />
+      </Card>
+    </PageContainer>
+  );
+};
+export default Logs;

src/pages/Admin/Report/reportItem.ts

@@ -0,0 +1,6 @@
+export type ReportItem = {
+  name: string;
+  phone: string;
+  time: string;
+  text: string;
+};

src/services/typings.d.ts

@@ -1,4 +1,4 @@
-import { LogsItem } from '@/pages/Logs/logItem';
+import { LogsItem } from '@/pages/Admin/Logs/logItem';
 
 declare namespace API {
   type CurrentUser = {