From fd800397a9cfed6490a04c616e5e3e360234b22c Mon Sep 17 00:00:00 2001 From: charlie <charlie@lvguanqingdeMacBook-Pro.local> Date: 星期五, 21 一月 2022 18:20:30 +0800 Subject: [PATCH] Fixed:修正顧問結案頁面的驗證條件(移除備註required) --- PAMapp/components/Interview/InterviewMsg.vue | 38 ++++++++++++++++++++++++++++---------- 1 files changed, 28 insertions(+), 10 deletions(-) diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue index 420a292..2a81ac3 100644 --- a/PAMapp/components/Interview/InterviewMsg.vue +++ b/PAMapp/components/Interview/InterviewMsg.vue @@ -14,19 +14,21 @@ <el-input type="textarea" - autosize="true" + :autosize="true" placeholder="蝝赤�" resize="none" - v-model="isInterviewTxt"> + v-model="interviewTxt"> </el-input> - <div class="mdTxt mt-30 mb-10">����赤��挾</div> - <DateTimePicker - @changeDateTime="interviewTime = $event" - ></DateTimePicker> + <div v-if="client.phone"> + <div class="mdTxt mt-30 mb-10">����赤��挾</div> + <DateTimePicker + @changeDateTime="interviewTime = $event" + ></DateTimePicker> + </div> <div class="msg-dialog-btn"> - <el-button @click="addInterview" :disabled="!interviewTime">���</el-button> + <el-button @click="addInterview" :disabled="isBtnDisabled">���</el-button> </div> </el-dialog> @@ -41,16 +43,23 @@ </div> </template> <script lang="ts"> -import { Vue, Component, Prop, PropSync, Emit, Action } from 'nuxt-property-decorator'; +import { Vue, Component, Prop, PropSync, Emit, Action, namespace } from 'nuxt-property-decorator'; import appointmentService from '~/shared/services/appointment.service'; import { Appointment, ToInformAppointment } from '~/shared/models/appointment.model'; +import { AgentInfo } from '~/shared/models/agent-info.model'; + +const loginStore = namespace('login.store'); +const appointmentStore = namespace('appointment.store'); @Component export default class InterviewMsg extends Vue { @Action storeMyAppointmentList!: () => Promise<number>; + + @appointmentStore.Action + updateAppointmentDetail!: (id: number) => Appointment; @PropSync('isVisible') dialogVisible!: boolean; @@ -66,11 +75,18 @@ return; } + @loginStore.State + loginConsultant!: AgentInfo; + isShowSuccessAlert = false; interviewTxt = ""; interviewTime = ''; ////////////////////////////////////////////////////////////////////// + + mounted() { + this.interviewTxt = "�憟踝��靽���像����憿批��" + this.loginConsultant.name + "嚗�����������銝膩������蝜�"+"\n"+"隞乩����閰梯�Ⅳ/Email嚗�"+"\n" + this.loginConsultant.phoneNumber + "\n" + this.loginConsultant.email + "\n"+"�甇斗���靘選����蝜恬�����" + } addInterview() { const appointmentInformation: ToInformAppointment = { @@ -82,6 +98,7 @@ }; appointmentService.informAppointment(appointmentInformation).then((_) => { this.isShowSuccessAlert = true ; + this.updateAppointmentDetail(this.client.id); }); } @@ -91,8 +108,9 @@ this.storeMyAppointmentList(); } - get isInterviewTxt() : string{ - return this.interviewTxt = "�憟踝��靽���像����憿批��" + "agentName"+"嚗�����������銝膩������蝜�"+"\n"+"隞乩����閰梯�Ⅳ/Email嚗�"+"\n"+"agentPhone"+"\n"+"agentEmail"+"\n"+"�甇斗���靘選����蝜恬�����" + get isBtnDisabled() :Boolean { + const isFormValid = this.client.phone ? this.interviewTxt && this.interviewTime :this.interviewTxt + return !isFormValid } } -- Gitblit v1.8.0