| | |
| | | class="cus-tab-item" |
| | | :class="{'is-active': activeTabName === 'appointmentList'}" |
| | | @click="clickTab('appointmentList')" |
| | | >客戶預約 |
| | | <span class="p">({{appointmentList.length}})</span> |
| | | > |
| | | <span class="smTxt">未聯絡({{ appointmentList.length }})</span> |
| | | </div> |
| | | <div |
| | | class="cus-tab-item" |
| | | :class="{'is-active': activeTabName === 'onProgressList'}" |
| | | @click="clickTab('onProgressList')" |
| | | > |
| | | <span class="smTxt">約訪中({{ appointmentList.length }})</span> |
| | | </div> |
| | | <div |
| | | class="cus-tab-item" |
| | | :class="{'is-active': activeTabName === 'contactedList'}" |
| | | @click="clickTab('contactedList')" |
| | | >已聯絡 |
| | | <span class="p">({{contactedList.length}})</span> |
| | | > |
| | | <span class="smTxt">結案({{ contactedList.length }})</span> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | |
| | | import * as _ from 'lodash'; |
| | | |
| | | import { ClientInfo } from '~/shared/models/client.model'; |
| | | import { Appointment } from '~/shared/models/appointment.model'; |
| | | |
| | | const localStorage = namespace('localStorage'); |
| | | |
| | |
| | | export default class ClientReservedList extends Vue { |
| | | |
| | | @State('myAppointmentList') |
| | | myAppointmentList!: ClientInfo[]; |
| | | myAppointmentList!: Appointment[]; |
| | | |
| | | @State('myNewAppointmentSum') |
| | | newAppointmentSum!: number; |
| | |
| | | currentAppointmentIdFromMsg!: string; |
| | | |
| | | activeTabName : string = 'appointmentList'; |
| | | appointmentList : ClientInfo[] = []; |
| | | clients : ClientInfo[] = []; |
| | | contactedList : ClientInfo[] = []; |
| | | appointmentList : Appointment[] = []; |
| | | clients : Appointment[] = []; |
| | | contactedList : Appointment[] = []; |
| | | showNewAppointmentHint: boolean = false; |
| | | |
| | | ////////////////////////////////////////////////////////////////////// |
| | |
| | | this.showNewAppointmentHint = this.newAppointmentSum > 0; |
| | | } |
| | | |
| | | @Watch('$route') |
| | | @Watch('$route', {immediate: true}) |
| | | onRouteChange() { |
| | | const routeFullName = this.$route.name; |
| | | if (routeFullName) { |