From 176b380f392efab0a84dd79560dca22e8053d0e4 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期一, 27 十二月 2021 12:32:35 +0800 Subject: [PATCH] refactor component: careerSelect --- PAMapp/components/Consultant/ConsultantList.vue | 45 +++++++++++++++++++++++++++++++++------------ 1 files changed, 33 insertions(+), 12 deletions(-) diff --git a/PAMapp/components/Consultant/ConsultantList.vue b/PAMapp/components/Consultant/ConsultantList.vue index 130fbcf..45e8a0a 100644 --- a/PAMapp/components/Consultant/ConsultantList.vue +++ b/PAMapp/components/Consultant/ConsultantList.vue @@ -1,22 +1,22 @@ <template> <div> - <template v-if="agents.length > 0"> + <template v-if="agentList.length > 0"> <ConsultantCard - v-for="(agent, index) in agents" + v-for="(agent, index) in agentList" :key="index" :agentInfo="agent" ></ConsultantCard> </template> - <template v-if="isLogin && agents.length === 0"> + <template v-if="isUserLogin && agentList.length === 0"> <div class="emptyRowStyle"> - <div class="smTxt txt">����撌脤憿批��</div> + <div class="smTxt txt">{{ noDataPlaceholder }}</div> </div> </template> - <template v-if="!isLogin"> + <template v-if="!isUserLogin"> <div class="emptyRowStyle"> - <div class="mdTxt login" @click="$router.push('/login')">��</div> - <div class="smTxt txt">���憭�</div> + <div class="mdTxt login fix-chrome-click--issue" @click="$router.push('/login')">�� | 閮餃��</div> + <div class="smTxt txt ">���憭�</div> </div> </template> </div> @@ -24,15 +24,36 @@ <script lang="ts"> import { Vue, Component, Prop } from 'nuxt-property-decorator'; -import { Consultants } from '~/assets/ts/api/consultant'; -import { isLogin } from '~/assets/ts/auth'; + +import authService from '~/shared/services/auth.service'; +import { Consultant } from '~/shared/models/consultant.model'; @Component export default class ConsultantList extends Vue { - @Prop() agents!: Consultants[]; + @Prop() + agents!: Consultant[]; - get isLogin() { - return isLogin(); + @Prop() + title! : string; + + isUserLogin = false; + + get agentList(){ + return this.agents.map((agentDto)=> + ({...agentDto,customerScore:0,}) + ) + } + + get noDataPlaceholder(): string { + return this.title === 'contactedList' + ? '����撌脰蝯⊿“���' + : '����撌脤憿批��'; + } + + ////////////////////////////////////////////////////////////////////// + + mounted() { + this.isUserLogin = authService.isUserLogin(); } } -- Gitblit v1.8.0