| | |
| | | <template> |
| | | <div class="appointment-client-detail-page"> |
| | | <div class="appointment-client-detail-page" v-if="!!appointmentDetail"> |
| | | <div class="date-detail"> |
| | | <div>{{ appointmentDetail.appointmentDate | formatDate }}預約</div> |
| | | <div>{{ appointmentDetail.consultantReadTime | formatDate }} |
| | |
| | | <div class="client-detail-info__information"> |
| | | <div>{{ appointmentDetail.age | toAgeLabel }}</div> |
| | | <div>{{ appointmentDetail.phone }}</div> |
| | | <div class="text--underline text--break-all"> |
| | | <div class=" text--break-all"> |
| | | {{ appointmentDetail.email }} |
| | | </div> |
| | | </div> |
| | |
| | | <div class="client-detail-demand mt-10"> |
| | | |
| | | <div class="client-detail-demand__demand-list mb-10"> |
| | | <div class="client-detail-demand__demand-list-label">諮詢<br />方式</div> |
| | | <div class="client-detail-demand__demand-list-content">{{ appointmentDetail.consultationMethod | toConsulType }}</div> |
| | | </div> |
| | | |
| | | <div class="client-detail-demand__demand-list mb-10"> |
| | | <div class="client-detail-demand__demand-list-label">需求</div> |
| | | <div class="client-detail-demand__demand-list-content">{{ appointmentDetail.requirement }}</div> |
| | | <div class="client-detail-demand__demand-list-content">{{ appointmentDetail.requirement || '--' }}</div> |
| | | </div> |
| | | |
| | | <div class="client-detail-demand__demand-list"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class=" btn-center" v-if="showWhenAppointmentHasClosed"> |
| | | <!-- <div class=" btn-center" v-if="showWhenAppointmentHasClosed"> |
| | | <el-button @click="inviteReview">發送滿意度</el-button> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <div class="client-detail-action" v-if="showWhenAppointmentHasContacted"> |
| | | <el-button @click="closeAppointment" class="desktop-client-detail-action-btn" >結案</el-button> |