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