From 46da7429ca192bf6a947d79437e8076b94676a05 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期四, 13 一月 2022 16:29:45 +0800 Subject: [PATCH] update: 刪除重複的 interface: clientInfo => appointment --- 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