From a9cd9302818ec2bcd6eec2cd530030e0eae11715 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期一, 17 一月 2022 09:49:22 +0800
Subject: [PATCH] fixed: adjust same component class name

---
 PAMapp/components/Client/ClientCard.vue |   71 +++++++++++++++++++++++++----------
 1 files changed, 51 insertions(+), 20 deletions(-)

diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue
index 7f5c0bf..8d3d7fd 100644
--- a/PAMapp/components/Client/ClientCard.vue
+++ b/PAMapp/components/Client/ClientCard.vue
@@ -6,7 +6,7 @@
             class="rowStyle cursor--pointer"
             justify="space-between"
             :class="{'new': newAppointment }"
-            @click.native="openDetail"
+            @click.native="viewDetail"
         >
         <div class="test">
             <div class="unread" v-if="isReserved">
@@ -30,7 +30,7 @@
                     </template>
                 </div>
                 <AppointmentProgress
-                  :currentStep="'contacted'"
+                  :currentStep="client.communicateStatus"
                 ></AppointmentProgress>
             </div>
         </div>
@@ -51,13 +51,26 @@
             </el-col> -->
 
             <div class="flex-column contactInfo" :xs="4" :sm="6">
-                <!-- <div
-                    class="smTxt_bold fix-chrome-click--issue"
-                    :class="{'unread-txt': reservedTxt === '�霈�', 'read-txt': reservedTxt !== '�霈�'}"
-                >{{ reservedTxt }}</div> -->
-                <div class="invite-msg smTxt_bold">
-                    ���赤�
+
+                <div
+                  class="invite-msg smTxt_bold"
+                  @click.stop="makeInterview"
+                  v-if="client.communicateStatus === contactStatus.RESERVED">
+                  ���赤�
                 </div>
+                <div
+                  class="invite-msg smTxt_bold"
+                  @click.stop="closeAppointment"
+                  v-else-if="client.communicateStatus === contactStatus.CONTACTED">
+                  蝯��
+                </div>
+                <div
+                  class="invite-msg smTxt_bold"
+                  @click.stop="inviteReview"
+                  v-else>
+                  ��遛��漲
+                </div>
+
                 <div
                     class="date xsTxt text--black"
                 >{{ date }}</div>
@@ -128,6 +141,8 @@
                 <el-button @click="markAppointment">璅酉�撌脤��蝯�</el-button>
             </div>
         </Ui-Dialog>
+
+        <InterviewMsg :isVisible.sync="isMsgDialog"></InterviewMsg>
     </div>
 </template>
 
@@ -137,9 +152,10 @@
 import appointmentService from '~/shared/services/appointment.service';
 import UtilsService from '~/shared/services/utils.service';
 import { hideReviews } from '~/shared/const/hide-reviews';
-import { AppointmentMemoInfo, ClientInfo } from '~/shared/models/client.model';
 import myConsultantService from '~/shared/services/my-consultant.service';
 import { ElRow } from 'element-ui/types/row';
+import { Appointment, AppointmentMemoInfo } from '~/shared/models/appointment.model';
+import { ContactStatus } from '~/shared/models/enum/contact-status';
 
 const localStorage = namespace('localStorage');
 @Component({
@@ -163,17 +179,21 @@
 })
 export default class ClientList extends Vue {
     @Action
-    updateMyAppointment!: (data: ClientInfo) => void;
+    updateMyAppointment!: (data: Appointment) => void;
 
     @Prop()
-    client!: ClientInfo;
+    client!: Appointment;
 
     @localStorage.Mutation
     storageClearAppointmentIdFromMsg!: () => void;
 
     isVisibleDialog = false;
+    isMsgDialog = false;
     dialogWidth = '';
     hideReviews = hideReviews;
+
+    contactStatus = ContactStatus;
+    // currentAppointmentStatus = this.contactStatus.RESERVED;
 
     isEdit = false;
     memoInfo: AppointmentMemoInfo = {
@@ -200,6 +220,24 @@
             ? JSON.parse(JSON.stringify(this.client.appointmentMemoList[0]))
             : {appointmentId: 0, content: '', id: 0};
         this.memo = this.memoInfo.content;
+    }
+
+    //////////////////////////////////////////////////////////////////////
+
+    viewDetail(): void {
+      this.$router.push(`/appointment/${this.client.id}`);
+    }
+
+    makeInterview(): void {
+      this.isMsgDialog = true;
+    }
+
+    closeAppointment(): void {
+      this.$router.push(`/appointment/${this.client.id}/close`);
+    }
+
+    makeAppointment(): void {
+      alert('MAKE AN APPOINTMENT!');
     }
 
     get newAppointment(): boolean {
@@ -432,14 +470,7 @@
         display: flex;
     }
     .invite-msg{
-        color: #ED1B2E;
-        border-bottom: 1px solid #ED1B2E;
-        width: 97px;
-    }
-    .line{
-        height: 4px;
-        width: 10px;
-        background-color: $PRUDENTIAL_GREY;
-
+      color: $PRIMARY_RED;
+        @extend .text--underline;
     }
 </style>

--
Gitblit v1.8.0