From 8f78faa3338f47d473635b231ccf1549bc158e6a Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期三, 27 四月 2022 17:28:13 +0800
Subject: [PATCH] Fix#138326 F&Q頁面應該修正為FAQ

---
 PAMapp/pages/agentInfo/_agentNo.vue |   53 +++++++++++++++++++++++++++--------------------------
 1 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue
index 59b29e2..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">
@@ -36,6 +36,15 @@
       </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="����">
@@ -47,7 +56,7 @@
         type="flex"
         class="pam-paragraph">
         <UiField icon="company" label="�����">
-          {{ agentInfo.serveArea }}
+          {{ agentInfo.serveArea | toServeArea }}
         </UiField>
       </el-row>
 
@@ -104,22 +113,9 @@
       <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">
@@ -146,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>
@@ -154,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>
@@ -164,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>
@@ -203,9 +199,9 @@
             </div>
         </div>
     </PopUpFrame>
-    <!-- <div class="consultant-edit-btn" v-if="currentRole === role.ADMIN">
+    <div class="consultant-edit-btn" v-if="currentRole === role.ADMIN">
       <el-button type="primary" @click.native="$router.push(`/agentInfo/edit/${agentInfo.agentNo}`)">蝺刻摩撣單鞈��</el-button>
-    </div> -->
+    </div>
     </div>
 </template>
 
@@ -264,11 +260,13 @@
   }
 
   get agentName(): string {
-    return `${this.agentInfo.name}(${this.agentInfo.role})`;
+    if (!this.agentInfo) return '';
+    return `${this.agentInfo?.name}(${this.agentInfo?.role})`;
   }
 
   get displayCommunicationStyleList(): string[] {
-    return this.agentInfo.communicationStyle.split('��').filter((item) => item);
+    if (!this.agentInfo) return [];
+    return this.agentInfo?.communicationStyle.split('��').filter((item) => item);
   }
 
 }
@@ -332,5 +330,8 @@
 .pam-field{
   display: flex;
 }
-
+.agent-info-textarea{
+  word-break: break-all;
+  word-wrap: break-word;
+}
 </style>

--
Gitblit v1.8.0