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