update: 顧問-預約單列表調整為三個頁面籤的邏輯調整

Tomas

2022-01-14 5e17ffe4ac5922abec6114d7da4c39f50d6768a6

 PAMapp/pages/myAppointmentList/appointmentList.vue

@@ -27,6 +27,7 @@
import { Vue, Component, State, Watch, namespace } from 'nuxt-property-decorator';

import { Appointment } from '~/shared/models/appointment.model';
import { ContactStatus } from '~/shared/models/enum/contact-status';


const localStorage = namespace('localStorage');
@@ -44,6 +45,7 @@
    keyWord        : string       = '';
    pageList       : Appointment[] = [];
    currentPage    : number = 1;
    contactStatus  = ContactStatus;

    //////////////////////////////////////////////////////////////////////

@@ -55,13 +57,14 @@

    @Watch('myAppointmentList')
    onMyAppointmentListChange(): void {
      const unViewList = this.myAppointmentList
          .filter((item) => item.communicateStatus !== 'contacted' && !item.consultantViewTime)
          .map((item) => ({ ...item, sortTime: new Date(item.appointmentDate)}))
          .sort((preItem, nextItem) => +nextItem.sortTime - +preItem.sortTime);
      // const unViewList = this.myAppointmentList
      //     .filter((item) => item.communicateStatus === 'contacted' && !item.consultantViewTime)
      //     .map((item) => ({ ...item, sortTime: new Date(item.appointmentDate)}))
      //     .sort((preItem, nextItem) => +nextItem.sortTime - +preItem.sortTime);


      const tempViewList = this.myAppointmentList
          .filter(item => item.communicateStatus !== 'contacted' && item.consultantViewTime);
          .filter(item => item.communicateStatus === this.contactStatus.RESERVED && item.consultantViewTime);

      // TODO: 後續如需針對 unreadList 做更細緻的排序，則需請後端提供判斷依據（例如： createTime）。[Tomas, 2021/12/16];å
      const unreadList = tempViewList
@@ -71,7 +74,8 @@
                    .map((item) => ({ ...item, sortTime: new Date(item.consultantReadTime)}))
                    .sort((preItem, nextItem) => +nextItem.sortTime - +preItem.sortTime);

      this.appointmentList = [...unViewList, ...unreadList, ...readList];
      this.appointmentList = [ ...unreadList, ...readList];
      // this.appointmentList = [...unViewList, ...unreadList, ...readList];
      this.filterList = this.appointmentList;

      this.getCurrentPage();