From cc663139f6abd63f7deac4739b63db754baf595c Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期三, 29 十二月 2021 12:31:00 +0800
Subject: [PATCH] update: TODO#132858 顧問經由簡訊或mail 點擊 url 查看客戶預約清單

---
 PAMapp/pages/myAppointmentList/appointmentList.vue |   20 +++++++++++++++++++-
 1 files changed, 19 insertions(+), 1 deletions(-)

diff --git a/PAMapp/pages/myAppointmentList/appointmentList.vue b/PAMapp/pages/myAppointmentList/appointmentList.vue
index 7ed2b61..7c39615 100644
--- a/PAMapp/pages/myAppointmentList/appointmentList.vue
+++ b/PAMapp/pages/myAppointmentList/appointmentList.vue
@@ -17,26 +17,32 @@
 
         <UiPagination
             :totalList="filterList"
+            :currentPage="currentPage"
             @changePage="changePage"
         ></UiPagination>
     </div>
 </template>
 
 <script lang="ts">
-import { Vue, Component, State, Watch } from 'nuxt-property-decorator';
+import { Vue, Component, State, Watch, namespace } from 'nuxt-property-decorator';
 
 import { ClientInfo } from '~/shared/models/client.model';
 
+const localStorage = namespace('localStorage');
 @Component
 export default class ClientReservedList extends Vue {
 
     @State('myAppointmentList')
     myAppointmentList!: ClientInfo[];
 
+    @localStorage.Getter
+    currentAppointmentIdFromMsg!: string;
+
     appointmentList: ClientInfo[] = [];
     filterList     : ClientInfo[] = [];
     keyWord        : string       = '';
     pageList       : ClientInfo[] = [];
+    currentPage    : number = 1;
 
     //////////////////////////////////////////////////////////////////////
 
@@ -66,8 +72,20 @@
 
       this.appointmentList = [...unViewList, ...unreadList, ...readList];
       this.filterList = this.appointmentList;
+
+      this.getCurrentPage();
     }
 
+    private getCurrentPage() {
+        const currentIndex = this.filterList
+            .findIndex(item => item.id === +this.currentAppointmentIdFromMsg);
+        const pageSize = 5;
+        if (currentIndex > -1) {
+            this.currentPage = Math.ceil((currentIndex + 1) / pageSize);
+        }
+    }
+
+    //////////////////////////////////////////////////////////////////////
     search(): void {
         this.filterList = this.appointmentList.filter(item => {
             return item.name.match(this.keyWord) || item.requirement.match(this.keyWord)

--
Gitblit v1.8.0