From dc834c0bb42b788888212d5a58eeff0d98373bec Mon Sep 17 00:00:00 2001 From: HelenHuang <LinHuang@pollex.com.tw> Date: 星期二, 15 二月 2022 17:04:13 +0800 Subject: [PATCH] Update#135214 [平台滿意度] 調整填寫滿意度 overall 頁面 --- PAMapp/pages/satisfactionList.vue | 34 +++++++++++++++++++++++++++++----- 1 files changed, 29 insertions(+), 5 deletions(-) diff --git a/PAMapp/pages/satisfactionList.vue b/PAMapp/pages/satisfactionList.vue index 99ef165..dbf2330 100644 --- a/PAMapp/pages/satisfactionList.vue +++ b/PAMapp/pages/satisfactionList.vue @@ -8,11 +8,20 @@ </div> <template v-if="mapUnReviewLogList.length"> <div class="satisfaction-card" v-for="(item, index) in mapUnReviewLogList" :key="index"> - <div class="satisfaction-card-content"> + <div class="satisfaction-card-content" v-if="item.agentName"> <UiAvatar :size="80" :agentNo="item.agentNo"></UiAvatar> <div class="satisfaction-card-text">撠憿批�� <span class="text--primary text--bold">{{item.agentName}}</span> ��擃���蝯虫�嗾憿��嚗� + </div> + </div> + <div class="satisfaction-card-content" v-else> + <div class="pam-satisfaction-avatar"> + <span class="pam-satisfaction-avatar-txt">撟喳</span> + </div> + <div class="satisfaction-card-text" >撠 + <span class="text--primary text--bold">������</span> + 撟喳��擃���蝯虫�嗾憿��嚗� </div> </div> <el-rate @@ -46,9 +55,10 @@ <script lang="ts"> import { Vue, Component, Action, State, Watch } from 'nuxt-property-decorator'; -import { AppointmentLog } from '~/shared/models/appointment.model'; -import { UserReviewsConsultantsParams } from '~/shared/models/reviews.model'; + import reviewsService from '~/shared/services/reviews.service'; +import { AppointmentLog } from '~/shared/models/appointment.model'; +import { UserReviewParams } from '~/shared/models/reviews.model'; @Component({ layout: 'home' @@ -80,12 +90,13 @@ /////////////////////////////////////////////////////// sent() { - const reviewParams: UserReviewsConsultantsParams[] = this.mapUnReviewLogList + const reviewParams: UserReviewParams[] = this.mapUnReviewLogList .filter(item => item.satisfaction > 0) .map(item => { return { appointmentId: item.appointmentId, - score: item.satisfaction + score: item.satisfaction, + type: item.type } }) @@ -147,6 +158,19 @@ font-size: 20px; padding-left: 10px; } + .pam-satisfaction-avatar{ + height: 80px; + width: 80px; + border-radius: 50%; + background-color:#F09491; + justify-content: center; + align-items: center; + display: flex; + .pam-satisfaction-avatar-txt{ + font-size: 18px; + color: #fff; + } + } @include desktop { justify-content: flex-start; -- Gitblit v1.8.0