From ae4db5435180c44b37f521c463b17f2023ac1d8c Mon Sep 17 00:00:00 2001
From: wayne <wayne8692wayne8692@gmail.com>
Date: 星期五, 18 二月 2022 09:25:50 +0800
Subject: [PATCH] [update] 若顧問停用時，將無法登入 (文案待確認)
---
PAMapp/pages/agentInfo/_agentNo.vue | 58 ++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 48 insertions(+), 10 deletions(-)
diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue
index d5d6253..9313a1a 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
@@ -24,6 +27,15 @@
</el-row>
<el-row
+ v-if="currentRole === role.ADMIN"
+ type="flex"
+ class="pam-paragraph">
+ <UiField :span="12" icon="phone" label="����Ⅳ">
+ {{ agentInfo.phoneNumber }}
+ </UiField>
+ </el-row>
+
+ <el-row
type="flex"
class="pam-paragraph">
<UiField :span="12" icon="agent" label="����">
@@ -35,7 +47,7 @@
type="flex"
class="pam-paragraph">
<UiField icon="company" label="�����">
- {{ agentInfo.serveArea }}
+ {{ agentInfo.serveArea | toServeArea }}
</UiField>
</el-row>
@@ -110,6 +122,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">
@@ -125,7 +146,7 @@
<el-row
type="flex"
class="pam-paragraph">
- <UiField icon="comment" label="�犖��艙">
+ <UiField icon="comment" label="�犖��艙" class="agent-info-textarea">
{{ agentInfo.concept }}
</UiField>
</el-row>
@@ -133,7 +154,7 @@
<el-row
type="flex"
class="pam-paragraph">
- <UiField icon="school" label="�犖��">
+ <UiField icon="school" label="�犖��" class="agent-info-textarea">
<span>
{{ agentInfo.experiences }}
</span>
@@ -143,7 +164,7 @@
<el-row
type="flex"
class="pam-paragraph">
- <UiField icon="trophy" label="敺��風">
+ <UiField icon="trophy" label="敺��風" class="agent-info-textarea">
{{ agentInfo.awards }}
</UiField>
</el-row>
@@ -202,9 +223,11 @@
@Component
export default class AgentInfoComponent extends Vue {
+
@roleStorage.Getter currentRole!:string|null;
- role = Role;
+
agentInfo!: AgentInfo;
+ role = Role;
isAlertAddSuccess = false;
isAlertFieldInfo = false;
fieldInfoTitle = '';
@@ -213,16 +236,14 @@
//////////////////////////////////////////////////////////////////////
- get agentName(): string {
- return `${this.agentInfo.name}(${this.agentInfo.role})`;
- }
-
async asyncData(context: Context) {
const agentNo = context.route.params.agentNo;
return {
agentInfo: await myConsultantService.getConsultantDetail(agentNo).then((res) => res)
}
}
+
+ //////////////////////////////////////////////////////////////////////
alertAddSuccess(): void {
this.isAlertAddSuccess = true;
@@ -241,6 +262,15 @@
break;
}
}
+
+ get agentName(): string {
+ return `${this.agentInfo.name}(${this.agentInfo.role})`;
+ }
+
+ get displayCommunicationStyleList(): string[] {
+ return this.agentInfo.communicationStyle.split('��').filter((item) => item);
+ }
+
}
</script>
@@ -298,4 +328,12 @@
display: flex;
justify-content: center;
}
+
+.pam-field{
+ display: flex;
+}
+.agent-info-textarea{
+ word-break: break-all;
+ word-wrap: break-word;
+}
</style>
--
Gitblit v1.8.0