From b4d6944076f1df6eedaae35c4c2a7072fe988e8a Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期二, 30 四月 2024 15:34:02 +0800
Subject: [PATCH] update: package-lock.json
---
PAMapp/pages/agentInfo/_agentNo.vue | 82 ++++++++++++++++++++++-------------------
1 files changed, 44 insertions(+), 38 deletions(-)
diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue
index 05f879a..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>
@@ -224,28 +229,22 @@
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;
}
+
alertFieldInfo(field: string): void {
this.isAlertFieldInfo = true;
switch(field) {
@@ -260,12 +259,16 @@
}
}
-//////////////////////////////////////////////////////////////////////
-
get agentName(): string {
- return `${this.agentInfo.name}(${this.agentInfo.role})`;
+ 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>
@@ -327,5 +330,8 @@
.pam-field{
display: flex;
}
-
+.agent-info-textarea{
+ word-break: break-all;
+ word-wrap: break-word;
+}
</style>
--
Gitblit v1.8.0