| | |
|---|
| | | :fileName="avatarFileName" |
|---|
| | | @click.native="showAgentDetail(agentInfo.agentNo)" |
|---|
| | | ></UiAvatar> |
|---|
| | | <div> |
|---|
| | | <!-- TODO:隱藏滿意度 --> |
|---|
| | | <div v-if="!hideReviews"> |
|---|
| | | <i class="icon-star pam-icon icon--yellow satisfaction" v-if="!(latestContactedAppointment && !latestContactedAppointment.satisfactionScore)"></i> |
|---|
| | | <span v-if="agentInfo.contactStatus === 'contacted' && latestContactedAppointment && latestContactedAppointment.satisfactionScore"> |
|---|
| | | {{ latestContactedAppointment && latestContactedAppointment.satisfactionScore}} |
|---|
| | |
|---|
| | | @click="reserveCommunication" |
|---|
| | | :class="agentInfo.contactStatus + 'Btn'" |
|---|
| | | >{{ contactTxt }}</el-button> |
|---|
| | | <div class="updateTime"> |
|---|
| | | <div class="updateTime mt-10"> |
|---|
| | | {{ displayTime | formatDate }} |
|---|
| | | </div> |
|---|
| | | </el-col> |
|---|
| | |
|---|
| | | :key="index" |
|---|
| | | >連絡時段{{index + 1 | formatNumber}}：{{ item | formatHopeContactTime }}</p> |
|---|
| | | <div v-if="appointmentDetail.satisfactionScore"> |
|---|
| | | <div class="mdTxt mt-10 mb-10">滿意度</div> |
|---|
| | | <div class="mdTxt mt-10 mb-10" v-if="!hideReviews">滿意度</div> |
|---|
| | | <el-rate |
|---|
| | | :value="appointmentDetail.satisfactionScore" |
|---|
| | | class="pam-myDemand-dialog__rate" |
|---|
| | |
|---|
| | | import { Consultant, Appointment } from '~/assets/ts/models/consultant.model'; |
|---|
| | | import { isMobileDevice } from '~/assets/ts/device'; |
|---|
| | | import { Role } from '~/assets/ts/models/enum/Role'; |
|---|
| | | import { hideReviews } from '~/assets/ts/const/hide-reviews'; |
|---|
| | | |
|---|
| | | const roleStorage = namespace('localStorage'); |
|---|
| | | @Component({ |
|---|
| | |
|---|
| | | width: string = ''; |
|---|
| | | inputScore = 0; |
|---|
| | | isCancelPopup = false; |
|---|
| | | hideReviews = hideReviews; |
|---|
| | | |
|---|
| | | get latestContactedAppointment(): Appointment | null { |
|---|
| | | if (!(this.agentInfo && this.agentInfo.appointments && this.agentInfo.appointments.length)) return null; |
|---|
| | |
|---|
| | | return this.agentInfo.appointments! |
|---|
| | | .filter((appointment) => appointment.communicateStatus !== 'contacted') |
|---|
| | | .map((reversedAppointment) => { |
|---|
| | | return { |
|---|
| | | return { |
|---|
| | | ...reversedAppointment, |
|---|
| | | sortDate: new Date(reversedAppointment.appointmentDate) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .sort((preAppointment, nextAppointment) => +nextAppointment.sortDate - +preAppointment.sortDate)[0]; |
|---|
| | | } |
|---|
