Fixed#138076 顧問端-成交與未成交資訊 增加 最後編輯時間

HelenHuang

2022-04-25 513bf4d2d2b70be718f5c8d3f6a2aab5c6e7f4e9

 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">商品代碼Plan 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>