From 82a12a6a789fa16542558a94405b8e0b5ebfa798 Mon Sep 17 00:00:00 2001 From: HelenHuang <LinHuang@pollex.com.tw> Date: 星期一, 17 一月 2022 15:50:38 +0800 Subject: [PATCH] Update:顧問-預約單明細 結案編輯導頁 --- PAMapp/pages/appointment/_appointmentId/index.vue | 27 ++++++++++++++++++++++----- 1 files changed, 22 insertions(+), 5 deletions(-) diff --git a/PAMapp/pages/appointment/_appointmentId/index.vue b/PAMapp/pages/appointment/_appointmentId/index.vue index b6b5981..59d5d2f 100644 --- a/PAMapp/pages/appointment/_appointmentId/index.vue +++ b/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> -- Gitblit v1.8.0