Fixed: [弱掃] p8.2 Bad use of null-like value

Tomas

2023-08-05 f3e662798b3b83a83c2d60dc7b4e6cf1ee4f1331

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