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/ReviewRecords/ReviewRecords.vue | 28 ++++++++++++++++++++++------ 1 files changed, 22 insertions(+), 6 deletions(-) diff --git a/PAMapp/components/ReviewRecords/ReviewRecords.vue b/PAMapp/components/ReviewRecords/ReviewRecords.vue index 2c4ed02..e1c3fb0 100644 --- a/PAMapp/components/ReviewRecords/ReviewRecords.vue +++ b/PAMapp/components/ReviewRecords/ReviewRecords.vue @@ -11,13 +11,14 @@ </section> <div class="user-reviews-page"> + <template v-if="reviewLogList.length"> <section class="user-reviews-content"> <div class="user-reviews-card" - v-for="(appointmentLog, index) in myAppointmentReviewLogList" + v-for="(appointmentLog, index) in reviewLogList" :key="index"> <div class="user-reviews-card-content" v-if="isUserLogin"> - �撠�<span class="mdTxt">{{ ` ${appointmentLog.agentName} ` }}</span>���� <UiReviewScore :score="appointmentLog.score" /> 閰嚗� + �撠�<span class="mdTxt">{{ ` ${appointmentLog.type === 'APPOINTMENT' ? appointmentLog.agentName : '撟喳'} ` }}</span>���� <UiReviewScore :score="appointmentLog.score" /> 閰嚗� </div> <div class="user-reviews-card-content" v-else> {{ `${appointmentLog.customerName} `}} 撠���� <UiReviewScore :score="appointmentLog.score" /> 閰嚗� @@ -36,24 +37,36 @@ </div> </div> </section> + </template> + <template v-else> + <section class="user-reviews-content"> + <div + class="user-reviews-card empty"> + <div class="user-reviews-card-content"> + ��鞈�� + </div> + </div> + </section> + </template> </div> </div> </template> <script lang="ts"> -import { Vue, Component, Prop } from 'nuxt-property-decorator'; - -import authService from '~/shared/services/auth.service'; import { AppointmentLog } from '~/shared/models/appointment.model'; +import { Vue, Component, Prop, Watch } from 'nuxt-property-decorator'; +import authService from '~/shared/services/auth.service'; @Component export default class ReviewRecords extends Vue{ @Prop() - myAppointmentReviewLogList!: AppointmentLog[]; + reviewLogList!: AppointmentLog[]; isUserLogin = false; + + ////////////////////////////////////////////////////////////////////// mounted() { this.isUserLogin = authService.isUserLogin(); @@ -99,6 +112,9 @@ } } + &.empty { + border-color: transparent; + } } } } -- Gitblit v1.8.0