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