From b4d6944076f1df6eedaae35c4c2a7072fe988e8a Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期二, 30 四月 2024 15:34:02 +0800
Subject: [PATCH] update: package-lock.json
---
PAMapp/components/Interview/InterviewAdd.vue | 146 ++++++++++++++++++++++++++++--------------------
1 files changed, 85 insertions(+), 61 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewAdd.vue b/PAMapp/components/Interview/InterviewAdd.vue
index 3f867d8..8107e6b 100644
--- a/PAMapp/components/Interview/InterviewAdd.vue
+++ b/PAMapp/components/Interview/InterviewAdd.vue
@@ -1,37 +1,41 @@
<template>
<div class="edit-appointment-record">
- <div class="edit-appointment-record-date" v-if="interviewId">
+ <div class="edit-appointment-record-date" v-if="interviewId && interviewRecord">
<span>{{interviewRecord.createdDate | formatDate}} 撱箇��</span>
<span>{{interviewRecord.lastModifiedDate | formatDate}} ��</span>
</div>
<el-row class="mdTxt mb-10">
- <el-col :xs="16" :sm="20">蝝赤����</el-col>
+ <el-col :xs="16" :sm="20">
+ <span :class="{'required': !interviewId || isEdit}">蝝赤����</span>
+ </el-col>
<el-col :xs="8" :sm="4" class="text--right" v-if="interviewId">
<span
v-if="!isEdit"
- class="mr-10 text--primary text--underline cursor--pointer"
+ class="mr-10 text--primary cursor--pointer"
@click="showCancelPopUp = true"
- >��</span>
+ ><i class="icon-delet"></i></span>
<span
v-if="!isEdit"
- class="text--primary text--underline cursor--pointer"
+ class="text--primary cursor--pointer"
@click="isEdit = !isEdit"
- >蝺刻摩</span>
+ ><i class="icon-edit"></i></span>
</el-col>
</el-row>
+
<template v-if="!interviewId || isEdit">
<DateTimePicker
+ :disabledBeforeSpecificDate="appointmentDetail.appointmentDate"
@changeDateTime="interviewTime = $event"
:defaultValue="defaultValue"
></DateTimePicker>
</template>
<template v-else>
- <div class="mdTxt lighter mt-20">
+ <div class="fs-20 mt-20">
{{formatInterviewDate}}
</div>
</template>
- <div class="mdTxt mb-10 mt-30">蝝赤蝝����</div>
+ <div class="mdTxt mb-10 mt-30" :class="{'required': !interviewId || isEdit}">蝝赤蝝����</div>
<template v-if="!interviewId || isEdit">
<el-input
type="textarea"
@@ -43,7 +47,7 @@
</el-input>
</template>
<template v-else>
- <div class="mdTxt lighter mt-20">
+ <div class="fs-20 mt-20 text--break-all line-height">
{{content}}
</div>
</template>
@@ -77,7 +81,7 @@
@closePopUp="closePopup">
<div class="text--center mdTxt">{{confirmTxt}}嚗�</div>
<div class="text--center mdTxt">蝡���赤�嚗�</div>
- <div class="text--center mt-30">
+ <div class="text--center mt-30 confirm-btn">
<el-button @click="closePopup">�����</el-button>
<el-button @click="showInterviewMsgPopup = true" type="primary">���赤�</el-button>
</div>
@@ -85,25 +89,27 @@
<InterviewMsg
:isVisible.sync="showInterviewMsgPopup"
+ :client="appointmentDetail"
+ :defaultValue="interviewTime"
@closeDialog="closePopup"
></InterviewMsg>
</div>
</template>
<script lang="ts">
-import { InterviewRecord, InterviewRecordInfo } from '~/shared/models/appointment.model';
-import { Vue, Component, Prop, State, Mutation, Watch, Action } from 'nuxt-property-decorator';
+import { Appointment, InterviewRecord, InterviewRecordInfo } from '~/shared/models/appointment.model';
+import { Vue, Component, Watch, namespace } from 'nuxt-property-decorator';
import appointmentService from '~/shared/services/appointment.service';
+
+const appointmentStore = namespace('appointment.store');
@Component
export default class InterviewAdd extends Vue {
- @State
- interviewRecord!: InterviewRecord;
- @Mutation
- updateInterviewRecord!: (data: InterviewRecord) => void;
+ @appointmentStore.State
+ appointmentDetail!: Appointment;
- @Mutation
- clearInterviewRecord!: () => void;
+ @appointmentStore.Action
+ updateAppointmentDetail!: (id: number) => Appointment;
interviewTime = '';
content = '';
@@ -121,38 +127,29 @@
defaultValue = '';
+ interviewRecord!: InterviewRecord;
+
////////////////////////////////////////////////////////////////////
mounted() {
this.interviewId = this.$route.params.interviewId;
this.appointmentId = this.$route.params.appointmentId;
- const isEditPage = this.interviewId && this.interviewRecord;
- if (isEditPage) {
- this.checkInterviewRecord();
- }
- }
- private checkInterviewRecord() {
- if (this.interviewRecord.appointmentId !== +this.appointmentId
- || this.interviewRecord.id !== +this.interviewId) {
- appointmentService.getAppointmentDetail(+this.appointmentId).then((data) => {
- const currentInterviewRecord = data.interviewRecordDTOs.filter(item => item.id === +this.interviewId)[0];
- this.updateInterviewRecord(currentInterviewRecord);
- })
- }
- }
-
- destroyed() {
- this.clearInterviewRecord();
+ this.onAppointmentDetailChange();
}
////////////////////////////////////////////////////////////////////
- @Watch('interviewRecord', {immediate: true})
- watchInterviewRecord() {
- if (this.interviewRecord && this.interviewRecord.content) {
- this.content = this.interviewRecord.content;
- this.defaultValue = this.interviewRecord.interviewDate;
+ @Watch('appointmentDetail', {immediate: true})
+ onAppointmentDetailChange() {
+ if (this.appointmentDetail && this.appointmentDetail.id === +this.appointmentId) {
+ this.interviewRecord = this.appointmentDetail.interviewRecordDTOs
+ .filter(item => item.id === +this.interviewId)[0];
+
+ if (this.interviewRecord && this.interviewId) {
+ this.content = this.interviewRecord.content;
+ this.defaultValue = this.interviewRecord.interviewDate;
+ }
}
}
@@ -177,34 +174,40 @@
private createdRecord(interviewRecordInfo) {
appointmentService.createInterviewRecord(interviewRecordInfo).then(res => {
- this.confirmTxt = '�憓���'
- this.showPopUp();
+ this.showPopUp('�憓���');
});
}
- private updateRecord(updateInterviewRecord) {
- appointmentService.updateInterviewRecord(updateInterviewRecord).then(res => {
- this.confirmTxt = '蝺刻摩����';
- this.showPopUp();
- });
+ private async updateRecord(updateInterviewRecord) {
+ try {
+ const response = await appointmentService.updateInterviewRecord(updateInterviewRecord);
+ if (response !== null) {
+ this.showPopUp('蝺刻摩����');
+ } else {
+ throw new Error('appointmentService.updateInterviewRecord returned null-like value.');
+ }
+ } catch (error) {
+ console.error('An error occurred while updating interview record:', error);
+ throw error;
}
+ }
- private showPopUp() {
- if (new Date(this.interviewTime).getTime() >= new Date().getTime()) {
+ private showPopUp(confirmTxt) {
+ this.confirmTxt = confirmTxt;
+ this.updateAppointmentDetail(+this.appointmentId);
+
+ if (new Date(this.interviewTime).getTime() >= new Date().getTime() && (!this.appointmentDetail.appointmentClosedInfo)) {
this.showFutureDateConfirmPopup = true;
} else {
this.showConfirmPopup = true;
}
}
- closePopup() {
- this.$router.push(`/appointment/${this.appointmentId}`);
- }
-
deleteInterviewRecord() {
appointmentService.deleteInterviewRecord(this.interviewId).then(res => {
this.confirmTxt = '������';
this.showConfirmPopup = true;
+ this.updateAppointmentDetail(+this.appointmentId);
});
}
@@ -214,8 +217,12 @@
this.defaultValue = this.interviewRecord.interviewDate;
this.isEdit = false;
} else {
- this.$router.push(`/appointment/${this.appointmentId}`);
+ this.$router.go(-1);
}
+ }
+
+ closePopup() {
+ this.$router.go(-1);
}
////////////////////////////////////////////////////////////////////
@@ -230,7 +237,7 @@
}
</script>
-<style lang="scss" scoped>
+<style lang="scss" >
.edit-appointment-record {
padding-left : 10px;
padding-right: 10px;
@@ -241,15 +248,32 @@
margin-bottom : 26px;
}
}
-.icon {
- color : $PRIMARY_RED;
- display : flex;
- flex : 1;
- justify-content: flex-end;
-}
.edit-appointment-record-btn{
margin-top: 30px;
display: flex;
justify-content: center;
}
+.el-textarea__inner {
+ border: 1px solid #707070;
+ padding: 10px 20px;
+ font-size: 20px;
+ &::placeholder {
+ font-size: 20px;
+ }
+}
+.required {
+ position: relative;
+
+ &::before {
+ content: '*';
+ position: absolute;
+ color: #FF0000;
+ transform: translate(-12px, 0);
+ z-index: 5;
+ }
+ }
+.confirm-btn{
+ display: flex;
+ justify-content: center;
+}
</style>
--
Gitblit v1.8.0