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