From 42beea233cd7d041cbb206130f2c932461119d91 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期三, 19 一月 2022 16:10:11 +0800
Subject: [PATCH] clean code
---
PAMapp/components/Interview/InterviewMsg.vue | 111 +++++++++++++++++++++++++------------------------------
1 files changed, 51 insertions(+), 60 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue
index 7d671ce..caa71b6 100644
--- a/PAMapp/components/Interview/InterviewMsg.vue
+++ b/PAMapp/components/Interview/InterviewMsg.vue
@@ -1,5 +1,5 @@
<template>
- <div>
+ <div class="interview-msg-component">
<el-dialog
:visible.sync="dialogVisible"
:width="dialogWidth"
@@ -14,10 +14,10 @@
<el-input
type="textarea"
- :rows="9"
+ :autosize="true"
placeholder="蝝赤�"
resize="none"
- v-model="interviewTxt">
+ v-model="isInterviewTxt">
</el-input>
<div class="mdTxt mt-30 mb-10">����赤��挾</div>
@@ -41,29 +41,19 @@
</div>
</template>
<script lang="ts">
-import { Vue, Component, Prop, PropSync, Emit, namespace } 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 { ContactStatus } from '~/shared/models/enum/contact-status';
+import { AgentInfo } from '~/shared/models/agent-info.model';
-const appointmentStore = namespace('appointment.store');
+const loginStore = namespace('login.store');
@Component
export default class InterviewMsg extends Vue {
- @appointmentStore.Action
- getMyAppointmentList!: () => Promise<Appointment[]>;
-
-
- @appointmentStore.Action
- updateMyAppointmentList!:(appointment: Appointment) => Appointment[];
-
- @appointmentStore.Action
- updateAppointmentDetail!: (appointmentId: number) => Promise<Appointment>;
-
- @appointmentStore.State
- appointmentDetail!: Appointment;
+ @Action
+ storeMyAppointmentList!: () => Promise<number>;
@PropSync('isVisible')
dialogVisible!: boolean;
@@ -79,12 +69,13 @@
return;
}
- interviewTime = '';
- interviewTxt = '';
+ @loginStore.State
+ loginConsultant!: AgentInfo;
+
isShowSuccessAlert = false;
- contactStatus = ContactStatus;
-
+ interviewTxt = "";
+ interviewTime = '';
//////////////////////////////////////////////////////////////////////
addInterview() {
@@ -95,57 +86,57 @@
message : this.interviewTxt,
phone : this.client?.phone,
};
-
appointmentService.informAppointment(appointmentInformation).then((_) => {
this.isShowSuccessAlert = true ;
- const updatedAppointment = {
- ...this.appointmentDetail,
- communicateStatus: this.contactStatus.CONTACTED,
- };
- this.updateMyAppointmentList(updatedAppointment);
- this.updateAppointmentDetail(updatedAppointment.id);
});
}
closeAllDialog() {
this.isShowSuccessAlert = false ;
this.dialogVisible = false;
- this.getMyAppointmentList();
+ this.storeMyAppointmentList();
+ }
+
+ get isInterviewTxt() : string{
+ return this.interviewTxt = "�憟踝��靽���像����憿批��" + this.loginConsultant.name + "嚗�����������銝膩������蝜�"+"\n"+"隞乩����閰梯�Ⅳ/Email嚗�"+"\n" + this.loginConsultant.phoneNumber + "\n" + this.loginConsultant.email + "\n"+"�甇斗���靘選����蝜恬�����"
}
}
</script>
-<style lang="scss" scoped>
-.msg-dialog-title{
- display: flex;
- justify-content: center;
- margin-bottom:30px;
- color: $PRIMARY_BLACK;
-}
-.send-msg-nav{
- display: flex;
- justify-content: space-between;
- margin-bottom: 10px;
- color: $PRIMARY_BLACK;
-}
-.el-dialog{
- width:90%
-}
-.el-textarea__inner{
- font-size: 20px;
- padding:10px;
- text-align: justify;
- font-weight: 500;
-}
-.msg-dialog-btn{
- margin-top: 30px;
- display: flex;
- justify-content: center;
-}
-.invite-review{
+<style lang="scss" >
+.interview-msg-component{
+
+ .msg-dialog-title{
display: flex;
- flex-direction: column;
- align-items: center;
+ justify-content: center;
+ margin-bottom:30px;
+ color: $PRIMARY_BLACK;
}
+ .send-msg-nav{
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ color: $PRIMARY_BLACK;
+ }
+ .el-dialog{
+ width:90%
+ }
+ .el-textarea__inner{
+ font-size: 20px;
+ padding:10px;
+ text-align: justify;
+ font-weight: 600;
+ }
+ .msg-dialog-btn{
+ margin-top: 30px;
+ display: flex;
+ justify-content: center;
+ }
+ .invite-review{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+}
</style>
--
Gitblit v1.8.0