From 3712b0a6ff1329ecf4d5ea5ba879e28b428c565e Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期三, 26 一月 2022 14:51:44 +0800
Subject: [PATCH] Merge branch 'Phase3' of https://dev.pollex.com.tw:8443/r/pcalife/PAM into Phase3

---
 PAMapp/components/Client/ClientCard.vue |   30 +++++++++++++++++++-----------
 1 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue
index 294eb5f..70510bf 100644
--- a/PAMapp/components/Client/ClientCard.vue
+++ b/PAMapp/components/Client/ClientCard.vue
@@ -213,6 +213,9 @@
     @appointmentStore.Action
     getAppointmentDetail!: (appointmentId: number) => Promise<Appointment>;
 
+    @appointmentStore.Action
+    updateAppointmentDetail!: (id: number) => Appointment;
+
     @appointmentStore.Getter
     appointmentProgress!: ContactStatus;
 
@@ -258,7 +261,10 @@
 
     viewAppointmentDetail(): void {
       this.getAppointmentDetail(this.client.id).then((_) => {
-        this.readAppointment();
+        const unread = !this.client.consultantReadTime;
+        if (unread) {
+          this.readAppointment();
+        }
         this.$router.push(`/appointment/${this.client.id}`);
       });
     }
@@ -277,7 +283,6 @@
         reviewsService.sendSatisfactionToClient(this.client.id).then(res => {
             this.isShowInviteReviewDialog = true ;
         })
-
     }
 
     openDetail() {
@@ -302,14 +307,12 @@
     }
 
     private readAppointment(): void {
-        const unread = !this.client.consultantReadTime;
-        if (unread) {
-            appointmentService.recordRead(this.client.id).then((_) => {
-                const updatedClient = {...this.client};
-                updatedClient.consultantReadTime = new Date().toString();
-                this.updateMyAppointmentList(updatedClient);
-            });
-        };
+      appointmentService.recordRead(this.client.id).then((_) => {
+          const updatedClient = {...this.client};
+          updatedClient.consultantReadTime = new Date().toString();
+          this.updateMyAppointmentList(updatedClient);
+          this.updateAppointmentDetail(this.client.id);
+      });
     }
 
     private clearAppointmentIdFromMsg() {
@@ -462,10 +465,14 @@
         .professionals {
             overflow     : hidden;
             text-overflow: ellipsis;
-            white-space  : nowrap;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 1;
             .professionalsTxt {
                 font-size   : 12px;
                 margin-right: 5px;
+
+
             }
             .noProfessionalsTxt {
                 color      : $PRUDENTIAL_GREY;
@@ -513,6 +520,7 @@
         display: flex;
     }
     .invite-msg{
+      width: 96px;
       color: $PRIMARY_RED;
       @extend .text--underline;
     }

--
Gitblit v1.8.0