From bcc6976e871d6aa664e301684b7a8871b2d727b7 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期四, 30 十二月 2021 15:10:38 +0800
Subject: [PATCH] TODO 顧問編輯個人帳號資訊-多選樣式修改

---
 PAMapp/pages/agentInfo/_agentNo.vue |   23 +++++++++++++++++++++--
 1 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue
index 83feda0..7e6dfc0 100644
--- a/PAMapp/pages/agentInfo/_agentNo.vue
+++ b/PAMapp/pages/agentInfo/_agentNo.vue
@@ -113,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">
@@ -213,11 +222,14 @@
   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) {
@@ -225,8 +237,10 @@
     return {
       agentInfo: await myConsultantService.getConsultantDetail(agentNo).then((res) => res)
     }
+    
   }
-
+ 
+ 
   alertAddSuccess(): void {
       this.isAlertAddSuccess = true;
   }
@@ -301,4 +315,9 @@
   display: flex;
   justify-content: center;
 }
+
+.pam-field{
+  display: flex;
+}
+
 </style>

--
Gitblit v1.8.0