From 34b08e1c461f5e08675fcff95525956d7c4bef11 Mon Sep 17 00:00:00 2001 From: wayne <wayne8692wayne8692@gmail.com> Date: 星期四, 17 二月 2022 11:38:48 +0800 Subject: [PATCH] Merge branch 'Phase3' into pollex-dev --- PAMapp/components/Consultant/ConsultantCard.vue | 60 +++++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 37 insertions(+), 23 deletions(-) diff --git a/PAMapp/components/Consultant/ConsultantCard.vue b/PAMapp/components/Consultant/ConsultantCard.vue index b154bf8..642c210 100644 --- a/PAMapp/components/Consultant/ConsultantCard.vue +++ b/PAMapp/components/Consultant/ConsultantCard.vue @@ -7,16 +7,27 @@ :agentNo="agentInfo.agentNo" @click.native="showAgentDetail(agentInfo.agentNo)" ></UiAvatar> - <!-- TODO:���遛��漲 --> - <div v-if="!hideReviews"> - <i class="icon-star pam-icon icon--yellow satisfaction" v-if="notScoreAppointmentYet"></i> - <span v-if="notScoreAppointmentYet"> - {{ agentInfo.satisfactionScore }} - </span> - <div class="unfilled text--center " - style="display:flex" - v-if="notScoreAppointmentYet">�憛�<br />皛踵�漲</div> - <span v-if="agentInfo.contactStatus !== 'contacted'">{{ agentInfo.avgScore }}</span> + <div v-if="!hideReviews" style="display: flex; justify-content: flex-start; align-items: center; margin-top: 6px; font-size: 12px"> + <i v-if="isAppointment ? agentInfo.appointmentScore : agentInfo.avgScore" + class="icon-star pam-icon icon--yellow satisfaction" + style="margin-top: 0"></i> + <template v-if="isAppointment"> + <template v-if="agentInfo.appointmentStatus === 'closed' + || agentInfo.appointmentStatus === 'done'"> + <span v-if="agentInfo.appointmentScore"> + {{ agentInfo.appointmentScore }} + </span> + <div class="unfilled text--center " + style="display:flex" + v-else>�憛�<br />皛踵�漲</div> + </template> + </template> + <template v-else> + <span v-if="agentInfo.avgScore">{{ agentInfo.avgScore }}</span> + <span class="unfilled text--center " + style="display:flex" v-else>撠<br />皛踵�漲</span> + </template> + </div> </el-col> <el-col :xs="10" :sm="15"> @@ -34,7 +45,7 @@ @click="isRemoveAgentPopup = true" >蝘駁</div> <div - v-if="notScoreAppointmentYet" + v-if="notScoreAppointmentYet && (agentInfo.appointmentStatus === 'closed' || agentInfo.appointmentStatus === 'done')" class="text--primary text--underline cursor--pointer xsTxt text--bold" @click="reviewsBtn = true">蝯虫�遛��漲閰��</div> </el-col> @@ -45,7 +56,7 @@ :class="actionBtnStyle" >{{ actionBtnLabel }}</el-button> <div class="updateTime mt-10"> - {{ agentInfo.updateTime | formatDate }} + {{ (isAppointment ? agentInfo.appointmentLastModifiedDate : agentInfo.updateTime) | formatDate }} </div> </el-col> </el-row> @@ -57,7 +68,7 @@ > <div v-if="appointmentDetail"> <h5 class="subTitle text--center mb-30">������</h5> - <p class="smTxt">{{appointmentDetail.appointmentDate | formatDate}}</p> + <p class="smTxt">{{appointmentDetail.appointmentDate | formatDate}} 撱箇��</p> <div class="reserved-info"> <p>憪��{appointmentDetail.name}}</p> <p>�閰梧�{appointmentDetail.phone}}</p> @@ -70,17 +81,17 @@ v-for="(item, index) in hopeContactTime" :key="index" >��蝯⊥�挾{{index + 1 | formatNumber}}嚗{ item | formatHopeContactTime }}</p> - <div v-if="appointmentDetail.satisfactionScore"> + <div v-if="appointmentDetail.appointmentScore"> <div class="mdTxt mt-10 mb-10">皛踵�漲</div> <el-rate - :value="appointmentDetail.satisfactionScore" + :value="appointmentDetail.appointmentScore" class="pam-myDemand-dialog__rate" disabled> </el-rate> </div> </div> - <div v-if="notScoreAppointmentYet" class="reserved-btn"> + <div v-if="notScoreAppointmentYet && (agentInfo.appointmentStatus === 'closed' || agentInfo.appointmentStatus === 'done')" class="reserved-btn"> <el-button type="primary" @click.native="reviewsBtn = true">蝯虫�遛��漲閰��</el-button> </div> @@ -151,7 +162,8 @@ import { hideReviews } from '~/shared/const/hide-reviews'; import { Consultant, ConsultantWithAppointmentId } from '~/shared/models/consultant.model'; import { Appointment } from '~/shared/models/appointment.model'; -import { UserReviewsConsultantsParams } from '~/shared/models/reviews.model'; +import { SatisfactionType } from '~/shared/models/enum/satisfaction-type'; +import { UserReviewParams } from '~/shared/models/reviews.model'; const localStorage = namespace('localStorage'); @Component({ @@ -212,13 +224,14 @@ otherRequirement : null, phone : "", requirement : '', - satisfactionScore : 0, + appointmentScore : 0, }; get notScoreAppointmentYet(): boolean { const isAppointment = !!this.agentInfo['appointmentStatus']; - if (!isAppointment) return false; - return this.agentInfo['appointmentStatus'] !== 'contacted' ? !this.agentInfo['appointmentScore'] : false; + return isAppointment + ? !this.agentInfo['appointmentScore'] + : !this.agentInfo.avgScore } get isAppointment(): boolean { @@ -340,7 +353,7 @@ appointmentService.getAppointmentDetail(appointmentId!).then(res => { this.appointmentDetail = { ...res, - satisfactionScore: this.agentInfo['appointmentScore'], + appointmentScore: this.agentInfo['appointmentScore'], }; this.width = UtilsService.isMobileDevice() ? '80%' : ''; this.isVisibleDialog = true; @@ -368,11 +381,12 @@ ? this.agentInfo['appointmentId'] : this.latestNotClosedAppointment.id; - const reviewParams: UserReviewsConsultantsParams = { + const reviewParams: UserReviewParams = { appointmentId: appointmentId, score: this.inputScore, + type : SatisfactionType.APPOINTMENT, } - this.appointmentDetail.satisfactionScore = this.inputScore; + this.appointmentDetail.appointmentScore = this.inputScore; reviewsService.userReviewsConsultants(reviewParams).then((res) => { this.reviewsBtn = false; -- Gitblit v1.8.0