From f1e9289d5ddf6b6df484db2e5e64bd13bc19f010 Mon Sep 17 00:00:00 2001 From: Mila <Mila@pollex.com.tw> Date: 星期五, 12 十一月 2021 18:13:37 +0800 Subject: [PATCH] [update] TODO#130018 業務員詳細資料: 串接加入顧問 api --- PAMapp/pages/agentInfo/_agentNo.vue | 29 ++++++++++++++++++++--------- 1 files changed, 20 insertions(+), 9 deletions(-) diff --git a/PAMapp/pages/agentInfo/_agentNo.vue b/PAMapp/pages/agentInfo/_agentNo.vue index 559b029..1874c38 100644 --- a/PAMapp/pages/agentInfo/_agentNo.vue +++ b/PAMapp/pages/agentInfo/_agentNo.vue @@ -146,14 +146,20 @@ </UiField> </el-row> - <el-row - type="flex" - justify="center" - class="pam-paragraph"> - <el-button>+ 憿批��</el-button> - <el-button type="primary">�脰����</el-button> - </el-row> + <AddAndReservedBtns + :cusClass="'pam-paragraph'" + :agentInfo="agentInfo" + @openPopUp="openPopUp" + ></AddAndReservedBtns> + <PopUpFrame :isOpen.sync="isVisiblePopUp" + > + <div class="text--center mdTxt"> + <p class="mb-50">{{popUpTxt}}</p> + <p class="text--primary cursor--pointer" + @click="isVisiblePopUp = false">������</p> + </div> + </PopUpFrame> </div> </template> @@ -165,7 +171,8 @@ @Component export default class AgentInfoComponent extends Vue { agentInfo!: AgentInfo; - + isVisiblePopUp = false; + popUpTxt = '����憿批��'; async asyncData(context: Context) { const agentNo = context.route.params.agentNo; let agentInfo = {}; @@ -175,10 +182,14 @@ } } - get agentName(): string { return `${this.agentInfo.name}(${this.agentInfo.role})`; } + + openPopUp(txt: string) { + this.popUpTxt = txt; + this.isVisiblePopUp = true; + } } interface AgentInfo { -- Gitblit v1.8.0