From e08bc304e5be985bf83d4e668daf8ffa0f256e14 Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期四, 18 十一月 2021 11:15:44 +0800
Subject: [PATCH] update: 我的顧問清單/預約清單: 調整需求單樣式

---
 PAMapp/components/Consultant/ConsultantCard.vue |   21 ++++++++++++++-------
 1 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/PAMapp/components/Consultant/ConsultantCard.vue b/PAMapp/components/Consultant/ConsultantCard.vue
index cf2564a..43f4d77 100644
--- a/PAMapp/components/Consultant/ConsultantCard.vue
+++ b/PAMapp/components/Consultant/ConsultantCard.vue
@@ -46,6 +46,7 @@
         <Ui-Dialog
             :isVisible.sync="isVisibleDialog"
             :width="width"
+            class="pam-myDemand-dialog"
         >
             <div v-if="appointmentDetail">
                 <h5 class="subTitle text--center mb-30">������</h5>
@@ -69,8 +70,9 @@
 </template>
 
 <script lang="ts">
-import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator';
-import { AppointmentDetail, Consultants, getAppointmentDetail } from '~/assets/ts/api/consultant';
+import { Vue, Component, Prop, Emit, Action } from 'nuxt-property-decorator';
+import { Consultants, getAppointmentDetail } from '~/assets/ts/api/consultant';
+import { AppointmentDetail } from '~/assets/ts/models/AppointmentDetail';
 import { isLogin } from '~/assets/ts/auth';
 import { isMobileDevice } from '~/assets/ts/device';
 
@@ -85,6 +87,8 @@
     }
 })
 export default class ConsultantCard extends Vue {
+    @Action removeFromMyConsultantList!: (agentNo: string) => Promise<boolean>;
+
     @Prop() agentInfo!: Consultants;
     isVisibleDialog = false;
     width: string = '';
@@ -107,7 +111,6 @@
     };
 
     get avatarFileName() {
-        console.log('avatarFileName')
         return this.agentInfo.img ? this.agentInfo.img : this.agentInfo.image;
     }
 
@@ -136,8 +139,8 @@
 
     get hopeContactTime() {
         const contactList = this.appointmentDetail.hopeContactTime
-            .split("'").map(item => item.slice(0, item.length - 1));
-        return contactList.filter(item => !!item)
+            .split("'").map(item => item.slice(0, item.length));
+        return contactList.filter(item => !!item && item !== ",")
     }
     reserveCommunication() {
         const contactStatus = this.agentInfo.contactStatus;
@@ -158,8 +161,10 @@
         });
     }
 
-    @Emit('removeAgent') removeAgent() {
-        return this.agentInfo.agentNo;
+    removeAgent() {
+        this.removeFromMyConsultantList(this.agentInfo.agentNo).then((removeOk) => {
+            console.log('removeOk?', removeOk);
+        });
     }
 
     showAgentDetail(agentNo: string): void {
@@ -249,6 +254,8 @@
 
     .dialogInfo {
         font-size: 20px;
+        overflow-y:scroll;
+        height: 400px;
     }
 
 </style>
\ No newline at end of file

--
Gitblit v1.8.0