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