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 | 41 ++++++++++++++++++++++++++--------------- 1 files changed, 26 insertions(+), 15 deletions(-) diff --git a/PAMapp/components/Consultant/ConsultantList.vue b/PAMapp/components/Consultant/ConsultantList.vue index d2fa896..ce11a46 100644 --- a/PAMapp/components/Consultant/ConsultantList.vue +++ b/PAMapp/components/Consultant/ConsultantList.vue @@ -1,40 +1,51 @@ <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" - @removeAgent="removeAgent" ></ConsultantCard> </template> - <template v-else-if="noLogin"> + <template v-if="isUserLogin && agentList.length === 0"> <div class="emptyRowStyle"> - <div class="mdTxt login" @click="$router.push('/login')">��</div> - <div class="smTxt txt">���憭歇�憿批��</div> + <div class="smTxt txt">{{ noDataPlaceholder }}</div> </div> </template> - <template v-else> + <template v-if="!isUserLogin"> <div class="emptyRowStyle"> - <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> </template> <script lang="ts"> -import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator'; -import { Agents } from '~/plugins/api/home'; +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!: Agents[]; + @Prop() agents!: Consultant[]; + @Prop() title! : string; + @roleStorage.Getter isUserLogin!:boolean; - noLogin = false; - - @Emit('removeAgent') removeAgent(agentId: number) { - return agentId; + get agentList(){ + return this.agents.map((agentDto)=> + ({...agentDto,customerScore:0,}) + ) } + + get noDataPlaceholder(): string { + return this.title === 'contactedList' + ? '����撌脰蝯⊿“���' + : '����撌脤憿批��'; + } + } </script> -- Gitblit v1.8.0