From 2c621a6a62570df61c38d0a50c5fc788b502af64 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期二, 11 一月 2022 10:54:58 +0800
Subject: [PATCH] update: TODO#133608 保戶-調整滿意度評分畫面與wording
---
PAMapp/components/Consultant/ConsultantCard.vue | 43 ++++++++++++++++++++++++++++++++-----------
1 files changed, 32 insertions(+), 11 deletions(-)
diff --git a/PAMapp/components/Consultant/ConsultantCard.vue b/PAMapp/components/Consultant/ConsultantCard.vue
index e47a64d..a6cf709 100644
--- a/PAMapp/components/Consultant/ConsultantCard.vue
+++ b/PAMapp/components/Consultant/ConsultantCard.vue
@@ -33,17 +33,17 @@
v-if="showRemoveBtn"
@click="removeAgent"
>蝘駁</div>
+ <div
+ v-if="notScoreAppointmentYet"
+ class="text--primary text--underline cursor--pointer xsTxt text--bold"
+ @click="reviewsBtn = true">蝯虫�遛��漲閰��</div>
</el-col>
<el-col class="flex_column" :xs="9" :sm="6">
<el-button
class="smTxt_bold outline_btn"
- @click="reserveCommunication"
+ @click="reservedOrShowAppointmentInfo"
:class="actionBtnStyle"
>{{ actionBtnLabel }}</el-button>
- <div
- v-if="notScoreAppointmentYet"
- class="text--primary mt-10 text--center text--underline cursor--pointer"
- @click="reviewsBtn = true">蝯虫�遛��漲閰��</div>
<div class="updateTime mt-10">
{{ agentInfo.updateTime | formatDate }}
</div>
@@ -91,13 +91,23 @@
</div>
</div>
</Ui-Dialog>
+
<PopUpFrame :isOpen.sync="reviewsBtn">
<div class="mdTxt">
靽憿批�遛��漲
<span class="hint">������</span>
- <div class="dialogInfo-score">
- <el-rate v-model="inputScore" class="pam-quickFilter-rate"></el-rate>
+ <div class="mt-30 reviewDialog-content">
+ <UiAvatar :size="80" :agentNo="agentInfo.agentNo"></UiAvatar>
+ <div class="review-text">撠憿批��
+ <span class="text--primary">{{agentInfo.name}}</span>
+ ��擃���蝯虫�嗾憿��嚗�
+ </div>
</div>
+
+ <div class="dialogInfo-score">
+ <el-rate v-model="inputScore" class="pam-rate mt-30"></el-rate>
+ </div>
+
<div class="dialogInfo-btn">
<el-button
type="primary"
@@ -172,7 +182,6 @@
hideReviews = hideReviews;
isConfirmPopup = false;
-
appointmentDetail: any = {
age : '',
agentNo : '',
@@ -203,7 +212,7 @@
}
get isAppointment(): boolean {
- return !!this.agentInfo['appointmentStatus'];;
+ return !!this.agentInfo['appointmentStatus'];
}
get latestReservedAppointment(): Appointment {
@@ -290,7 +299,7 @@
@Action
storeConsultantList!: () => void;
- reserveCommunication() {
+ reservedOrShowAppointmentInfo() {
const isAppointment = !!this.agentInfo['appointmentStatus'];
const contactStatus = this.agentInfo.contactStatus;
if (!isAppointment && (!contactStatus || contactStatus === 'picked')) {
@@ -455,7 +464,19 @@
.dialogInfo-score{
display: flex;
justify-content: center;
- margin-bottom: 50px;
+ margin-bottom: 30px;
+ }
+ .reviewDialog-content {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-evenly;
+
+ .review-text {
+ width: 60%;
+ line-height: 28px;
+ @extend .p;
+ @extend .text--lighter;
+ }
}
</style>
--
Gitblit v1.8.0