From dc0e7366e96ce773ae1690f6db28e03a684bb45e Mon Sep 17 00:00:00 2001
From: Jack <jack.su@pollex.com.tw>
Date: 星期二, 18 一月 2022 19:50:12 +0800
Subject: [PATCH] Merge branch 'Phase3' of ssh://dev.pollex.com.tw:29418/pcalife/PAM into Phase3
---
PAMapp/components/Interview/InterviewMsg.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 48 insertions(+), 4 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue
index b9518c4..62d0453 100644
--- a/PAMapp/components/Interview/InterviewMsg.vue
+++ b/PAMapp/components/Interview/InterviewMsg.vue
@@ -19,23 +19,39 @@
resize="none"
v-model="interviewTxt">
</el-input>
+
<div class="mdTxt mt-30 mb-10">����赤��挾</div>
<DateTimePicker
@changeDateTime="interviewTime = $event"
></DateTimePicker>
<div class="msg-dialog-btn">
- <el-button :disabled="!interviewTime">���</el-button>
+ <el-button @click="addInterview" :disabled="!interviewTime">���</el-button>
</div>
</el-dialog>
+
+ <PopUpFrame
+ :isOpen.sync="isShowSuccessAlert">
+ <div class="text--middle invite-review">
+ <div class="mb-30 mt-10">撌脩��赤�</div>
+ <div class="text--primary text--middle cursor--pointer text--underline" @click="closeAllDialog " :size="'250px'">������</div>
+ </div>
+ </PopUpFrame>
</div>
</template>
<script lang="ts">
import { Vue, Component, Prop, PropSync, Emit, Action } from 'nuxt-property-decorator';
+import appointmentService from '~/shared/services/appointment.service';
+import { Appointment, ToInformAppointment } from '~/shared/models/appointment.model';
+
@Component
-export default class InterviewAdd extends Vue {
+export default class InterviewMsg extends Vue {
+
+ @Action
+ storeMyAppointmentList!: () => Promise<number>;
+
@PropSync('isVisible')
dialogVisible!: boolean;
@@ -43,15 +59,39 @@
dialogWidth!:string;
@Prop()
- appointmentId!: number;
+ client!: Appointment;
@Emit('closeDialog')
closeDialog() {
return;
}
+ isShowSuccessAlert = false;
+
interviewTxt = "";
interviewTime = '';
+
+ //////////////////////////////////////////////////////////////////////
+
+ addInterview() {
+ console.log('client', this.client);
+ const appointmentInformation: ToInformAppointment = {
+ appointmentId: this.client.id,
+ email : this.client?.email,
+ interviewDate: this.interviewTime,
+ message : this.interviewTxt,
+ phone : this.client?.phone,
+ };
+ appointmentService.informAppointment(appointmentInformation).then((_) => {
+ this.isShowSuccessAlert = true ;
+ });
+ }
+
+ closeAllDialog() {
+ this.isShowSuccessAlert = false ;
+ this.dialogVisible = false;
+ this.storeMyAppointmentList();
+ }
}
</script>
@@ -83,5 +123,9 @@
display: flex;
justify-content: center;
}
-
+.invite-review{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
</style>
--
Gitblit v1.8.0