From b4488eab87aa066417f14aabb65adbc38b0eeccf Mon Sep 17 00:00:00 2001 From: HelenHuang <LinHuang@pollex.com.tw> Date: 星期二, 15 二月 2022 10:03:18 +0800 Subject: [PATCH] Fixed #135239 修正 [ 顧問管理流程 ] 預約資訊的結案、通知約訪 button 沒有置中 --- PAMapp/pages/appointment/_appointmentId/index.vue | 26 ++++++++++++++++++++------ 1 files changed, 20 insertions(+), 6 deletions(-) diff --git a/PAMapp/pages/appointment/_appointmentId/index.vue b/PAMapp/pages/appointment/_appointmentId/index.vue index fa822d6..ec303f0 100644 --- a/PAMapp/pages/appointment/_appointmentId/index.vue +++ b/PAMapp/pages/appointment/_appointmentId/index.vue @@ -29,7 +29,7 @@ <div class="client-detail-info__information"> <div>{{ appointmentDetail.age | toAgeLabel }}</div> <div>{{ appointmentDetail.phone }}</div> - <div class="text--underline"> + <div class="text--underline text--break-all"> {{ appointmentDetail.email }} </div> </div> @@ -55,20 +55,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 class="client-detail-action" v-if="showWhenAppointmentHasContacted"> - <el-button @click="closeAppointment" >蝯��</el-button> - <el-button @click="sendMsg" style="margin-left: 0px">�/蝝赤</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> - <div class="client-detail-action" 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" /> @@ -286,5 +286,19 @@ .hope-contact-time__line { border-bottom: 1px solid #CCCCCC; } +.btn-center{ + display: flex; + 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