From 59cba8e75716def66ca996c3162e7e6792048444 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期二, 15 二月 2022 09:39:45 +0800
Subject: [PATCH] Fixed#135358 修正[ 顧問管理流程 ] 結案明細 : 編輯結案明細，由成交編輯為未成交，內容依然顯示成交的 ID 和 商品 Plan Code、進件時間

---
 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