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