From ca2d65b285ac77c1a16605be38f88c6fe10c820a Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 10 三月 2022 12:38:08 +0800
Subject: [PATCH] update#136639: [前端] 調整為顧問不支援發送滿意度功能(移除發送滿意度功能連結)
---
PAMapp/pages/appointment/_appointmentId/index.vue | 59 +++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 43 insertions(+), 16 deletions(-)
diff --git a/PAMapp/pages/appointment/_appointmentId/index.vue b/PAMapp/pages/appointment/_appointmentId/index.vue
index 5e75edc..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 }}
@@ -18,16 +18,18 @@
<div class="client-detail-info__avatar">
<div class="circle">
{{ appointmentDetail.name || 'NO NAME' }}
- <div class="sm-circle">
- <i class="icon-sex-male sex-icon" v-if="appointmentDetail.gender === 'male'"></i>
- <i class="icon-sex-female sex-icon" v-else></i>
+ <div class="sm-circle sm-circle-male" v-if="appointmentDetail.gender === 'male'">
+ <i class="icon-sex-male sex-icon"></i>
+ </div>
+ <div class="sm-circle sm-circle-female" v-if="appointmentDetail.gender === 'female'">
+ <i class="icon-sex-female sex-icon"></i>
</div>
</div>
</div>
<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>
@@ -53,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" />
@@ -157,13 +159,14 @@
}
getHopeContactTimeContent(hopeContactTimeString: string): string[] {
- const result = hopeContactTimeString.replace("'", '').split('��');
+ const result = hopeContactTimeString.replaceAll("'", '').split('��');
return result;
}
inviteReview(): void {
- reviewsService.sendSatisfactionToClient(this.appointmentDetail.id).then(res => res);
- this.isShowInviteReviewDialog = true ;
+ reviewsService.sendSatisfactionToClient(this.appointmentDetail.id).then(res => {
+ this.isShowInviteReviewDialog = true;
+ });
}
}
</script>
@@ -201,7 +204,6 @@
width: 30px;
border-radius: 50%;
background-color: #fff;
- border: 1px solid $SKY_BLUE;
bottom: 0;
right: 0;
display: flex;
@@ -209,7 +211,18 @@
align-items: center;
.sex-icon {
font-size: 20px;
- color: $SKY_BLUE;
+ &.icon-sex-male{
+ color: $SKY_BLUE;
+ }
+ &.icon-sex-female{
+ color: $CORAL;
+ }
+ }
+ &-male {
+ border: 1px solid $SKY_BLUE;
+ }
+ &-female {
+ border: 1px solid $LIGHT_RED;
}
}
}
@@ -273,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