From ac594e4efb30ba28776d74b0fb08ab34d7c32023 Mon Sep 17 00:00:00 2001 From: HelenHuang <LinHuang@pollex.com.tw> Date: 星期四, 30 十二月 2021 15:20:08 +0800 Subject: [PATCH] Merge branch 'Phase2' --- PAMapp/pages/agentInfo/_agentNo.vue | 40 +++++++++++++++++++++++++++++++++++----- 1 files changed, 35 insertions(+), 5 deletions(-) diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue index d5d6253..05f879a 100644 --- a/PAMapp/pages/agentInfo/_agentNo.vue +++ b/PAMapp/pages/agentInfo/_agentNo.vue @@ -3,7 +3,10 @@ <el-row type="flex" justify="center"> - <UiAvatar :size="150" :fileName="agentInfo.img"></UiAvatar> + <UiAvatar + :size="150" + :agentNo="agentInfo.agentNo"> + </UiAvatar> </el-row> <el-row @@ -110,6 +113,15 @@ </el-col> </el-row> + <div class="consultant-edit-btn"> + <UiField icon="flag" label="皞�◢�"> + <div class="text--orange bold pr-10 " + v-for="(communicationStyle, index) in displayCommunicationStyleList" + :key="index"> + #{{ communicationStyle }}</div> + </UiField> + </div> + <el-row type="flex" class="pam-paragraph"> @@ -202,19 +214,24 @@ @Component export default class AgentInfoComponent extends Vue { + @roleStorage.Getter currentRole!:string|null; - role = Role; + agentInfo!: AgentInfo; + role = Role; isAlertAddSuccess = false; isAlertFieldInfo = false; fieldInfoTitle = ''; fieldInfoDesc = ''; hideReviews = hideReviews ; - ////////////////////////////////////////////////////////////////////// get agentName(): string { return `${this.agentInfo.name}(${this.agentInfo.role})`; + } + + get displayCommunicationStyleList(): string[] { + return this.agentInfo.communicationStyle.split('��').filter((item) => item); } async asyncData(context: Context) { @@ -222,12 +239,13 @@ return { agentInfo: await myConsultantService.getConsultantDetail(agentNo).then((res) => res) } + } - + + alertAddSuccess(): void { this.isAlertAddSuccess = true; } - alertFieldInfo(field: string): void { this.isAlertFieldInfo = true; switch(field) { @@ -241,6 +259,13 @@ break; } } + +////////////////////////////////////////////////////////////////////// + + get agentName(): string { + return `${this.agentInfo.name}(${this.agentInfo.role})`; + } + } </script> @@ -298,4 +323,9 @@ display: flex; justify-content: center; } + +.pam-field{ + display: flex; +} + </style> -- Gitblit v1.8.0