From aecb706f3c17eb36076160d27a0db24525da3ca7 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期六, 22 一月 2022 15:49:07 +0800
Subject: [PATCH] Update : 顧問流程樣式更新
---
PAMapp/components/Interview/InterviewMsg.vue | 38 +++++++++++++++++++++++++++++---------
1 files changed, 29 insertions(+), 9 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue
index eaffa87..17837dc 100644
--- a/PAMapp/components/Interview/InterviewMsg.vue
+++ b/PAMapp/components/Interview/InterviewMsg.vue
@@ -9,7 +9,6 @@
<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
@@ -17,16 +16,20 @@
: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 required">����赤��挾</div>
+ <DateTimePicker
+ @changeDateTime="interviewTime = $event"
+ :isPastDateDisabled="true"
+ :defaultValue="defaultValue"
+ ></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>
@@ -68,6 +71,9 @@
@Prop()
client!: Appointment;
+ @Prop()
+ defaultValue!: string;
+
@Emit('closeDialog')
closeDialog() {
return;
@@ -81,6 +87,10 @@
interviewTxt = "";
interviewTime = '';
//////////////////////////////////////////////////////////////////////
+
+ mounted() {
+ this.interviewTxt = "�憟踝��靽���像����憿批��" + this.loginConsultant.name + "嚗�����������銝膩������蝜�"+"\n"+"隞乩����閰梯�Ⅳ/Email嚗�"+"\n" + this.loginConsultant.phoneNumber + "\n" + this.loginConsultant.email + "\n"+"�甇斗���靘選����蝜恬�����"
+ }
addInterview() {
const appointmentInformation: ToInformAppointment = {
@@ -102,8 +112,9 @@
this.storeMyAppointmentList();
}
- get isInterviewTxt() : string{
- return this.interviewTxt = "�憟踝��靽���像����憿批��" + this.loginConsultant?.name + "嚗�����������銝膩������蝜�"+"\n"+"隞乩����閰梯�Ⅳ/Email嚗�"+"\n" + this.loginConsultant?.phoneNumber + "\n" + this.loginConsultant?.email + "\n"+"�甇斗���靘選����蝜恬�����"
+ get isBtnDisabled() :Boolean {
+ const isFormValid = this.client.phone ? this.interviewTxt && this.interviewTime :this.interviewTxt
+ return !isFormValid
}
}
@@ -112,6 +123,15 @@
<style lang="scss" >
.interview-msg-component{
+ .required {
+ position: relative;
+ &::before {
+ content: '*';
+ position: absolute;
+ color: #FF0000;
+ transform: translate(-12px, 0);
+ }
+ }
.msg-dialog-title{
display: flex;
justify-content: center;
--
Gitblit v1.8.0