From 6c391a0a647187cfe8be540464da4f742cebd28f Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期一, 27 十二月 2021 09:24:36 +0800
Subject: [PATCH] page refactor: index

---
 PAMapp/pages/index.vue |   54 +++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/PAMapp/pages/index.vue b/PAMapp/pages/index.vue
index 5e21e53..1f49b7d 100644
--- a/PAMapp/pages/index.vue
+++ b/PAMapp/pages/index.vue
@@ -2,15 +2,15 @@
   <div>
     <Ui-Carousel></Ui-Carousel>
     <div class="page-container">
-      <div class="mb-30">
+      <div>
         <h5 class="mdTxt">����憿批��</h5>
         <div class="mt-10 pam-reserveBtn--block">
           <el-button class="reserveBtn recommendConsultant"
-            @click="routerPush('/recommendConsultant')">
+            @click="navigateToRoute('/recommendConsultant')">
             <p>������</p>
           </el-button>
           <el-button class="reserveBtn quickFilter"
-            @click="routerPush('/quickFilter')">
+            @click="navigateToRoute('/quickFilter')">
             <p>敹恍�祟�</p>
           </el-button>
         </div>
@@ -19,12 +19,12 @@
         <el-row class="rowStyle">
           <el-col :span="16">
             <span class="mdTxt">���“���</span>
-            <span class="smTxt_bold amount">� {{consultantList.length}} 蝑�</span>
+            <span class="smTxt_bold amount">� {{ consultantList.length }} 蝑�</span>
           </el-col>
           <el-col :span="8"
             class="mdTxt readMore fix-chrome-click--issue"
             v-if="consultantList.length > 3"
-            @click.native="routerPush('/myConsultantList/consultantList')">���憭�</el-col>
+            @click.native="navigateToRoute('/myConsultantList/consultantList')">���憭�</el-col>
         </el-row>
         <ConsultantList class="mt-10"
           :agents="consultantList.slice(0, 3)"></ConsultantList>
@@ -47,28 +47,32 @@
   import { Consultant } from '~/shared/models/consultant.model';
 
   const localStorage = namespace('localStorage');
+
   @Component({
     layout: 'home'
   })
   export default class MainComponent extends Vue {
-    consultantList: Consultant[] = [];
 
-    @State('recommendList') recommendList!: Consultant[];
-    @Action storeRecommendList!: any;
+    @State('recommendList')
+    recommendList!: Consultant[];
 
-    @State('myConsultantList') myConsultantList!: Consultant[];
+    @State('myConsultantList')
+    myConsultantList!: Consultant[];
+
+    @Action
+    storeRecommendList!: any;
+
     @Action storeConsultantList!: any;
 
-    @localStorage.Mutation storageClearQuickFilter!: () => void;
-    @localStorage.Mutation storageClearRecommendConsultant!: () => void;
+    @localStorage.Mutation
+    storageClearQuickFilter!: () => void;
 
-    @Watch('myConsultantList')
-    onMyConsultantListChange() {
-      this.consultantList = (this.myConsultantList || [])
-        .filter(item => item.contactStatus !== 'contacted')
-        .map((item) => ({ ...item, formatDate: new Date(item.updateTime || item.createTime)}))
-        .sort((preItem, nextItem) => +nextItem.formatDate - +preItem.formatDate)
-    }
+    @localStorage.Mutation
+    storageClearRecommendConsultant!: () => void;
+
+    consultantList: Consultant[] = [];
+
+    //////////////////////////////////////////////////////////////////////
 
     mounted() {
       if (!this.recommendList?.length) {
@@ -80,7 +84,19 @@
       this.storageClearRecommendConsultant();
     }
 
-    routerPush(path: string) {
+    //////////////////////////////////////////////////////////////////////
+
+    @Watch('myConsultantList')
+    onMyConsultantListChange() {
+      this.consultantList = (this.myConsultantList || [])
+        .filter(item => item.contactStatus !== 'contacted')
+        .map((item) => ({ ...item, formatDate: new Date(item.updateTime || item.createTime)}))
+        .sort((preItem, nextItem) => +nextItem.formatDate - +preItem.formatDate)
+    }
+
+    //////////////////////////////////////////////////////////////////////
+
+    navigateToRoute(path: string): void {
       this.$router.push(path);
     }
 

--
Gitblit v1.8.0