From 110c17c01752951219d3f7f6fc8258355c26a6d0 Mon Sep 17 00:00:00 2001
From: java110 <928255095@qq.com>
Date: Mon, 19 Oct 2020 15:56:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/bigScreen/css/index.css                | 17 +++++-
 public/bigScreen/index.html                   | 14 ++++-
 public/bigScreen/js/box5.js                   | 43 +++++++++++++-
 .../reportPrePaymentFee.html                  | 47 +++++++++++++++
 .../reportPrePaymentFee.js                    | 58 +++++++++++++++++++
 5 files changed, 174 insertions(+), 5 deletions(-)
 create mode 100644 public/pages/property/reportPrePaymentFee/reportPrePaymentFee.html
 create mode 100644 public/pages/property/reportPrePaymentFee/reportPrePaymentFee.js

diff --git a/public/bigScreen/css/index.css b/public/bigScreen/css/index.css
index 8e9cdbfe5..9d165c5cb 100644
--- a/public/bigScreen/css/index.css
+++ b/public/bigScreen/css/index.css
@@ -169,7 +169,7 @@ small {
 
 .box5_con_top {
     width: 100%;
-    height: 320px;
+    height: 220px;
     float: left;
 }
 
@@ -184,6 +184,21 @@ small {
     line-height: 60px;
     list-style: none;
     border-bottom: 1px dashed #dbdbdb;
+    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;
 }
\ No newline at end of file
diff --git a/public/bigScreen/index.html b/public/bigScreen/index.html
index 053d8aef0..26cf0616a 100644
--- a/public/bigScreen/index.html
+++ b/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">
diff --git a/public/bigScreen/js/box5.js b/public/bigScreen/js/box5.js
index 50244d8ab..e965964eb 100644
--- a/public/bigScreen/js/box5.js
+++ b/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();
 })()
\ No newline at end of file
diff --git a/public/pages/property/reportPrePaymentFee/reportPrePaymentFee.html b/public/pages/property/reportPrePaymentFee/reportPrePaymentFee.html
new file mode 100644
index 000000000..d32294752
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/public/pages/property/reportPrePaymentFee/reportPrePaymentFee.js b/public/pages/property/reportPrePaymentFee/reportPrePaymentFee.js
new file mode 100644
index 000000000..73e0fba8c
--- /dev/null
+++ b/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);