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