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 | 31 +++++++++++++++++++++++--------
1 files changed, 23 insertions(+), 8 deletions(-)
diff --git a/PAMapp/components/Consultant/ConsultantCard.vue b/PAMapp/components/Consultant/ConsultantCard.vue
index 42cc58b..43f4d77 100644
--- a/PAMapp/components/Consultant/ConsultantCard.vue
+++ b/PAMapp/components/Consultant/ConsultantCard.vue
@@ -7,7 +7,7 @@
<el-col class="flex_column" :xs="5" :sm="3">
<UiAvatar
:size="50"
- :fileName="agentInfo.img"
+ :fileName="avatarFileName"
@click.native="showAgentDetail(agentInfo.agentNo)"
></UiAvatar>
<div class="satisfaction">
@@ -20,7 +20,7 @@
<div class="professionals">
<span
class="professionalsTxt"
- v-for="(expertise, index) in agentInfo.expertise"
+ v-for="(expertise, index) in expertises"
:key="index"
>#{{expertise}}</span>
</div>
@@ -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 = '';
@@ -106,6 +110,13 @@
name: ''
};
+ get avatarFileName() {
+ return this.agentInfo.img ? this.agentInfo.img : this.agentInfo.image;
+ }
+
+ get expertises() {
+ return this.agentInfo.expertise ? this.agentInfo.expertise : this.agentInfo.expertises;
+ }
get gender() {
if (this.appointmentDetail.gender) {
return this.appointmentDetail.gender === 'male' ? '���' : '憟單��';
@@ -128,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;
@@ -150,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 {
@@ -241,6 +254,8 @@
.dialogInfo {
font-size: 20px;
+ overflow-y:scroll;
+ height: 400px;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0