From ab9d102ce99644f73ff365a1e70afbda1e14276d Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期五, 28 七月 2023 12:03:32 +0800
Subject: [PATCH] Update: 顧問諮詢方式欄位(畫面)
---
PAMapp/pages/questionnaire/_agentNo.vue | 105 ++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 81 insertions(+), 24 deletions(-)
diff --git a/PAMapp/pages/questionnaire/_agentNo.vue b/PAMapp/pages/questionnaire/_agentNo.vue
index 95e375e..0c0c815 100644
--- a/PAMapp/pages/questionnaire/_agentNo.vue
+++ b/PAMapp/pages/questionnaire/_agentNo.vue
@@ -67,7 +67,7 @@
<div class="ques-container">
<div class="pam-paragraph">
<div class="mdTxt">
- �閬岷������
+ �鈭圾�����
<span class="hint text--bold">
(�銴)
</span>
@@ -76,6 +76,12 @@
<MultiSelectBtn class="mt-10"
:mutiSelect.sync="myRequest.requirement"
:options="requirementOptions" />
+ </div>
+ <div class="pam-paragraph">
+ <div class="mdTxt">隢株岷�撘�</div>
+ <SingleSelectBtn class="mt-10"
+ :singleSelected.sync="myRequest.consultantMode"
+ :options="consultantModeOptions" />
</div>
<div class="pam-paragraph">
<div class="mdTxt">����批</div>
@@ -103,7 +109,7 @@
<PopUpFrame :isOpen.sync="showDrawer">
<div class="qaTextTitle mdTxt">
- <strong>�閬岷������</strong>
+ <strong>�鈭圾�����</strong>
</div>
<div class="qa-dialog">
<div v-for="(qaText,index) in quesAboutList" :key="index" >
@@ -121,24 +127,19 @@
<PopUpFrame :isOpen.sync="sendReserve" @update:isOpen="closeReservePopUp">
<div class="mdTxt mt-30 sendReserve-txt">�������</div>
<div class="mdTxt sendReserve-txt mb-30">�����“�������蝯∴��</div>
- <!-- TODO: �銝脫 api, ���像�皛踵�漲 -->
- <!-- <div class="pam-app-review mb-10">
+ <div class="pam-app-review mb-10">
<div class="mdTxt mb-10">撠
<span class="mdTxt text--primary text--bold ">������</span>
撟喳��擃����
</div>
<div class="mdTxt">�蝯虫�嗾憿��嚗�</div>
</div>
- <el-rate v-model="score" class="pam-satisfaction-rate fix-chrome-click--issue"></el-rate> -->
+ <el-rate v-model="score" class="pam-satisfaction-rate fix-chrome-click--issue"></el-rate>
<div class="text--center mdTxt">
- <!-- <el-button @click="closeReservePopUp">����</el-button>
+ <el-button @click="closeReservePopUp">����</el-button>
<el-button type="primary"
- @click="closeReservePopUp">
+ @click="reviewPlatform">
�
- </el-button> -->
- <el-button type="primary"
- @click="closeReservePopUp">
- ������
</el-button>
</div>
</PopUpFrame>
@@ -161,14 +162,19 @@
import { getRequestsFromStorage, removeRequestQuestionFromStorage, setRequestsToStorage } from '~/shared/storageRequests';
import _ from 'lodash';
+import accountSettingService from '~/shared/services/account-setting.service';
import appointmentService from '~/shared/services/appointment.service';
import authService from '~/shared/services/auth.service';
import queryConsultantService from '~/shared/services/query-consultant.service';
+import reviewsService from '~/shared/services/reviews.service';
import { Consultant } from '~/shared/models/consultant.model';
import { ContactType } from '~/shared/models/enum/ContactType';
import { Gender } from '~/shared/models/enum/Gender';
import { RegisterInfo } from '~/shared/models/registerInfo';
import { AppointmentParams, AppointmentRequests } from '~/shared/models/appointment.model';
+import { UserSetting } from '~/shared/models/account.model';
+import { SatisfactionType } from '~/shared/models/enum/satisfaction-type';
+import { UserReviewParams } from '~/shared/models/reviews.model';
const roleStorage = namespace('localStorage');
@Component
@@ -185,7 +191,10 @@
@roleStorage.State
recommendConsultantItem!:string;
- score ="" ;
+ @roleStorage.Mutation
+ storageUserInfo!: (params: RegisterInfo) => void;
+
+ score = 0;
genderOptions=[
{
@@ -195,6 +204,17 @@
{
title:'憟單��',
label:Gender.FEMALE,
+ }
+ ];
+
+ consultantModeOptions = [
+ {
+ title: '蝺��',
+ label: 'ONLINE'
+ },
+ {
+ title: '蝺��',
+ label: 'OFFLINE'
}
];
@@ -284,8 +304,9 @@
];
myRequest: AppointmentRequests = {
- phone : this.userInfo?.phone ? this.userInfo.phone : '',
- email : this.userInfo?.email ? this.userInfo.email : '',
+ name : '',
+ phone : '',
+ email : '',
contactType : _.isEqual(this.userInfo?.contactType,ContactType.SMS) ? ContactType.PHONE: ContactType.EMAIL,
gender : '',
age : '',
@@ -296,6 +317,7 @@
selectTimesOptions: [],
}],
agentNo: '',
+ consultantMode: '',
};
showDrawer= false;
@@ -352,6 +374,17 @@
}
removeRequestQuestionFromStorage();
}
+
+ if (authService.isUserLogin()) {
+ accountSettingService.getUserAccountSetting().then((contactTypeDetail) => {
+ this.myRequest = {
+ ...this.myRequest,
+ ...contactTypeDetail
+ }
+ })
+ }
+
+
}
////////////////////////////////////////////////////////////////////////////
@@ -387,20 +420,23 @@
private getReservedData(appointmentInfo) {
if (appointmentInfo) {
- const hopeContactTime = appointmentInfo!.hopeContactTime.split("'")
- .filter(item => item && item !== ',');
- this.getAppointmentId(appointmentInfo);
-
- return {
- ...appointmentInfo,
- hopeContactTime: hopeContactTime.map(item => {
+ const hopeContactTime = appointmentInfo!.hopeContactTime
+ ? appointmentInfo!.hopeContactTime.split("'").filter(item => item && item !== ',').map(item => {
const info = item.split('��');
return {
selectWeekOptions: info[0].split(','),
selectTimesOptions: info[1].split(',')
}
- }),
- requirement: appointmentInfo.requirement.split(',')
+ })
+ :[{selectWeekOptions : [],selectTimesOptions: []}];
+ this.getAppointmentId(appointmentInfo);
+
+ return {
+ ...appointmentInfo,
+ hopeContactTime: hopeContactTime,
+ requirement: appointmentInfo.requirement
+ ? appointmentInfo.requirement.split(',')
+ : []
}
} else {
return null;
@@ -420,8 +456,17 @@
if (this.isEditBtn) {
this.editAppointmentDemand();
} else {
- queryConsultantService.addFavoriteConsultant([this.$route.params.agentNo]).then(res => this.sentAppointmentDemand());
+ queryConsultantService.addFavoriteConsultant([{ agentNo: this.$route.params.agentNo, createdTime: new Date().toISOString()}]).then(res => this.sentAppointmentDemand());
}
+ const editSettingInfo: UserSetting = {
+ name: this.myRequest.name,
+ phone: this.myRequest.phone,
+ email: this.myRequest.email,
+ }
+
+ accountSettingService.updateAccountSetting(editSettingInfo).then((_) => {
+ this.storageUserInfo(this.userInfo);
+ });
}
private editAppointmentDemand() {
@@ -450,6 +495,7 @@
queryConsultantService.appointmentDemand(data).then(res => {
this.sendReserve = true;
this.myRequest.hopeContactTime = [];
+ this.appointmentId = res['id'];
setRequestsToStorage(this.myRequest);
});
}
@@ -461,6 +507,17 @@
).toString();
}
+ reviewPlatform(): void {
+ const reviewPlatformParams: UserReviewParams = {
+ appointmentId: this.appointmentId,
+ score: this.score,
+ type: SatisfactionType.SYSTEM
+ };
+ reviewsService.reviewPlatform(reviewPlatformParams).then((_) => {
+ this.closeReservePopUp();
+ });
+ }
+
closeReservePopUp() {
this.sendReserve = false;
this.$router.push('/')
--
Gitblit v1.8.0