From bb682522ce2e18f7c67f087620134d3aadba559d Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期二, 16 十一月 2021 21:00:50 +0800
Subject: [PATCH] update 預約清單: 使用 store 存放 AppointmentList
---
PAMapp/components/Client/ClientCard.vue | 30 ++++++++++++++++++++++++------
1 files changed, 24 insertions(+), 6 deletions(-)
diff --git a/PAMapp/components/Client/ClientCard.vue b/PAMapp/components/Client/ClientCard.vue
index df1fceb..2a2eef9 100644
--- a/PAMapp/components/Client/ClientCard.vue
+++ b/PAMapp/components/Client/ClientCard.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <el-row type="flex" class="rowStyle">
+ <el-row type="flex" class="rowStyle" @click.native="openDetail">
<el-col :xs="5" :sm="3">
<el-avatar
:size="50"
@@ -32,7 +32,6 @@
<el-col class="flex-column contactInfo" :xs="5" :sm="6">
<div class="smTxt_bold cursor--pointer"
:class="client.communicateStatus"
- @click="openDetail"
>{{isReserved ? '撌脤���' : '撌脰蝯�'}}
</div>
<div class="date xsTxt text--mid_grey">{{date}}</div>
@@ -51,7 +50,7 @@
<p>憪��{client.name}}</p>
<p>�閰梧�{client.phone}}</p>
<p>Email嚗{client.email}}</p>
- <p>�批嚗{client.gender === 'male' ? '���' : '憟單��'}}</p>
+ <p>�批嚗{gender}}</p>
<p>撟湧翩嚗{client.age}}</p>
<p>�璆哨�{client.job}}</p>
<p>��瘙�{client.requirement.replace(',', '��')}}</p>
@@ -66,7 +65,7 @@
</template>
<script lang="ts">
-import { Vue, Component, Prop } from 'nuxt-property-decorator';
+import { Vue, Component, Prop, Mutation, Action } from 'nuxt-property-decorator';
import { isMobileDevice } from '~/assets/ts/device';
import { ClientInfo, markAsContact } from '~/assets/ts/api/appointment';
@@ -81,6 +80,8 @@
}
})
export default class ClientList extends Vue {
+ @Action updateMyAppointment!: (data: ClientInfo) => void
+
@Prop() client!: ClientInfo;
isVisibleDialog = false;
width = '';
@@ -89,8 +90,15 @@
return this.client.requirement.split(',');
}
+ get gender() {
+ if (this.client.gender) {
+ return this.client.gender === 'male' ? '���' : '憟單��';
+ }
+ return ''
+ }
+
get hopeContactTime() {
- const contactList = this.client.hopeContactTime.split("'").map(item => item.slice(0, item.length - 1));
+ const contactList = this.client.hopeContactTime.split("'").map(item => item.slice(0, item.length));
return contactList.filter(item => !!item)
}
@@ -114,7 +122,17 @@
}
markAppointment() {
- markAsContact(this.client.id).then(res => console.log(res))
+ markAsContact(this.client.id).then(data => {
+ // TODO: 閬敺����� updated client 鞈�� - Ben 2021/11/16
+
+ const updatedClient = {...this.client};
+ updatedClient.communicateStatus = 'contacted';
+ updatedClient.appointmentDate = new Date();
+
+ this.updateMyAppointment(updatedClient);
+ this.isVisibleDialog = false;
+
+ })
}
}
--
Gitblit v1.8.0