From f3e662798b3b83a83c2d60dc7b4e6cf1ee4f1331 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期六, 05 八月 2023 16:35:00 +0800
Subject: [PATCH] Fixed: [弱掃] p8.2 Bad use of null-like value

---
 PAMapp/components/Appointment/AppointmentClosedInfo.vue |   34 +++++++++++++++++++++++++++-------
 1 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/PAMapp/components/Appointment/AppointmentClosedInfo.vue b/PAMapp/components/Appointment/AppointmentClosedInfo.vue
index 8b08adb..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,12 +43,15 @@
 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 AppointmentRecordList extends Vue {
+export default class AppointmentClosedInfo extends Vue {
 
     @Prop()
     appointmentDetail!: Appointment;
+
+    contactStatus = ContactStatus;
 
     //////////////////////////////////////////////////////////////////////
 
@@ -52,6 +59,19 @@
       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