From cd4a64b39c429f2f5b45cb042d1b66f1cd3904cd Mon Sep 17 00:00:00 2001
From: 劉鈞霖 <benson@gmail.com>
Date: 星期一, 15 十一月 2021 18:06:40 +0800
Subject: [PATCH] [ Update ] 更新 navbar 清單 根據 角色 顯示清單

---
 PAMapp/pages/index.vue |   47 +++++++++++++++++++++--------------------------
 1 files changed, 21 insertions(+), 26 deletions(-)

diff --git a/PAMapp/pages/index.vue b/PAMapp/pages/index.vue
index 041596f..feffa01 100644
--- a/PAMapp/pages/index.vue
+++ b/PAMapp/pages/index.vue
@@ -1,7 +1,5 @@
 <template>
     <div>
-        <el-button @click="login">��</el-button>
-        <el-button @click="remove">��</el-button>
         <Ui-Carousel></Ui-Carousel>
         <div class="page-container">
             <h5 class="mdTxt mb-30">����憿批��</h5>
@@ -22,7 +20,10 @@
                     <span class="mdTxt">���“���</span>
                     <span class="smTxt_bold amount">� {{consultantList.length}} 蝑�</span>
                 </el-col>
-                <el-col :span="8" class="mdTxt readMore"
+                <el-col
+                    :span="8"
+                    class="mdTxt readMore"
+                    v-if="consultantList.length > 3"
                     @click.native="routerPush('/myConsultantList/consultantList')">���憭�</el-col>
             </el-row>
             <ConsultantList
@@ -40,8 +41,9 @@
 
 <script lang="ts">
 import { Vue, Component, State, Action } from 'nuxt-property-decorator';
-import { Consultants } from '~/assets/ts/api/consultant';
-import { login, recommend, getFavoriteConsultant } from '~/assets/ts/api/consultant';
+import { getFavoriteFromStorage, setFavoriteToStorage } from '~/assets/ts/storageConsultant';
+import { addFavoriteConsultant, Consultants } from '~/assets/ts/api/consultant';
+import { login, getFavoriteConsultant } from '~/assets/ts/api/consultant';
 import { isLogin } from '~/assets/ts/auth';
 
 @Component({
@@ -54,46 +56,39 @@
     @Action storeRecommendList!: any;
 
     mounted() {
-
         if (!this.recommendList) {
             this.storeRecommendList();
         }
 
         if (isLogin()) {
+            this.addFavoriteFromStorageToApi();
             getFavoriteConsultant().then((response) => this.consultantList = response.data);
+        } else {
+            this.consultantList = getFavoriteFromStorage();
         }
+    }
 
+    addFavoriteFromStorageToApi() {
+        const agentNoList = getFavoriteFromStorage().map(i => i.agentNo)
+        if (agentNoList.length > 0) {
+            addFavoriteConsultant(agentNoList).then(res => res);
+            localStorage.removeItem('favoriteConsultant');
+        }
     }
 
     routerPush(path: string) {
         this.$router.push(path);
     }
 
-    removeAgent(agentNo: number) {
+    removeAgent(agentNo: string) {
         const findIndex = this.consultantList.findIndex((item, i) => {
             return item.agentNo === agentNo;
         })
-        this.consultantList.splice(findIndex, 1)
-    }
-
-    // TODO: ��TP隤����� ���蝙�
-    login() {
-        const user = {
-            username: "user",
-            password: "user"
+        this.consultantList.splice(findIndex, 1);
+        if (!isLogin()) {
+            setFavoriteToStorage(this.consultantList)
         }
-        login(user).then((res) => {
-            localStorage.setItem('id_token', res.data.id_token);
-            this.$router.go(0);
-        })
     }
-
-    // TODO: ��TP隤����� ���蝙�
-    remove() {
-        localStorage.clear();
-        this.$router.go(0)
-    }
-
 }
 
 </script>

--
Gitblit v1.8.0