From 34b08e1c461f5e08675fcff95525956d7c4bef11 Mon Sep 17 00:00:00 2001
From: wayne <wayne8692wayne8692@gmail.com>
Date: 星期四, 17 二月 2022 11:38:48 +0800
Subject: [PATCH] Merge branch 'Phase3' into pollex-dev

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

diff --git a/PAMapp/components/Appointment/AppointmentClosedInfo.vue b/PAMapp/components/Appointment/AppointmentClosedInfo.vue
index 8b08adb..ec701c4 100644
--- a/PAMapp/components/Appointment/AppointmentClosedInfo.vue
+++ b/PAMapp/components/Appointment/AppointmentClosedInfo.vue
@@ -6,25 +6,24 @@
           <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">
+        <template v-if="appointmentDetail.appointmentClosedInfo.planCode && appointmentDetail.communicateStatus === 'done'">
           <div class="mdTxt mb-10">���誨蝣噗lan Code</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>
@@ -39,12 +38,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 +54,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