From f1c88aa1b2c67f3bb1575431cad5091989d54853 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 10 三月 2022 12:20:50 +0800
Subject: [PATCH] fix#136510: 顧問後台更新資料後，前端客戶點選重新整理，並沒有重新更新頁面資訊

---
 PAMapp/pages/agentInfo/_agentNo.vue |   84 ++++++++++++++++++++++++-----------------
 1 files changed, 49 insertions(+), 35 deletions(-)

diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue
index 7e6dfc0..972609c 100644
--- a/PAMapp/pages/agentInfo/_agentNo.vue
+++ b/PAMapp/pages/agentInfo/_agentNo.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div v-if="!!agentInfo">
       <el-row
         type="flex"
         justify="center">
@@ -27,6 +27,24 @@
       </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
+        v-if="currentRole === role.ADMIN"
+        type="flex"
+        class="pam-paragraph">
+        <UiField :span="12" icon="comment" label="靽∠拳">
+          {{ agentInfo.email }}
+        </UiField>
+      </el-row>
+
+      <el-row
         type="flex"
         class="pam-paragraph">
         <UiField :span="12" icon="agent" label="����">
@@ -38,7 +56,7 @@
         type="flex"
         class="pam-paragraph">
         <UiField icon="company" label="�����">
-          {{ agentInfo.serveArea }}
+          {{ agentInfo.serveArea | toServeArea }}
         </UiField>
       </el-row>
 
@@ -95,28 +113,15 @@
       <el-row
         type="flex"
         class="pam-paragraph">
-        <el-col :span="24" class="pam-field">
-          <div class="pam-field__label pam-progress__label">
-            <div>
-              <div class="pam-field__title">
-                <i class="pam-icon icon-thumbs-up"
-                  ></i>隢株岷摨西”� <i class="pl-5 text--primary icon-information" @click="alertFieldInfo('evaluation')"></i>
-              </div>
-            </div>
-            <div class="xsTxt">
-              {{ agentInfo.evaluation }}/50 (餈����/蝝航��)
-            </div>
-          </div>
-          <div class="pam-field__content pam-field-evaluation pt-10">
-            <el-progress :show-text="false" :stroke-width="15" :percentage="agentInfo.evaluation * 2"></el-progress>
-          </div>
-        </el-col>
+        <UiField icon="thumbs-up" label="隢株岷摨西”�">
+            {{ agentInfo.nearlyMonthAppointmentCount || 0 }} / {{ agentInfo.allAppointmentCount || 0 }} (餈����/蝝航��)
+        </UiField>
       </el-row>
 
       <div class="consultant-edit-btn">
         <UiField icon="flag" label="皞�◢�">
           <div class="text--orange bold pr-10 "
-            v-for="(communicationStyle, index) in displayCommunicationStyleList" 
+            v-for="(communicationStyle, index) in displayCommunicationStyleList"
             :key="index">
               #{{ communicationStyle }}</div>
         </UiField>
@@ -137,7 +142,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>
@@ -145,7 +150,7 @@
       <el-row
         type="flex"
         class="pam-paragraph">
-        <UiField icon="school" label="�犖��">
+        <UiField icon="school" label="�犖��" class="agent-info-textarea">
           <span>
             {{ agentInfo.experiences }}
           </span>
@@ -155,7 +160,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>
@@ -214,33 +219,28 @@
 
 @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) {
     const agentNo = context.route.params.agentNo;
     return {
       agentInfo: await myConsultantService.getConsultantDetail(agentNo).then((res) => res)
     }
-    
   }
- 
- 
+
+  //////////////////////////////////////////////////////////////////////
+
   alertAddSuccess(): void {
       this.isAlertAddSuccess = true;
   }
@@ -258,6 +258,17 @@
         break;
     }
   }
+
+  get agentName(): string {
+    if (!this.agentInfo) return '';
+    return `${this.agentInfo?.name}(${this.agentInfo?.role})`;
+  }
+
+  get displayCommunicationStyleList(): string[] {
+    if (!this.agentInfo) return [];
+    return this.agentInfo?.communicationStyle.split('��').filter((item) => item);
+  }
+
 }
 
 </script>
@@ -319,5 +330,8 @@
 .pam-field{
   display: flex;
 }
-
+.agent-info-textarea{
+  word-break: break-all;
+  word-wrap: break-word;
+}
 </style>

--
Gitblit v1.9.3