From 1f41a6596e600e00659f76dffde5a1d5f65c688d Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期二, 16 十一月 2021 09:50:09 +0800
Subject: [PATCH] TODO#130018 嚴選顧問推薦串接加入顧問 api

---
 PAMapp/components/Consultant/ConsultantList.vue |   30 +++++++++++++++++-------------
 1 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/PAMapp/components/Consultant/ConsultantList.vue b/PAMapp/components/Consultant/ConsultantList.vue
index efc3914..e4a735d 100644
--- a/PAMapp/components/Consultant/ConsultantList.vue
+++ b/PAMapp/components/Consultant/ConsultantList.vue
@@ -8,15 +8,15 @@
                 @removeAgent="removeAgent"
             ></ConsultantCard>
         </template>
-        <template v-else-if="noLogin">
-            <div class="emptyRowStyle">
-                <div class="mdTxt login" @click="$router.push('/login')">��</div>
-                <div class="smTxt txt">���憭歇�憿批��</div>
-            </div>
-        </template>
         <template v-else>
             <div class="emptyRowStyle">
                 <div class="smTxt txt">����撌脤憿批��</div>
+            </div>
+        </template>
+        <template v-if="!isLogin && agents.length > 0">
+            <div class="emptyRowStyle">
+                <div class="mdTxt login" @click="$router.push('/login')">��</div>
+                <div class="smTxt txt">���憭�</div>
             </div>
         </template>
     </div>
@@ -24,13 +24,16 @@
 
 <script lang="ts">
 import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator';
-import { Agents } from '~/plugins/api/home';
+import { Consultants } from '~/assets/ts/api/consultant';
+import { isLogin } from '~/assets/ts/auth';
 
 @Component
 export default class ConsultantList extends Vue {
-    @Prop() agents!: Agents[];
+    @Prop() agents!: Consultants[];
 
-    noLogin = false;
+    get isLogin() {
+        return isLogin();
+    }
 
     @Emit('removeAgent') removeAgent(agentId: number) {
         return agentId;
@@ -39,8 +42,9 @@
 </script>
 
 <style lang="scss" scoped>
+
     .emptyRowStyle {
-        background-color: #FFFFFF;
+        background-color: $PRIMARY_WHITE;
         width: 100%;
         height: 100px;
         display: flex;
@@ -48,14 +52,14 @@
         align-items: center;
 
         .login {
-            color: #ED1B2E;
+            color: $PRIMARY_RED;
             cursor: pointer;
         }
 
         .txt {
-            color: #68737A;
+            color: $PRUDENTIAL_GREY;
             margin-left: 17px;
         }
     }
 
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.8.0