| | |
| | | ></el-avatar> |
| | | <div class="satisfaction" v-if="!hideReviews"> |
| | | <template v-if="client.satisfactionScore"> |
| | | TODO:隱藏滿意度 |
| | | <i class="icon-star pam-icon icon--yellow satisfaction"></i> |
| | | <span>{{client.satisfactionScore}}</span> |
| | | </template> |
| | |
| | | v-else-if="client.communicateStatus === contactStatus.CONTACTED"> |
| | | 結案 |
| | | </div> |
| | | <div |
| | | <!-- <div |
| | | class="invite-msg smTxt_bold" |
| | | @click.stop="inviteReview" |
| | | v-else-if="!client.satisfactionScore"> |
| | | 發送滿意度 |
| | | </div> |
| | | </div> --> |
| | | |
| | | <div |
| | | class="date xsTxt text--black" |
| | |
| | | <p>性別:<span>{{gender}}</span></p> |
| | | <p>年齡:<span>{{client.age | toAgeLabel }}</span></p> |
| | | <p>職業:<span>{{client.job}}</span></p> |
| | | <p>需求:<span>{{client.requirement.split(',').join('、')}}</span></p> |
| | | <p>諮詢方式:<span>{{client.consultationMethod | toConsultationMethod }}</span></p> |
| | | <p>需求:<span>{{ client.requirement ? client.requirement.split(',').join('、') : '--' }}</span></p> |
| | | <p v-for="(item, index) in hopeContactTime" |
| | | :key="index" |
| | | >連絡時段{{index + 1 | formatNumber}}:<span>{{ item | formatHopeContactTime}}</span></p> |
| | |
| | | @appointmentStore.Action |
| | | getAppointmentDetail!: (appointmentId: number) => Promise<Appointment>; |
| | | |
| | | @appointmentStore.Action |
| | | updateAppointmentDetail!: (id: number) => Appointment; |
| | | |
| | | @appointmentStore.Getter |
| | | appointmentProgress!: ContactStatus; |
| | | |
| | |
| | | |
| | | viewAppointmentDetail(): void { |
| | | this.getAppointmentDetail(this.client.id).then((_) => { |
| | | this.readAppointment(); |
| | | const unread = !this.client.consultantReadTime; |
| | | if (unread) { |
| | | this.readAppointment(); |
| | | } |
| | | this.$router.push(`/appointment/${this.client.id}`); |
| | | }); |
| | | } |
| | |
| | | reviewsService.sendSatisfactionToClient(this.client.id).then(res => { |
| | | this.isShowInviteReviewDialog = true ; |
| | | }) |
| | | |
| | | } |
| | | |
| | | openDetail() { |
| | |
| | | } |
| | | |
| | | private readAppointment(): void { |
| | | const unread = !this.client.consultantReadTime; |
| | | if (unread) { |
| | | appointmentService.recordRead(this.client.id).then((_) => { |
| | | const updatedClient = {...this.client}; |
| | | updatedClient.consultantReadTime = new Date().toString(); |
| | | this.updateMyAppointmentList(updatedClient); |
| | | }); |
| | | }; |
| | | appointmentService.recordRead(this.client.id).then((_) => { |
| | | const updatedClient = {...this.client}; |
| | | updatedClient.consultantReadTime = new Date().toString(); |
| | | this.updateMyAppointmentList(updatedClient); |
| | | this.updateAppointmentDetail(this.client.id); |
| | | }); |
| | | } |
| | | |
| | | private clearAppointmentIdFromMsg() { |
| | |
| | | } |
| | | |
| | | get requirements() { |
| | | return this.client.requirement.split(','); |
| | | return this.client.requirement ? this.client.requirement.split(',') : []; |
| | | } |
| | | |
| | | get gender() { |
| | |
| | | .professionals { |
| | | overflow : hidden; |
| | | text-overflow: ellipsis; |
| | | white-space : nowrap; |
| | | display: -webkit-box; |
| | | -webkit-box-orient: vertical; |
| | | -webkit-line-clamp: 1; |
| | | .professionalsTxt { |
| | | font-size : 12px; |
| | | margin-right: 5px; |
| | | |
| | | |
| | | } |
| | | .noProfessionalsTxt { |
| | | color : $PRUDENTIAL_GREY; |
| | |
| | | display: flex; |
| | | } |
| | | .invite-msg{ |
| | | width: 96px; |
| | | color: $PRIMARY_RED; |
| | | @extend .text--underline; |
| | | } |