feat: prolist in /admin/report

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 = {