Fixed#135361 修正 - [顧問管理流程] 結案明細 : 由未成交編輯為已成交，明細依然會顯示未成交原因

HelenHuang

2022-02-15 379fc2904e1f3e9b6485324b90907382a07c02b8

 PAMapp/components/Appointment/AppointmentClosedInfo.vue

@@ -6,7 +6,6 @@
          <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">
          <div class="mdTxt mb-10">保戶身份證字號</div>
          <div class="mb-30">{{ appointmentDetail.appointmentClosedInfo.policyholderIdentityId }}</div>
@@ -17,7 +16,7 @@
          <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>
@@ -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>