优化代码

public/bigScreen/css/index.css

@@ -169,7 +169,7 @@ small {
 
 .box5_con_top {
     width: 100%;
-    height: 320px;
+    height: 220px;
     float: left;
 }
 
@@ -187,3 +187,18 @@ small {
     color: #F5F5F5;
     overflow: hidden;
 }
+
+.box6_con_bot {
+    width: 100%;
+    float: left;
+}
+
+.box6_con_bot li {
+    width: 100%;
+    /* height: 40px;
+    line-height: 40px; */
+    list-style: none;
+   
+    color: #F5F5F5;
+    overflow: hidden;
+}

public/bigScreen/index.html

@@ -84,16 +84,24 @@
 							<div class="box5_con_top">
 								<div class="row">
 									<div class="col-md-6">
-										<img width="100%" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597032197934&di=c4d7ed4365388122a80285ec320b5521&imgtype=0&src=http%3A%2F%2Fgb.cri.cn%2Fmmsource%2Fimages%2F2007%2F03%2F26%2Fem070325047.jpg" alt="开门图片"/>
+										<img width="90%" height="200px" src="/img/noPhoto.jpg" alt="开门图片"/>
 
 									</div>
 									<div class="col-md-6">
-										<img width="100%" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597032197934&di=c4d7ed4365388122a80285ec320b5521&imgtype=0&src=http%3A%2F%2Fgb.cri.cn%2Fmmsource%2Fimages%2F2007%2F03%2F26%2Fem070325047.jpg" alt="开门图片"/>
+										<img width="90%" height="200px"  src="/img/noPhoto.jpg" alt="开门图片"/>
 
 									</div>
 								</div>
-							
 							</div>
+
+							<div class="title m-20">费用预警</div>
+							<div class="box6_con_bot">
+								<ul id="todayPreFee">
+							
+
+								</ul>
+							</div>
+
 							<div class="title m-20">今日巡检</div>
 							<div class="box5_con_bot">
 								<ul id="todayInpection">

public/bigScreen/js/box5.js

@@ -33,13 +33,54 @@
         for (let _inIndex = 0; _inIndex < _dataArr.length; _inIndex++) {
             _li += "<li>" + (_inIndex + 1) + ".0、" + _dataArr[_inIndex].msg + "</li>";
 
-            if(_inIndex >=7){
+            if(_inIndex >=5){
                 break;
             }
         }
         _todayInpection.innerHTML = _li;
     }
 
+    function initPrePayment(_dataArr) {
+        let _todayInpection = document.getElementById("todayPreFee");
+        let _li = "<li>预交费提醒:</li>";
+        for (let _inIndex = 0; _inIndex < _dataArr.length; _inIndex++) {
+            _li += "<li>" + (_inIndex + 1) + ".0、" + _dataArr[_inIndex].feeName +  _dataArr[_inIndex].objCount +"户</li>";
+
+            if(_inIndex >=5){
+                break;
+            }
+        }
+        _todayInpection.innerHTML = _li;
+    }
+
+    function _loadPrePaymentCount(params) {
+        let param = {
+            params: {
+                communityId: vc.getCurrentCommunity().communityId
+            }
+        }
+        vc.http.apiGet(
+            '/reportFeeMonthStatistics/queryPrePaymentCount',
+            param,
+            function (json, res) {
+                //vm.menus = vm.refreshMenuActive(JSON.parse(json),0);
+                let _json = JSON.parse(json);
+                if (_json.code == 0) {
+                    let _data = _json.data;
+                    initPrePayment(_data);
+                    return;
+                }
+            },
+            function (errInfo, error) {
+                console.log('请求失败处理');
+
+                vc.toast(errInfo);
+
+            });
+    }
+
 
     _loadAssetInspection();
+
+    _loadPrePaymentCount();
 })()

public/pages/property/reportPrePaymentFee/reportPrePaymentFee.html

@@ -0,0 +1,47 @@
+<div class=" animated fadeInRight ecommerce">
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="ibox">
+                <div class="ibox-title">
+                    <h5>预缴费提醒</h5>
+                    <div class="ibox-tools" style="top:10px;">
+
+                    </div>
+                </div>
+                <div class="ibox-content">
+
+                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
+                        <thead>
+                            <tr>
+                                <!-- <th class="text-center">信息ID</th> -->
+                                <th class="text-center">费用编号</th>
+                                <th class="text-center">房号</th>
+                                <th class="text-center">费用项</th>
+                                <th class="text-center">费用开始时间</th>
+                                <th class="text-center">距离费用开始时间（天）</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="(fee,index) in reportPrePaymentFeeInfo.fees">
+                                <td class="text-center">{{index+1}}</td>
+                                <td class="text-center">{{fee.objName}}</td>
+                                <td class="text-center">{{fee.feeName}}</td>
+                                <td class="text-center">{{fee.endTime}}</td>
+                                <td class="text-center">{{fee.oweDay}}</td>
+                            </tr>
+                        </tbody>
+                        <tfoot>
+                            <tr>
+                                <td colspan="7">
+                                    <ul class="pagination float-right"></ul>
+                                </td>
+                            </tr>
+                        </tfoot>
+                    </table>
+                    <!-- 分页 -->
+                    <vc:create path="frame/pagination"></vc:create>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

public/pages/property/reportPrePaymentFee/reportPrePaymentFee.js

@@ -0,0 +1,58 @@
+/**
+ 入驻小区
+ **/
+(function (vc) {
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 10;
+    vc.extends({
+        data: {
+            reportPrePaymentFeeInfo: {
+                fees: [],
+                total: 0,
+                records: 1,
+                moreCondition: false,
+                title: '',
+            }
+        },
+        _initMethod: function () {
+            vc.component._listFees(DEFAULT_PAGE, DEFAULT_ROWS);
+        },
+        _initEvent: function () {
+            vc.on('pagination', 'page_event', function (_currentPage) {
+                vc.component._listFees(_currentPage, DEFAULT_ROWS);
+            });
+        },
+        methods: {
+            _queryMethod: function () {
+                vc.component._listFees(DEFAULT_PAGE, DEFAULT_ROWS);
+            },
+            _listFees: function (_page, _rows) {
+
+                var param = {
+                    params: {
+                        page: 1,
+                        row: 10,
+                        communityId: vc.getCurrentCommunity().communityId
+                    }
+                };
+
+                //发送get请求
+                vc.http.apiGet('/reportFeeMonthStatistics/queryPrePayment',
+                    param,
+                    function (json, res) {
+                        var _reportPrePaymentFeeInfo = JSON.parse(json);
+                        vc.component.reportPrePaymentFeeInfo.total = _reportPrePaymentFeeInfo.total;
+                        vc.component.reportPrePaymentFeeInfo.records = _reportPrePaymentFeeInfo.records;
+                        vc.component.reportPrePaymentFeeInfo.fees = _reportPrePaymentFeeInfo.data;
+                        vc.emit('pagination', 'init', {
+                            total: vc.component.reportPrePaymentFeeInfo.records,
+                            currentPage: _page
+                        });
+                    }, function (errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            }
+        }
+    });
+})(window.vc);