From adac30f827fb9ea275c46bd3b22b8e770858cedf Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 16 十二月 2021 15:36:59 +0800
Subject: [PATCH] refactor: [顧問] 客戶預約清單

---
 PAMapp/pages/myAppointmentList.vue |   39 ++++++++++++++++++++-------------------
 1 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/PAMapp/pages/myAppointmentList.vue b/PAMapp/pages/myAppointmentList.vue
index ba395a1..ddc391e 100644
--- a/PAMapp/pages/myAppointmentList.vue
+++ b/PAMapp/pages/myAppointmentList.vue
@@ -6,14 +6,14 @@
                 <div
                     class="cus-tab-item"
                     :class="{'is-active': activeTabName === 'appointmentList'}"
-                    @click="tabClick('appointmentList')"
+                    @click="clickTab('appointmentList')"
                 >摰X����
                     <span class="p">({{appointmentList.length}})</span>
                 </div>
                 <div
                     class="cus-tab-item"
                     :class="{'is-active': activeTabName === 'contactedList'}"
-                    @click="tabClick('contactedList')"
+                    @click="clickTab('contactedList')"
                 >撌脰蝯�
                     <span class="p">({{contactedList.length}})</span>
                 </div>
@@ -52,20 +52,8 @@
 })
 export default class ClientReservedList extends Vue {
 
-    activeTabName = 'appointmentList';
-    appointmentList: ClientInfo[] = [];
-    contactedList: ClientInfo[] = [];
-    clients: ClientInfo[] = [];
-    showNewAppointmentHint = false;
-
     @State('myAppointmentList')
     myAppointmentList!: ClientInfo[];
-
-    @State('myNewAppointmentSum')
-    newAppointmentSum!: number;
-
-    @Action
-    storeMyAppointmentList!: () => Promise<number>;
 
     @Watch('myAppointmentList')
     onMyAppointmentListChange() {
@@ -75,6 +63,20 @@
         this.appointmentList = this.myAppointmentList
             .filter(item => item.communicateStatus !== 'contacted');
     }
+
+    @State('myNewAppointmentSum')
+    newAppointmentSum!: number;
+
+    activeTabName = 'appointmentList';
+    appointmentList: ClientInfo[] = [];
+    contactedList: ClientInfo[] = [];
+    clients: ClientInfo[] = [];
+    showNewAppointmentHint = false;
+
+    get bannerClassName() {
+        const routeName = this.$route.name || '';
+        return this.routeFormatBannerClass(routeName);
+    };
 
     //////////////////////////////////////////////////////////////////////
 
@@ -86,12 +88,11 @@
 
     //////////////////////////////////////////////////////////////////////
 
-    get bannerClassName() {
-        const routeName = this.$route.name || '';
-        return this.routeFormatBannerClass(routeName);
-    };
+    @Action
+    storeMyAppointmentList!: () => Promise<number>;
 
-    tabClick(path: string) {
+
+    clickTab(path: string): void {
       this.activeTabName = path;
       this.$router.push(`/myAppointmentList/${this.activeTabName}`);
     }

--
Gitblit v1.8.0