From 31f6ff0ebbf3d374e6e0acdeda72bccdd86de2d5 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 10 二月 2022 14:16:15 +0800
Subject: [PATCH] update#134662: [ 顧問管理流程 ] 編輯顧問個人資料 : 所在地區,無產生選擇器

---
 PAMapp/components/ReviewRecords/ReviewRecords.vue |   26 +++++++++++++++++++++-----
 1 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/PAMapp/components/ReviewRecords/ReviewRecords.vue b/PAMapp/components/ReviewRecords/ReviewRecords.vue
index 2c4ed02..5258e5e 100644
--- a/PAMapp/components/ReviewRecords/ReviewRecords.vue
+++ b/PAMapp/components/ReviewRecords/ReviewRecords.vue
@@ -11,10 +11,11 @@
     </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" /> 閰嚗�
@@ -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