增加服务器数据读取

src/stores/Reservation.js

@@ -1,5 +1,6 @@
 import { makeAutoObservable, runInAction } from "mobx";
 import * as req from '@/utils/request';
+import { HT_HOST } from "@/config";
 import { prepareUrl } from '@/utils/commons';
 
 class Reservation {
@@ -10,50 +11,71 @@ class Reservation {
   }
 
   fetchRecent() {
-    runInAction(() => {
-      this.reservationList = [
-        {
-          key: '1',
-          id: '1',
-          referenceNumber: '111029-N111025076',
-          arrivalDate: '2023-04-08',
-          pax: '5AD 1CH',
-          status: 'Confirm',
-          reservationDate: '2023-04-08 19:31',
-          guide: 'Bill',
-        },
-        {
-          key: '2',
-          id: '3',
-          referenceNumber: '111029-N111025076',
-          arrivalDate: '2023-04-08',
-          pax: '5AD 1CH',
-          status: 'Confirm',
-          reservationDate: '2023-04-08 19:31',
-          guide: 'Jim',
-        },
-        {
-          key: '3',
-          id: '3',
-          referenceNumber: '111029-N111025076',
-          arrivalDate: '2023-05-08',
-          pax: '3AD',
-          status: 'Confirm',
-          reservationDate: '2023-01-08 19:31',
-          guide: 'Giffigan',
-        },
-        {
-          key: '3',
-          id: '3',
-          referenceNumber: '111029-N111025076',
-          arrivalDate: '2023-05-08',
-          pax: '3AD',
-          status: 'Confirm',
-          reservationDate: '2023-01-08 19:31',
-          guide: 'Laurie Notaro',
-        },
-      ];
+    
+    req.fetchJSON(HT_HOST + '/service-tourdesign/GetPlanSearchList?VEISn=628&GroupNo=&DateStart=2023-01-01&DataEnd=2023-05-01&ReTotal=0&PageSize=10&PageNum=0&PageIndex=1')
+    .then(json => {
+      runInAction(() => {
+        this.reservationList = json.data.map((data, index) => {
+          return {
+            key: '1',
+            id: data.vas_gri_sn,
+            referenceNumber: data.GriName,
+            arrivalDate: data.GetGDate,
+            pax: data.PersonNum,
+            status: data.GState,
+            reservationDate: data.GetGDate,
+            guide: data.Guide,
+          }
+        });
+      });
+    })
+    .then(() => {
     });
+
+    // runInAction(() => {
+    //   this.reservationList = [
+    //     {
+    //       key: '1',
+    //       id: '1',
+    //       referenceNumber: '111029-N111025076',
+    //       arrivalDate: '2023-04-08',
+    //       pax: '5AD 1CH',
+    //       status: 'Confirm',
+    //       reservationDate: '2023-04-08 19:31',
+    //       guide: 'Bill',
+    //     },
+    //     {
+    //       key: '2',
+    //       id: '3',
+    //       referenceNumber: '111029-N111025076',
+    //       arrivalDate: '2023-04-08',
+    //       pax: '5AD 1CH',
+    //       status: 'Confirm',
+    //       reservationDate: '2023-04-08 19:31',
+    //       guide: 'Jim',
+    //     },
+    //     {
+    //       key: '3',
+    //       id: '3',
+    //       referenceNumber: '111029-N111025076',
+    //       arrivalDate: '2023-05-08',
+    //       pax: '3AD',
+    //       status: 'Confirm',
+    //       reservationDate: '2023-01-08 19:31',
+    //       guide: 'Giffigan',
+    //     },
+    //     {
+    //       key: '3',
+    //       id: '3',
+    //       referenceNumber: '111029-N111025076',
+    //       arrivalDate: '2023-05-08',
+    //       pax: '3AD',
+    //       status: 'Confirm',
+    //       reservationDate: '2023-01-08 19:31',
+    //       guide: 'Laurie Notaro',
+    //     },
+    //   ];
+    // });
   }
 
   reservationList = [];

src/views/reservation/Newest.jsx

@@ -44,7 +44,7 @@ function Newest() {
   ];
   
   function guideRender(text, record) {
-    if (record.key === '3') {
+    if (record.guide === '') {
       return (
         <Space size="middle">
           <Button type="link" onClick={() => showModal()}>Fill in</Button>