From fdedea98f7c2af0144de16a6e291310869f6d113 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期一, 31 七月 2023 12:24:06 +0800 Subject: [PATCH] Update: 調整諮詢方式 property name --- PAMapp/pages/appointment/_appointmentId/index.vue | 33 ++++++++++++++++++++++++--------- 1 files changed, 24 insertions(+), 9 deletions(-) diff --git a/PAMapp/pages/appointment/_appointmentId/index.vue b/PAMapp/pages/appointment/_appointmentId/index.vue index ce81ede..7ef609a 100644 --- a/PAMapp/pages/appointment/_appointmentId/index.vue +++ b/PAMapp/pages/appointment/_appointmentId/index.vue @@ -1,5 +1,5 @@ <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 }} @@ -29,7 +29,7 @@ <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> @@ -38,8 +38,13 @@ <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"> @@ -55,20 +60,20 @@ </div> </div> - <div class="client-detail-action" 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" >蝯��</el-button> + <el-button @click="closeAppointment" class="desktop-client-detail-action-btn" >蝯��</el-button> <el-button @click="sendMsg" style="margin-left: 0px">�蝝赤</el-button> </div> - </section> - - <div class="client-detail-action btn-center" v-if="showWhenAppointmentHasCreate"> + <div class=" btn-center" v-if="showWhenAppointmentHasCreate"> <el-button @click="sendMsg">���赤�</el-button> </div> + </section> + <template v-if="showWhenAppointmentHasClosed"> <AppointmentClosedInfo :appointmentDetail="appointmentDetail" /> @@ -291,4 +296,14 @@ justify-content: center; } + @include desktop { + .client-detail-action { + display: flex; + justify-content: center; + } + .desktop-client-detail-action-btn{ + margin-right: 10px; + } + } + </style> -- Gitblit v1.8.0