From 8f545c22e66f7359b3f7eab1c4ef5adb6fbbbfe9 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期一, 31 七月 2023 16:03:25 +0800
Subject: [PATCH] Update: 依據網址參數顯示更新廣告影片

---
 PAMapp/components/Appointment/AppointmentClosedInfo.vue |   32 ++++++++++++++++++++++++++------
 1 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/PAMapp/components/Appointment/AppointmentClosedInfo.vue b/PAMapp/components/Appointment/AppointmentClosedInfo.vue
index daa81d9..5b8de7b 100644
--- a/PAMapp/components/Appointment/AppointmentClosedInfo.vue
+++ b/PAMapp/components/Appointment/AppointmentClosedInfo.vue
@@ -6,27 +6,31 @@
           <div class="mdTxt text--primary text--underline cursor--pointer" @click="editAppointmentHasClosed">蝺刻摩</div>
         </div>
         <span class="mt-10 mb-30">{{ displayClosedType }}</span>
-
-        <template v-if="appointmentDetail.appointmentClosedInfo.policyholderIdentityId">
+        <template v-if="appointmentDetail.appointmentClosedInfo.policyholderIdentityId && appointmentDetail.communicateStatus === 'done'">
           <div class="mdTxt mb-10">靽頨思遢霅���</div>
           <div class="mb-30">{{ appointmentDetail.appointmentClosedInfo.policyholderIdentityId }}</div>
         </template>
 
-        <template v-if="appointmentDetail.appointmentClosedInfo.planCode">
-          <div class="mdTxt mb-10">���誨蝣噗lan Code</div>
+        <template v-if="appointmentDetail.appointmentClosedInfo.planCode && appointmentDetail.communicateStatus === 'done'">
+          <div class="mdTxt mb-10">����迂</div>
           <div class="mb-30">{{ appointmentDetail.appointmentClosedInfo.planCode }}</div>
         </template>
 
-        <template v-if="appointmentDetail.appointmentClosedInfo.closedReason">
+        <template v-if="appointmentDetail.appointmentClosedInfo.closedReason && appointmentDetail.communicateStatus !== 'done'">
           <div class="mdTxt mb-10">���漱����</div>
           <div >{{ appointmentDetail.appointmentClosedInfo.closedReason | toFailReasonLabel }}</div>
           <div v-if="appointmentDetail.appointmentClosedInfo.closedOtherReason" class="mt-10">{{ appointmentDetail.appointmentClosedInfo.closedOtherReason }}</div>
           <div class="mb-30"></div>
         </template>
 
-        <template v-if="appointmentDetail.appointmentClosedInfo.policyEntryDate">
+        <template v-if="appointmentDetail.appointmentClosedInfo.policyEntryDate && appointmentDetail.communicateStatus === 'done'">
           <div class="mdTxt mb-10">�脖辣����</div>
           <div class="mb-30">{{ appointmentDetail.appointmentClosedInfo.policyEntryDate | formatDate }}</div>
+        </template>
+        
+        <template>
+          <div class="mdTxt mb-10">��敺楊頛舀���</div>
+          <div class="mb-30">{{ appointmentDetail.lastModifiedDate | formatDate }}</div>
         </template>
 
         <div class="mdTxt mb-10">��酉</div>
@@ -39,6 +43,7 @@
 import { Vue, Component, Prop } from 'nuxt-property-decorator';
 
 import { Appointment } from '~/shared/models/appointment.model';
+import { ContactStatus } from '~/shared/models/enum/contact-status';
 
 @Component
 export default class AppointmentClosedInfo extends Vue {
@@ -46,12 +51,27 @@
     @Prop()
     appointmentDetail!: Appointment;
 
+    contactStatus = ContactStatus;
+
     //////////////////////////////////////////////////////////////////////
 
     editAppointmentHasClosed(): void{
       this.$router.push(`/appointment/${this.appointmentDetail.id}/close`);
     }
 
+    get displayClosedType(): string {
+      let closedType = '��漱';
+      switch (this.appointmentDetail.communicateStatus) {
+        case this.contactStatus.CLOSE:
+          closedType = '���漱';
+          break;
+        case this.contactStatus.CANCEL:
+          closedType = '����';
+          break;
+      }
+      return closedType;
+    }
+
 }
 </script>
 

--
Gitblit v1.8.0