From abfd26bb700d93a92da6a04703b0187d4acaaeb5 Mon Sep 17 00:00:00 2001 From: Tomas <tomasysh@gmail.com> Date: 星期三, 22 十二月 2021 10:13:02 +0800 Subject: [PATCH] refactor: move ts folder to shared folder --- PAMapp/components/Consultant/ConsultantList.vue | 35 +++++++++++++++++++++++------------ 1 files changed, 23 insertions(+), 12 deletions(-) diff --git a/PAMapp/components/Consultant/ConsultantList.vue b/PAMapp/components/Consultant/ConsultantList.vue index 6e8243b..ce11a46 100644 --- a/PAMapp/components/Consultant/ConsultantList.vue +++ b/PAMapp/components/Consultant/ConsultantList.vue @@ -1,21 +1,21 @@ <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 fix-chrome-click--issue" @click="$router.push('/login')">��</div> + <div class="mdTxt login fix-chrome-click--issue" @click="$router.push('/login')">�� | 閮餃��</div> <div class="smTxt txt ">���憭�</div> </div> </template> @@ -23,16 +23,27 @@ </template> <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 { Vue, Component, Prop, namespace } from 'nuxt-property-decorator'; +import { Consultant } from '~/shared/models/consultant.model'; + +const roleStorage = namespace('localStorage'); @Component export default class ConsultantList extends Vue { - @Prop() agents!: Consultants[]; + @Prop() agents!: Consultant[]; + @Prop() title! : string; + @roleStorage.Getter isUserLogin!:boolean; - get isLogin() { - return isLogin(); + get agentList(){ + return this.agents.map((agentDto)=> + ({...agentDto,customerScore:0,}) + ) + } + + get noDataPlaceholder(): string { + return this.title === 'contactedList' + ? '����撌脰蝯⊿“���' + : '����撌脤憿批��'; } } -- Gitblit v1.8.0