From 1d6d2d14200ed9432347ef8013e3fc117fa2161b Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 20 一月 2022 14:57:27 +0800
Subject: [PATCH] Merge branch 'master' into Phase3

---
 PAMapp/components/Consultant/ConsultantCard.vue |   57 +++++++++++++++++++++++++--------------------------------
 1 files changed, 25 insertions(+), 32 deletions(-)

diff --git a/PAMapp/components/Consultant/ConsultantCard.vue b/PAMapp/components/Consultant/ConsultantCard.vue
index e47a64d..63ce8b8 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>
@@ -53,12 +53,12 @@
         <Ui-Dialog
             :isVisible.sync="isVisibleDialog"
             :width="width"
-            class="pam-myDemand-dialog"
+            class="pam-myDemand-dialog pam-dialog-reserved"
         >
             <div v-if="appointmentDetail">
                 <h5 class="subTitle text--center mb-30">������</h5>
                 <p class="smTxt">{{appointmentDetail.appointmentDate | formatDate}}</p>
-                <div class="dialogInfo">
+                <div class="reserved-info">
                     <p>憪��{appointmentDetail.name}}</p>
                     <p>�閰梧�{appointmentDetail.phone}}</p>
                     <p>Email嚗{appointmentDetail.email}}</p>
@@ -80,7 +80,7 @@
                     </div>
                 </div>
 
-                <div v-if="notScoreAppointmentYet" class="dialogInfo-btn">
+                <div v-if="notScoreAppointmentYet" class="reserved-btn">
                     <el-button type="primary"
                         @click.native="reviewsBtn = true">蝯虫�遛��漲閰��</el-button>
                 </div>
@@ -91,14 +91,24 @@
                 </div>
             </div>
         </Ui-Dialog>
-        <PopUpFrame :isOpen.sync="reviewsBtn">
-            <div class="mdTxt">
+
+        <PopUpFrame :isOpen.sync="reviewsBtn" class="reviewDialog-content">
+            <div class="mdTxt pam-dialog-review">
                 靽憿批�遛��漲
                 <span class="hint">������</span>
-                <div class="dialogInfo-score">
-                    <el-rate v-model="inputScore" class="pam-quickFilter-rate"></el-rate>
+                <div class="mt-30 review-content">
+                    <UiAvatar :size="80" :agentNo="agentInfo.agentNo"></UiAvatar>
+                    <div class="review-text">撠憿批��
+                        <span class="text--primary">{{agentInfo.name}}</span>
+                        ��擃���蝯虫�嗾憿��嚗�
+                    </div>
                 </div>
-                <div class="dialogInfo-btn">
+
+                <div class="review-score">
+                    <el-rate v-model="inputScore" class="pam-rate mt-30"></el-rate>
+                </div>
+
+                <div class="review-btn">
                     <el-button
                         type="primary"
                         :disabled="!inputScore"
@@ -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')) {
@@ -442,20 +451,4 @@
         flex-direction: column;
         justify-content: space-between;
     }
-
-    .dialogInfo {
-        font-size: 20px;
-        overflow-y:scroll;
-        height: 400px;
-    }
-    .dialogInfo-btn{
-        display: flex;
-        justify-content: center;
-    }
-    .dialogInfo-score{
-        display: flex;
-        justify-content: center;
-        margin-bottom: 50px;
-    }
-
 </style>

--
Gitblit v1.8.0