| | |
|---|
| | | placeholder="請輸入關鍵字" |
|---|
| | | class="mb-30 pam-clientReserved-input" |
|---|
| | | v-model="keyWord" |
|---|
| | | @keyup.enter.native="search" |
|---|
| | | @input="search" |
|---|
| | | > |
|---|
| | | <i slot="suffix" class="icon-search search cursor--pointer" @click="search"></i> |
|---|
| | | <i slot="suffix" class="icon-search search cursor--pointer"></i> |
|---|
| | | </el-input> |
|---|
| | | |
|---|
| | | <ClientList |
|---|
| | |
|---|
| | | |
|---|
| | | @Watch('myAppointmentList') |
|---|
| | | onMyAppointmentListChange(): void { |
|---|
| | | const tempViewList = this.myAppointmentList |
|---|
| | | .filter(item => item.communicateStatus === this.contactStatus.RESERVED); |
|---|
| | | this.appointmentList = this.myAppointmentList |
|---|
| | | .filter(item => item.communicateStatus === this.contactStatus.RESERVED) |
|---|
| | | .map((item) => ({ ...item, sortTime: new Date(item.lastModifiedDate)})) |
|---|
| | | .sort((preItem, nextItem) => +nextItem.sortTime - +preItem.sortTime); |
|---|
| | | |
|---|
| | | // TODO: 後續如需針對 unreadList 做更細緻的排序，則需請後端提供判斷依據（例如： createTime）。[Tomas, 2021/12/16]; |
|---|
| | | const unreadList = tempViewList |
|---|
| | | .filter((item) => !item.consultantReadTime); |
|---|
| | | const readList = tempViewList |
|---|
| | | .filter((item) => item.consultantReadTime) |
|---|
| | | .map((item) => ({ ...item, sortTime: new Date(item.consultantReadTime)})) |
|---|
| | | .sort((preItem, nextItem) => +nextItem.sortTime - +preItem.sortTime); |
|---|
| | | |
|---|
| | | this.appointmentList = [ ...unreadList, ...readList]; |
|---|
| | | this.filterList = this.appointmentList; |
|---|
| | | |
|---|
| | | this.getCurrentPage(); |
|---|
| | |
|---|
| | | ////////////////////////////////////////////////////////////////////// |
|---|
| | | |
|---|
| | | search(): void { |
|---|
| | | this.filterList = this.appointmentList.filter(item => { |
|---|
| | | return item.name.match(this.keyWord) || item.requirement.match(this.keyWord) |
|---|
| | | }) |
|---|
| | | if (this.keyWord) { |
|---|
| | | this.filterList = this.appointmentList.filter(item => { |
|---|
| | | return item.name.match(this.keyWord) || item.requirement.match(this.keyWord); |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | this.filterList = this.appointmentList; |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | changePage(pageList: Appointment[]): void { |
|---|
