| | |
| | | <template> |
| | | <div class="appointment-client-detail-page"> |
| | | <div class="date-detail"> |
| | | <!-- TODO: 要依據不同 step 顯示不同 Date [Tomas, 2022/1/11] --> |
| | | <div>{{ appointmentDetail.appointmentDate }}</div> |
| | | <div>{{ appointmentDetail.consultantReadTime }}</div> |
| | | <div>{{ appointmentDetail.appointmentDate | formatDate }}</div> |
| | | <div>{{ appointmentDetail.consultantReadTime | formatDate }}</div> |
| | | </div> |
| | | <!-- TODO: re-send api to update progress [Tomas, 2022/1/17 17:02] --> |
| | | <AppointmentProgress |
| | | class="mt-10" |
| | | :currentStep="appointmentDetail.communicateStatus" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="client-detail-info__information"> |
| | | <div>{{ appointmentDetail.age || '--' }}歲</div> |
| | | <div>{{ appointmentDetail.age | toAgeLabel }}</div> |
| | | <div>{{ appointmentDetail.phone }}</div> |
| | | <div class="text--underline"> |
| | | {{ appointmentDetail.email }} |
| | |
| | | |
| | | </section> |
| | | |
| | | <InterviewMsg :isVisible.sync="isVisibleDialog"></InterviewMsg> |
| | | <InterviewMsg |
| | | :isVisible.sync="isVisibleDialog" |
| | | :client="appointmentDetail"> |
| | | </InterviewMsg> |
| | | |
| | | |
| | | <section class="mt-30"> |