feat: add axios

sanmu
1 parent 8b2bcc88
Showing 6 changed files with 46 additions and 22 deletions
package.json
pnpm-lock.yaml
src/models/user.ts
src/pages/Order/components/OrderDrawer.tsx
src/pages/Order/index.tsx
src/services/request.ts
@@ -17,6 +17,7 @@
     "@inspir/assembly-css": "1.0.0-alpha",
     "@umijs/max": "^4.0.87",
     "antd": "^5.10.2",
+    "axios": "^1.6.1",
     "lodash": "^4.17.21"
   },
   "devDependencies": {
@@ -20,6 +20,9 @@ dependencies:
   antd:
     specifier: ^5.10.2
     version: registry.npmjs.org/antd@5.10.2(react-dom@18.2.0)(react@18.2.0)
+  axios:
+    specifier: ^1.6.1
+    version: registry.npmjs.org/axios@1.6.1
   lodash:
     specifier: ^4.17.21
     version: registry.npmjs.org/lodash@4.17.21
@@ -5921,6 +5924,18 @@ packages:
       - debug
     dev: false
+  registry.npmjs.org/axios@1.6.1:
+    resolution: {integrity: sha512-vfBmhDpKafglh0EldBEbVuoe7DyAavGSLWhuSm5ZSEKQnHhBf0xAAwybbNH1IkrJNGnS/VG4I5yxig1pCEXE4g==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/axios/-/axios-1.6.1.tgz}
+    name: axios
+    version: 1.6.1
+    dependencies:
+      follow-redirects: registry.npmjs.org/follow-redirects@1.15.3
+      form-data: registry.npmjs.org/form-data@4.0.0
+      proxy-from-env: registry.npmjs.org/proxy-from-env@1.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: false
+
   registry.npmjs.org/babel-jest@29.7.0(@babel/core@7.23.2):
     resolution: {integrity: sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz}
     id: registry.npmjs.org/babel-jest/29.7.0
@@ -7196,6 +7211,7 @@ packages:
     resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
     name: debug
     version: 3.2.7
+    requiresBuild: true
     peerDependencies:
       supports-color: '*'
     peerDependenciesMeta:
@@ -11061,6 +11077,7 @@ packages:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.3.tgz}
     name: ms
     version: 2.1.3
+    requiresBuild: true
     dev: false
     optional: true
@@ -12615,10 +12632,17 @@ packages:
     version: 2.5.1
     dev: false
+  registry.npmjs.org/proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz}
+    name: proxy-from-env
+    version: 1.1.0
+    dev: false
+
   registry.npmjs.org/prr@1.0.1:
     resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/prr/-/prr-1.0.1.tgz}
     name: prr
     version: 1.0.1
+    requiresBuild: true
     dev: false
     optional: true
@@ -14702,6 +14726,7 @@ packages:
     resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==, registry: https://registry.npmjs.com/, tarball: https://registry.npmjs.org/sax/-/sax-1.3.0.tgz}
     name: sax
     version: 1.3.0
+    requiresBuild: true
     dev: false
     optional: true
-import { getAdminUserList } from '@/services';
 import { useState } from 'react';
 // src/models/userModel.ts
 export default function Page() {
   const [list, setList] = useState([]);
-  const getList = async () => {
-    const res = await getAdminUserList({ query: { PageNum: 1, PageSize: 20 } });
-    setList(res.data.UserList);
-  };
+  const getList = async () => {};
   return { list, getList };
 }
 // import { PlusOutlined } from '@ant-design/icons';
+import { postErpOrderAdd } from '@/services';
 import { DrawerForm, ProFormText } from '@ant-design/pro-components';
 import { Form, message } from 'antd';
@@ -36,11 +37,7 @@ export default ({ onClose }) =&gt; {
       }}
       submitTimeout={2000}
       onFinish={async (values) => {
-        console.log(
-          '%c [  ]-40',
-          'font-size:13px; background:pink; color:#bf2c9f;',
-          values,
-        );
+        await postErpOrderAdd({ values });
         console.log(values.name);
         message.success('提交成功');
         // 不返回不会关闭弹框
+import { postErpOrderListByPage } from '@/services';
 import services from '@/services/demo';
 import {
   ActionType,
@@ -8,7 +9,7 @@ import {
   ProTable,
 } from '@ant-design/pro-components';
 import { Button, Divider, Drawer, message } from 'antd';
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import CreateForm from './components/CreateForm';
 import OrderDrawer from './components/OrderDrawer';
 import UpdateForm, { FormValueType } from './components/UpdateForm';
@@ -92,6 +93,10 @@ const TableList: React.FC&lt;unknown&gt; = () =&gt; {
   const [row, setRow] = useState<API.UserInfo>();
   const [selectedRowsState, setSelectedRows] = useState<API.UserInfo[]>([]);
   const [orderDrawerVisible, setOrderDrawerVisible] = useState<boolean>(false);
+
+  useEffect(() => {
+    postErpOrderListByPage();
+  }, []);
   const columns: ProDescriptionsItemProps<API.UserInfo>[] = [
     {
       title: '名称',
@@ -2,8 +2,8 @@
 /* tslint:disable */
 /** Do not modify manually.
 content is generated automatically by `ts-gear`. */
-import { request as requester } from "umi";
-import type {} from "./definition";
+import requester from 'axios';
+// import type {} from "./definition";
 /** @description request parameter type for postErpOrderListByPage */
 export interface PostErpOrderListByPageOption {
@@ -110,10 +110,10 @@ export type PostErpOrderListByPageResponseSuccess =
  * @consumes application/json
  */
 export const postErpOrderListByPage = /* #__PURE__ */ (() => {
-  const method = "post";
-  const url = "/erp/order/listByPage";
+  const method = 'post';
+  const url = '/erp/order/listByPage';
   function request(
-    option?: PostErpOrderListByPageOption
+    option?: PostErpOrderListByPageOption,
   ): Promise<PostErpOrderListByPageResponseSuccess> {
     return requester(request.url, {
       method: request.method,
@@ -200,10 +200,10 @@ export type PostErpOrderAddResponseSuccess = PostErpOrderAddResponse[200];
  * @consumes application/json
  */
 export const postErpOrderAdd = /* #__PURE__ */ (() => {
-  const method = "post";
-  const url = "/erp/order/add";
+  const method = 'post';
+  const url = '/erp/order/add';
   function request(
-    option: PostErpOrderAddOption
+    option: PostErpOrderAddOption,
   ): Promise<PostErpOrderAddResponseSuccess> {
     return requester(request.url, {
       method: request.method,
@@ -270,10 +270,10 @@ export type PostErpOrderUpdateResponseSuccess = PostErpOrderUpdateResponse[200];
  * @consumes application/json
  */
 export const postErpOrderUpdate = /* #__PURE__ */ (() => {
-  const method = "post";
-  const url = "/erp/order/update";
+  const method = 'post';
+  const url = '/erp/order/update';
   function request(
-    option?: PostErpOrderUpdateOption
+    option?: PostErpOrderUpdateOption,
   ): Promise<PostErpOrderUpdateResponseSuccess> {
     return requester(request.url, {
       method: request.method,