首页

src/server/api.js

@@ -78,6 +78,7 @@ export default {
   PUT_PERSONAL_RESET_PWD: 'service-user/pwd', // 修改密码
   GET_HOME_DISPOSAL: '/service-special-xh-ddd/dashboard/disposal', //处置单统计
   GET_HOUSE_MONTH: '/service-documents-ddd/dashboard/house/month', //房办月查统计
+  GET_ALREADY_OR_EXPIRE: '/service-basicdatasync-ddd/indCou/statistics/alreadyOrWillExpire', 
  
   GET_KEYS: 'service-customkey-ddd/show/{table}/keys', // 某表下所有可显示的字段
   POST_KEYS: 'service-customkey-ddd/show/keys', // 保存已选字段

src/views/home.vue

 <template>
   <div id="home" class="layoutPadding">
       <a-row type="flex"  class="align-stretch">
-        <a-col :span="21">
+        <a-col :span="16">
           <a-row type="flex" style="padding-right:10px;height:100%;">
             <a-col :span="6">
               <div class="home-card topBox" style="margin-right:10px;">
@@ -43,7 +43,7 @@
               </div>
             </a-col>
             <a-col :span="6">
-              <div class="home-card topBox" style="margin-left:10px;">
+              <div class="home-card topBox" style="margin-left:0px 10px;">
                 <div class="justify-between topBox" >
                   <div>
                     <p class="top-font" >业委会数</p>
@@ -57,13 +57,31 @@
             </a-col> 
           </a-row>
         </a-col>
-        <a-col :span="3">
-          <div style=" margin-left:10px;"> 
-            <div class="home-card middle-right" @click="toFangXunFangTai">
-              <img src="@/assets/icon/fxft.png" style="width:40px;" alt="">
-              <p>防汛防台</p>
-            </div>
-          </div>
+        <a-col :span="4">
+          <div class="home-card topBox" style="margin-left:0px 10px;" @click="handleExpired">
+                <div class="justify-between topBox" >
+                  <div>
+                    <p class="top-font" >已过期</p>
+                    <span class="top-count" >{{expired}}</span>
+                  </div>
+                  <div class="align-center" >
+                    <img src="@/assets/icon/wyqys.png" style="width:50px;" alt="">
+                  </div>
+                </div>
+              </div>
+        </a-col>
+        <a-col :span="4">
+          <div class="home-card topBox" style="margin-left:10px;" @click="handleWillExpire">
+                <div class="justify-between topBox" >
+                  <div>
+                    <p class="top-font" >未来5个月将到期</p>
+                    <span class="top-count" >{{expireInFiveMonth}}</span>
+                  </div>
+                  <div class="align-center" >
+                    <img src="@/assets/icon/wyqys.png" style="width:50px;" alt="">
+                  </div>
+                </div>
+              </div>
         </a-col>
       </a-row>
       <a-row class="align-stretch" style="margin-top:20px;">
@@ -182,14 +200,26 @@
         </a-col>
         <a-col :span="3">
           <div style="height:100%;margin-left:10px;">
-            <div class="home-card middle-right" @click="$router.push({path: '/houseData/basicInfo'})">
-              <img src="@/assets/icon/xqda.png" style="width:40px;" alt="">
-              <p>小区档案</p>
-            </div>
-            <div class="home-card middle-right" @click="$router.push({path: '/houseData/propertyInfo'})" style="margin-top:20px;">
-              <img src="@/assets/icon/wyqyda.png" style="width:40px;" alt="">
-              <p>物业企业档案</p>
-            </div>
+            <a-row>
+              <div class="home-card middle-right" style="margin-bottom: 20px" @click="toFangXunFangTai">
+                <img src="@/assets/icon/fxft.png" style="width:40px;" alt="">
+                <p>防汛防台</p>
+              </div>
+            </a-row>
+            
+            <a-row>
+              <div class="home-card middle-right" @click="$router.push({path: '/houseData/basicInfo'})">
+                <img src="@/assets/icon/xqda.png" style="width:40px;" alt="">
+                <p>小区档案</p>
+              </div>
+            </a-row>
+
+            <a-row>
+              <div class="home-card middle-right" @click="$router.push({path: '/houseData/propertyInfo'})" style="margin-top:20px;">
+                <img src="@/assets/icon/wyqyda.png" style="width:40px;" alt="">
+                <p>物业企业档案</p>
+              </div>
+            </a-row>
           </div>
         </a-col>
       </a-row>
@@ -544,6 +574,8 @@ export default {
         {name: '11月', check: false, hover: false, totStreet: 0, checkStreet: 0, class: '', }, 
         {name: '12月', check: false, hover: false, totStreet: 0, checkStreet: 0, class: '', }, 
       ],
+      expired: 0,
+      expireInFiveMonth: 0,
       theme: 0,
       sect: 0,
       receipts: 0,
@@ -626,6 +658,16 @@ export default {
           this.data = this.$com.confirm(res, 'data.content', []) 
         }
       })
+
+      this.$ajax.get({
+        url: this.$api.GET_ALREADY_OR_EXPIRE,
+      }).then(res => {
+        if (res.code === '200') {
+          let inner = res.data.content
+          this.expired = inner.willExpireCount
+          this.expireInFiveMonth = inner.alreadyExpireCount
+        }
+      })
     },
     /**
      * 获取房办月查统计
@@ -937,6 +979,12 @@ export default {
         }
       })
     },
+    handleExpired() {
+      this.$router.push({name: 'indCous', query: {type: 'expired', date: (this.$moment().format('L')).split('/').join('')}})
+    },
+    handleWillExpire() {
+      this.$router.push({name: 'indCous', query: {type: 'willExpire', date: (this.$moment().add('months', 5).format('L')).split('/').join('')}})
+    },
     /**
      * 去投诉 
      */

src/views/houseData/indCous.vue

@@ -239,6 +239,10 @@ export default {
         }
         this.$set(obj, item, value)
       })
+
+      if(!!this.$router.query) {
+        alert('a')
+      }
       const searchParams = Object.assign({}, {
         'hocCode_l': this.form.getFieldValue('hocCode_l') || '',
         'hocName_l': this.form.getFieldValue('hocName_l') || '',