Update:顧問-預約單明細 結案編輯導頁

HelenHuang

2022-01-17 82a12a6a789fa16542558a94405b8e0b5ebfa798

Update:顧問-預約單明細 結案編輯導頁

 PAMapp/pages/appointment/_appointmentId/index.vue

@@ -43,18 +43,22 @@
        </div>
      </div>

      <div class="client-detail-action">
      <div class="client-detail-action" v-if="showWhenAppointmentHasClosed">
        <el-button >發送滿意度</el-button>
      </div>

      <div class="client-detail-action" v-else>
        <el-button @click="closeAppointment" >結案</el-button>
        <el-button @click="sendMsg" style="margin-left: 0px">通知/約訪</el-button>
        <!-- <el-button>發送滿意度</el-button> -->
      </div>

    </section>

    <section class="close-appointment-detail">
    <section class="close-appointment-detail" v-if="showWhenAppointmentHasClosed">

        <div class="close-appointment-detail-nav">
          <div class="mdTxt">結案方式</div>
          <div class="mdTxt text--primary text--underline">編輯</div>
          <div class="mdTxt text--primary text--underline cursor--pointer" @click="editAppointmentHasClosed">編輯</div>
        </div>
        <span class="mt-10 mb-30">成交</span>

@@ -90,6 +94,7 @@

import appointmentService from '~/shared/services/appointment.service';
import { AppointmentDetail } from '~/shared/models/appointment.model';
import { ContactStatus } from '~/shared/models/enum/contact-status';

@Component
export default class AppointmentDetailComponent extends Vue {
@@ -97,6 +102,8 @@
  appointmentDetail!: AppointmentDetail;
  isVisibleDialog = false;
  interviewTxt = "";
  contactStatus = ContactStatus;

  //////////////////////////////////////////////////////////////////////

  async asyncData(context: Context) {
@@ -112,9 +119,19 @@
    this.$router.push(`/appointment/${this.appointmentDetail.id}/close`);
  }

  sendMsg():void{
  sendMsg():void {
    this.isVisibleDialog = true;
  }

  editAppointmentHasClosed(): void{
    this.$router.push(`/appointment/${this.appointmentDetail.id}/close`);
  }

  get showWhenAppointmentHasClosed(): boolean {
    return this.appointmentDetail.communicateStatus === this.contactStatus.DONE
        || this.appointmentDetail.communicateStatus === this.contactStatus.CLOSE
        || this.appointmentDetail.communicateStatus === this.contactStatus.CANCEL;
  }
}
</script>