From f90c94f20b5f11d3b3ce0164d619c0112d5158c9 Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期四, 20 一月 2022 18:23:56 +0800 Subject: [PATCH] update: TODO#133100 顧問端:header增加顧問頭像圖示 --- PAMapp/components/ReviewRecords/ReviewRecords.vue | 22 ++++++++++++++++++---- 1 files changed, 18 insertions(+), 4 deletions(-) diff --git a/PAMapp/components/ReviewRecords/ReviewRecords.vue b/PAMapp/components/ReviewRecords/ReviewRecords.vue index 2c4ed02..422c3a1 100644 --- a/PAMapp/components/ReviewRecords/ReviewRecords.vue +++ b/PAMapp/components/ReviewRecords/ReviewRecords.vue @@ -11,6 +11,7 @@ </section> <div class="user-reviews-page"> + <template v-if="myAppointmentReviewLogList.length"> <section class="user-reviews-content"> <div class="user-reviews-card" @@ -36,25 +37,35 @@ </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 } from 'nuxt-property-decorator'; +import authService from '~/shared/services/auth.service'; @Component export default class ReviewRecords extends Vue{ - @Prop() myAppointmentReviewLogList!: AppointmentLog[]; isUserLogin = false; + ////////////////////////////////////////////////////////////////////// mounted() { this.isUserLogin = authService.isUserLogin(); } @@ -99,6 +110,9 @@ } } + &.empty { + border-color: transparent; + } } } } -- Gitblit v1.8.0