GHHub/src/stores/Reservation.js

import { create } from 'zustand'
import { fetchJSON, postForm } from '@/utils/request'
import { HT_HOST } from "@/config"
import { prepareUrl } from '@/utils/commons'
import { usingStorage } from '@/hooks/usingStorage'

export const fetchCityList = async (travelAgencyId, reservationId) => {
  const { errcode, Result } = await fetchJSON(
    `${HT_HOST}/service-cusservice/PTGetCityGuide`,
    { VEI_SN: travelAgencyId, GRI_SN: reservationId, LGC: 1 })
  return errcode !== 0 ? {} : Result;
}

export const fetchPlanDetail = async (travelAgencyId, reservationId) => {
  const json = await fetchJSON(
    `${HT_HOST}/service-cusservice/GetPlanInfo`,
    { VEI_SN: travelAgencyId, GRI_SN: reservationId })

  if (json.errcode == 0) {
    return {
      planDetail: json.PlanDetail == null ? {} : json.PlanDetail[0],
      planChangeList: json.PlanChange??[]
    }
  } else {
    return {}
  }
}

export const fetchAttachList = async (reservationId) => {

  const { errcode, result } = await fetchJSON(
    `${HT_HOST}/service-fileServer/PlanChangeFileList`,
    { GRI_SN: reservationId })
  return errcode !== 0 ? {} : result;
}

const useReservationStore = create((set, get) => ({

  cityList: [],

  selectedReservation: null,
  selectedConfirmation: null,
  arrivalDateRange: [],
  referenceNo: '',

  reservationList: [],

  reservationDetail: {
    referenceNumber: '', arrivalDate: '', tourGuide: ''
  },

  reservationPage: {
    current: 1,
    size: 10,
    total: 0
  },

  confirmationList: [
  ],

  getCityListByReservationId: async (reservationId) => {
    const { travelAgencyId } = usingStorage()
    set(() => ({
      cityList: []
    }))

    const cityListJson = await fetchCityList(travelAgencyId, reservationId)
    const mapCityList = cityListJson.map((data) => {
      return {
        key: data.CII_SN,
        cityId: data.CII_SN,
        cityName: data.CityName,
        tourGuideId: data.TGI_SN,
        tourGuide: data.GuideName
      }
    })
    set(() => ({
      cityList: mapCityList
    }))
  },

  selectReservation: (reservation) => {
    set(() => ({
      selectedReservation: reservation
    }))
  },

  selectConfirmation: (confirmation) => {
    set(() => ({
      selectedConfirmation: confirmation
    }))
  },

  fetchReservationList: (formVal, current=1) => {
    const { travelAgencyId } = usingStorage()
    const { reservationPage } = get()
    // 设置为 0，后端会重新计算总数，当跳转第 X 页时可用原来的总数。
    const totalNum = current == 1 ? 0 : reservationPage.total;
    const fetchUrl = prepareUrl(HT_HOST + '/service-cusservice/GetPlanSearchList')
      .append('VEI_SN', travelAgencyId)
      .append('GroupNo', formVal.referenceNo)
      .append('DateStart', formVal.startdate)
      .append('DateEnd', formVal.enddate)
      .append('NotConfirm', '')//status)// Todo: 待解决
      .append('TotalNum', totalNum)
      .append('PageSize', reservationPage.size)
      .append('PageIndex', current)
      .build();

    return fetchJSON(fetchUrl)
      .then(json => {
        if (json.errcode == 0) {
          const mapReservationList = (json?.Result??[]).map((data, index) => {
            return {
              key: data.vas_gri_sn,
              reservationId: data.vas_gri_sn,
              referenceNumber: data.GriName,
              arrivalDate: data.GetGDate,
              pax: data.PersonNum,
              status: data.GState,
              reservationDate: data.SendDate,
              guide: data.Guide
            }
          })
          set((state) => ({
            reservationList: mapReservationList,
            reservationPage: {
              ...
              state.reservationPage,
              current: current,
              total: (json?.Result??[{RsTotal: 0}])[0].RsTotal
            }
          }))
        } else {
          throw new Error(json.errmsg + ': ' + json.errcode);
        }
      });
  },

  fetchAllGuideList: () => {
    const { travelAgencyId } = usingStorage()
    const fetchUrl = prepareUrl(HT_HOST + '/service-cusservice/PTGetGuideList')
      .append('VEI_SN', travelAgencyId)
      .build();

    return fetchJSON(fetchUrl)
      .then(json => {
        if (json.errcode == 0) {
          const guideList = (json?.Result??[]).map((data, index) => {
            return {
              guideId: data.TGI_SN,
              guideName: data.TGI2_Name,
              mobileNo: data.TGI_Mobile
            }
          });
          return guideList;
        } else {
          throw new Error(json.errmsg + ': ' + json.errcode);
        }
      });
  },

  getReservationDetail: async (reservationId) => {
    const { travelAgencyId } = usingStorage()
    const { planDetail, planChangeList } = await fetchPlanDetail(travelAgencyId, reservationId)
    const attachListJson = await fetchAttachList(reservationId)

    const mapConfirmationList = planChangeList.map((data) => {
      const filterAttchList = attachListJson.filter(attch => {
        return attch.PCI_SN === data.PCI_SN;
      });
      return {
        key: data.PCI_SN,
        PCI_Changetext: data.PCI_Changetext,
        PCI_SendDate: data.PCI_SendDate,
        ConfirmPerson: data.ConfirmPerson,
        PCI_ConfirmText: data.PCI_ConfirmText,
        PCI_ConfirmDate: data.PCI_ConfirmDate,
        VAS_SN: data.PCI_VAS_SN,
        attachmentList: filterAttchList
      }
    })

    set(() => ({
      reservationDetail: {
        referenceNumber: planDetail.GRI_Name,
        tourGuide: planDetail.Guide,
        arrivalDate: planDetail.eoi_getdate,
        reservationId: reservationId
      },
      confirmationList: mapConfirmationList
    }))
  },

  submitConfirmation: (confirmText) => {
    const { userId, travelAgencyId } = usingStorage()
    const { selectedConfirmation, getReservationDetail, reservationDetail } = get()
    const formData = new FormData()
    formData.append('PCI_SN', selectedConfirmation.key)
    formData.append('OPSN', userId)
    formData.append('ConfirmText', confirmText)
    formData.append('VAS_SN', selectedConfirmation.VAS_SN)

    const postUrl = HT_HOST + '/service-cusservice/PTConfirmPlanChange'

    return postForm(postUrl, formData)
      .then(json => {
        if (json.errcode == 0 && json.Result.length == 1) {
          getReservationDetail(travelAgencyId, reservationDetail.reservationId)
          return json
        }
      });
  },

  setupCityGuide: (cityId, guideId) => {
    const { selectedReservation } = get()
    const { userId, travelAgencyId } = usingStorage()
    const formData = new FormData()
    formData.append('GRI_SN', selectedReservation.reservationId)
    formData.append('VEI_SN', travelAgencyId)
    formData.append('TGI_SN', guideId)
    formData.append('CII_SN', cityId)
    formData.append('GetDate', selectedReservation.reservationDate)
    formData.append('LMI_SN', userId)
    const postUrl = HT_HOST + '/service-cusservice/PTAddGuide'

    return postForm(postUrl, formData)
      .then(json => {
        if (json.errcode != 0) {
          throw new Error(json.errmsg + ': ' + json.errcode)
        }
      });
  },



  updateReservationGuide: () => {
    const { selectedReservation } = get()
    const { travelAgencyId } = usingStorage()
    const fetchUrl = prepareUrl(HT_HOST + '/service-cusservice/PTGetCityGuide')
      .append('VEI_SN', travelAgencyId)
      .append('GRI_SN', selectedReservation.reservationId)
      .append('LGC', 1)
      .build();

    return fetchJSON(fetchUrl)
      .then(json => {
        if (json.errcode == 0) {
          const reservationGuide = (json?.Result??[]).filter((data) => {
            return data.TGI_SN != 0
          }).map((data) => {
            return data.GuideName
          }).join(',')

          runInAction(() => {
            selectedReservation.guide = reservationGuide
          })

          set((state) => ({
            selectedReservation: {
              ...state.selectedReservation,
              guide: reservationGuide,
            },
          }))

          return reservationGuide
        } else {
          throw new Error(json.errmsg + ': ' + json.errcode)
        }
      })
  }
}))

export default useReservationStore