From e8241decc705f9db3e46aed7b3a3f8b3188cf820 Mon Sep 17 00:00:00 2001
From: wayne <wayne8692wayne8692@gmail.com>
Date: 星期四, 10 三月 2022 15:46:46 +0800
Subject: [PATCH] Merge branch 'Phase3' into pollex-dev
---
PAMapp/pages/appointment/_appointmentId/index.vue | 32 +++++++++++++++++++++++---------
1 files changed, 23 insertions(+), 9 deletions(-)
diff --git a/PAMapp/pages/appointment/_appointmentId/index.vue b/PAMapp/pages/appointment/_appointmentId/index.vue
index e825ab2..7b49df1 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">
+ <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> -->
<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" />
@@ -159,7 +159,7 @@
}
getHopeContactTimeContent(hopeContactTimeString: string): string[] {
- const result = hopeContactTimeString.replace("'", '').split('��');
+ const result = hopeContactTimeString.replaceAll("'", '').split('��');
return result;
}
@@ -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