first commit

src/mock/index.ts

@@ -0,0 +1,15 @@
+/*
+ * @Author: 田鑫
+ * @Date: 2023-03-05 18:49:06
+ * @LastEditors: 田鑫
+ * @LastEditTime: 2023-03-05 18:49:20
+ * @Description: Mock数据
+ */
+
+import Mock from 'mockjs';
+import './table';
+
+
+Mock.setup({
+  timeout: '600-1000',
+});

src/mock/setup-mock.ts

@@ -0,0 +1,31 @@
+/*
+ * @Author: 田鑫
+ * @Date: 2023-03-05 18:59:18
+ * @LastEditors: 田鑫
+ * @LastEditTime: 2023-03-05 19:02:04
+ * @Description: mock设置
+ */
+
+export default ({ mock, setup }: { mock?: boolean; setup: () => void }) => {
+  if (mock !== false) setup();
+};
+
+export const successResponseWrap = (data: unknown) => {
+  return {
+    success: true,
+    msg: '请求成功',
+    code: 200,
+    data,
+    timestamp: new Date().getTime(),
+  };
+};
+
+export const failResponseWrap = (data: unknown, msg: string, code = 50000) => {
+  return {
+    data,
+    success: false,
+    msg,
+    code,
+    timestamp: new Date().getTime(),
+  };
+};

src/mock/table.ts

@@ -0,0 +1,28 @@
+import type { IExample } from '@/api/example';
+import Mock from 'mockjs';
+import setupMock, { successResponseWrap } from './setup-mock';
+
+setupMock({
+  setup() {
+    Mock.mock(new RegExp('/api/example-table'), () => {
+      let tableData: IExample.ITableResponse[] = [];
+
+      let count = 20;
+
+      tableData = new Array(count).fill('').map((item, index) => ({
+        id: `${item + 1}`,
+        column1: `第${item + 1}列的第${index + 1}条数据`,
+        column2: `第${item + 2}列的第${index + 1}条数据`,
+        column3: `第${item + 3}列的第${index + 1}条数据`,
+        column4: `第${item + 4}列的第${index + 1}条数据`,
+        column5: `第${item + 5}列的第${index + 1}条数据`,
+      }));
+      return successResponseWrap({
+        records: tableData,
+        total: tableData.length,
+        current: 1,
+        size: 20,
+      });
+    });
+  },
+});