From 6152f2c13addb67bc5f82c488df523c0d39eb246 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期五, 21 一月 2022 23:05:48 +0800
Subject: [PATCH] Update: 移除約訪通知的編輯按鈕 & 修正立即約訪通知的按鈕跑版
---
PAMapp/components/Interview/InterviewMsg.vue | 39 ++++++++++++++++++++++++++++-----------
1 files changed, 28 insertions(+), 11 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue
index 420a292..9695183 100644
--- a/PAMapp/components/Interview/InterviewMsg.vue
+++ b/PAMapp/components/Interview/InterviewMsg.vue
@@ -9,24 +9,25 @@
<div class="subTitle msg-dialog-title">蝝赤�</div>
<div class="send-msg-nav">
<div class="mdTxt">��摰�</div>
- <div class="mdTxt text--primary text--underline">蝺刻摩</div>
</div>
<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 +42,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 +74,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 +97,7 @@
};
appointmentService.informAppointment(appointmentInformation).then((_) => {
this.isShowSuccessAlert = true ;
+ this.updateAppointmentDetail(this.client.id);
});
}
@@ -91,8 +107,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