pcalife/PAM.git - dev.pollex.com.tw

			@@ -14,7 +14,7 @@
			</div>

			<div class="pl-10">
			<div class="smTxt_bold name">{{ client.name }}</div>
			<div class="smTxt_bold name">{{ client.name \|\| 'NO NAME' }}</div>
			<div v-if="client.communicateStatus === contactStatus.RESERVED" class="my-10 xsTxt">預約成功</div>
			<div
			class="xsTxt mb-10 mt-10"
			@@ -25,10 +25,12 @@
			class="xsTxt mb-10 mt-10"
			v-else>
			滿意度
			<span v-if="client.satisfactionScore" class="xsTxt">{{ client.satisfactionScore }}</span>
			<span v-if="client.satisfactionScore" class="xsTxt text--primary">
			<UiReviewScore :score="client.satisfactionScore"></UiReviewScore>
			</span>
			<span v-else class="xsTxt text--mid_grey">未填</span>
			</div>
			<div class="professionals" v-if="client.communicateStatus === contactStatus.RESERVED">
			<div class="professionals mb-10" v-if="client.communicateStatus === contactStatus.RESERVED">
			<template v-if="client.requirement">
			<span
			v-for="(item, index) in requirements"
			@@ -168,17 +170,19 @@
			</template>

			<script lang="ts">
			import { Vue, Component, Prop, Action, namespace, Watch } from 'nuxt-property-decorator';
			import { Vue, Component, Prop, namespace, Watch } from 'nuxt-property-decorator';

			import appointmentService from '~/shared/services/appointment.service';
			import myConsultantService from '~/shared/services/my-consultant.service';
			import UtilsService from '~/shared/services/utils.service';
			import { hideReviews } from '~/shared/const/hide-reviews';
			import { ElRow } from 'element-ui/types/row';
			import { Appointment, AppointmentMemoInfo, ToInformAppointment } from '~/shared/models/appointment.model';
			import { Appointment, AppointmentMemoInfo } from '~/shared/models/appointment.model';
			import { ContactStatus } from '~/shared/models/enum/contact-status';

			const localStorage = namespace('localStorage');
			const appointmentStore = namespace('appointment.store');
			const localStorage = namespace('localStorage');

			@Component({
			filters: {
			formatNumber(index: number) {
			@@ -199,11 +203,17 @@
			}
			})
			export default class ClientList extends Vue {
			@Action
			updateMyAppointment!: (data: Appointment) => void;

			@Prop()
			client!: Appointment;

			@appointmentStore.Action
			updateMyAppointmentList!: (data: Appointment) => void;

			@appointmentStore.Action
			getAppointmentDetail!: (appointmentId: number) => Promise<Appointment>;

			@appointmentStore.Getter
			appointmentProgress!: ContactStatus;

			@localStorage.Mutation
			storageClearAppointmentIdFromMsg!: () => void;
			@@ -246,7 +256,9 @@
			//////////////////////////////////////////////////////////////////////

			viewAppointmentDetail(): void {
			this.$router.push(`/appointment/${this.client.id}`);
			this.getAppointmentDetail(this.client.id).then((_) => {
			this.$router.push(`/appointment/${this.client.id}`);
			});
			}

			showAddInterviewDialog(): void {
			@@ -255,10 +267,6 @@

			navigateToCloseAppointment(): void {
			this.$router.push(`/appointment/${this.client.id}/close`);
			}

			makeAppointment(): void {
			alert('MAKE AN APPOINTMENT!');
			}

			inviteReview(): void {
			@@ -275,7 +283,7 @@

			markAppointment() {
			myConsultantService.markAsContact(this.client.id).then(data => {
			this.updateMyAppointment(data);
			this.updateMyAppointmentList(data);
			this.isShowInformDialog = false;
			})
			}
			@@ -286,7 +294,7 @@
			appointmentService.recordRead(this.client.id).then((_) => {
			const updatedClient = {...this.client};
			updatedClient.consultantReadTime = new Date().toString();
			this.updateMyAppointment(updatedClient);
			this.updateMyAppointmentList(updatedClient);
			});
			};
			this.isEdit = false;
			@@ -347,7 +355,7 @@
			this.memo = this.memoInfo.content;
			}

			get newAppointment(): boolean {
			get newAppointment(): boolean {
			return !this.client.consultantViewTime
			&& this.client.communicateStatus === 'reserved';
			}