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