From 82a12a6a789fa16542558a94405b8e0b5ebfa798 Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期一, 17 一月 2022 15:50:38 +0800
Subject: [PATCH] Update:顧問-預約單明細 結案編輯導頁

---
 PAMapp/pages/appointment/_appointmentId/index.vue |   27 ++++++++++++++++++++++-----
 1 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/PAMapp/pages/appointment/_appointmentId/index.vue b/PAMapp/pages/appointment/_appointmentId/index.vue
index b6b5981..59d5d2f 100644
--- a/PAMapp/pages/appointment/_appointmentId/index.vue
+++ b/PAMapp/pages/appointment/_appointmentId/index.vue
@@ -43,18 +43,22 @@
         </div>
       </div>
 
-      <div class="client-detail-action">
+      <div class="client-detail-action" v-if="showWhenAppointmentHasClosed">
+        <el-button >��遛��漲</el-button>
+      </div>
+
+      <div class="client-detail-action" v-else>
         <el-button @click="closeAppointment" >蝯��</el-button>
         <el-button @click="sendMsg" style="margin-left: 0px">�/蝝赤</el-button>
-        <!-- <el-button>��遛��漲</el-button> -->
       </div>
 
     </section>
 
-    <section class="close-appointment-detail">
+    <section class="close-appointment-detail" v-if="showWhenAppointmentHasClosed">
+
         <div class="close-appointment-detail-nav">
           <div class="mdTxt">蝯�撘�</div>
-          <div class="mdTxt text--primary text--underline">蝺刻摩</div>
+          <div class="mdTxt text--primary text--underline cursor--pointer" @click="editAppointmentHasClosed">蝺刻摩</div>
         </div>
         <span class="mt-10 mb-30">��漱</span>
 
@@ -90,6 +94,7 @@
 
 import appointmentService from '~/shared/services/appointment.service';
 import { AppointmentDetail } from '~/shared/models/appointment.model';
+import { ContactStatus } from '~/shared/models/enum/contact-status';
 
 @Component
 export default class AppointmentDetailComponent extends Vue {
@@ -97,6 +102,8 @@
   appointmentDetail!: AppointmentDetail;
   isVisibleDialog = false;
   interviewTxt = "";
+  contactStatus = ContactStatus;
+
   //////////////////////////////////////////////////////////////////////
 
   async asyncData(context: Context) {
@@ -112,9 +119,19 @@
     this.$router.push(`/appointment/${this.appointmentDetail.id}/close`);
   }
 
-  sendMsg():void{
+  sendMsg():void {
     this.isVisibleDialog = true;
   }
+
+  editAppointmentHasClosed(): void{
+    this.$router.push(`/appointment/${this.appointmentDetail.id}/close`);
+  }
+
+  get showWhenAppointmentHasClosed(): boolean {
+    return this.appointmentDetail.communicateStatus === this.contactStatus.DONE
+        || this.appointmentDetail.communicateStatus === this.contactStatus.CLOSE
+        || this.appointmentDetail.communicateStatus === this.contactStatus.CANCEL;
+  }
 }
 </script>
 

--
Gitblit v1.8.0