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 | 85 ++++++++++++++++++++++++++++--------------
1 files changed, 56 insertions(+), 29 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue
index 98d0ea9..62d0453 100644
--- a/PAMapp/components/Interview/InterviewMsg.vue
+++ b/PAMapp/components/Interview/InterviewMsg.vue
@@ -19,38 +19,80 @@
resize="none"
v-model="interviewTxt">
</el-input>
+
<div class="mdTxt mt-30 mb-10">����赤��挾</div>
- <div class="date-input">
- 2022/01/10 09:00
- <i class="icon-calender icon"></i>
- </div>
+ <DateTimePicker
+ @changeDateTime="interviewTime = $event"
+ ></DateTimePicker>
<div class="msg-dialog-btn">
- <el-button>���</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 { AppointmentLog } from '~/shared/models/appointment.model';
-import { Vue, Component, Prop, PropSync, Emit } from 'nuxt-property-decorator';
-import authService from '~/shared/services/auth.service';
+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;
@Prop({default:'90%'})
dialogWidth!:string;
+ @Prop()
+ 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>
@@ -81,24 +123,9 @@
display: flex;
justify-content: center;
}
-
-.date-input {
- align-items : center;
- background-color: #fff;
- border : 1px solid #707070;
- border-radius : 5px;
- display : flex;
- font-size : 20px;
- height : 46px;
- margin-bottom : 30px;
- padding-left : 20px;
- padding-right : 20px;
-}
-.icon {
- color : $PRIMARY_RED;
- display : flex;
- flex : 1;
- justify-content: flex-end;
-}
-
+.invite-review{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
</style>
--
Gitblit v1.8.0