| | |
| | | placeholder="請輸入關鍵字" |
| | | class="mb-30 pam-clientReserved-input" |
| | | v-model="keyWord" |
| | | @keyup.enter.native="search" |
| | | > |
| | | <i |
| | | slot="suffix" |
| | |
| | | ></ClientList> |
| | | |
| | | <UiPagination |
| | | :totalList="contactedList" |
| | | :totalList="filterList" |
| | | @changePage="changePage" |
| | | ></UiPagination> |
| | | </div> |
| | |
| | | onMyAppointmentListChange() { |
| | | this.contactedList = (this.myAppointmentList || []) |
| | | .filter(item => item.communicateStatus === 'contacted') |
| | | .sort((a, b) => a.appointmentDate > b.appointmentDate ? -1 : 1); |
| | | .sort((a, b) => a.contactTime > b.contactTime ? -1 : 1); |
| | | this.filterList = this.contactedList; |
| | | } |
| | | |
| | | mounted() { |
| | | console.log('ClientContactedList mounted'); |
| | | |
| | | this.onMyAppointmentListChange(); |
| | | } |
| | | |