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/pages/agentInfo/_agentNo.vue | 49 +++++++++++++++++-------------------------------- 1 files changed, 17 insertions(+), 32 deletions(-) diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue index fb9be0a..de479db 100644 --- a/PAMapp/pages/agentInfo/_agentNo.vue +++ b/PAMapp/pages/agentInfo/_agentNo.vue @@ -115,7 +115,7 @@ class="pam-paragraph"> <UiField icon="flag" label="撠����"> <div class="pam-field-experts"> - <div class="text--orange bold pr-10" v-for="(expert, index) in agentInfo.expertises" :key="index"> + <div class="text--orange bold pr-10" v-for="(expert, index) in agentInfo.expertise" :key="index"> #{{ expert }} </div> </div> @@ -189,11 +189,14 @@ import { Context } from '@nuxt/types'; import { namespace } from 'nuxt-property-decorator'; import { Vue, Component } from 'vue-property-decorator'; -import { getConsultantDetail } from '~/assets/ts/api/consultant'; -import { Role } from '~/assets/ts//models/enum/Role'; -import { hideReviews } from '~/assets/ts/const/hide-reviews'; + +import myConsultantService from '~/shared/services/my-consultant.service'; +import { AgentInfo } from '~/shared/models/agent-info.model'; +import { hideReviews } from '~/shared/const/hide-reviews'; +import { Role } from '~/shared/models/enum/role'; const roleStorage = namespace('localStorage'); + @Component export default class AgentInfoComponent extends Vue { @roleStorage.Getter currentRole!:string|null; @@ -204,20 +207,21 @@ fieldInfoTitle = ''; fieldInfoDesc = ''; hideReviews = hideReviews ; - async asyncData(context: Context) { - const agentNo = context.route.params.agentNo; - let agentInfo = {}; - await getConsultantDetail(agentNo).then((res) => agentInfo = res.data ) - return { - agentInfo - } - } + + ////////////////////////////////////////////////////////////////////// get agentName(): string { return `${this.agentInfo.name}(${this.agentInfo.role})`; } - alertAddSuccess() { + async asyncData(context: Context) { + const agentNo = context.route.params.agentNo; + return { + agentInfo: await myConsultantService.getConsultantDetail(agentNo).then((res) => res) + } + } + + alertAddSuccess(): void { this.isAlertAddSuccess = true; } @@ -236,25 +240,6 @@ } } -interface AgentInfo { - name : string; - agentNo : string; - role : string; - img : string; - avgScore : number; - title : string; - phoneNumber : string; - serveArea : string; - companyAddress : string; - lastestLoginTime: Date | null; - seniority : string; - suitability : number; - evaluation : number; - expertises : string[]; - concept : string; - experiences : string[]; - awards : string; -} </script> <style lang="scss"> -- Gitblit v1.8.0