diff --git a/public/pages/property/billManage/billManage.js b/public/pages/property/billManage/billManage.js
index 09ed34a71..29c8fcb7f 100644
--- a/public/pages/property/billManage/billManage.js
+++ b/public/pages/property/billManage/billManage.js
@@ -61,8 +61,8 @@
                     }
                 );
             },
-            _openBillDetail: function () {
-                
+            _openBillDetail: function (_bill) {
+                vc.jumpToPage('/admin.html#/pages/property/billOweManage?'+vc.objToGetParam(_bill));
 
             },
             _querybillMethod: function () {
diff --git a/public/pages/property/billOweManage/billOweManage.html b/public/pages/property/billOweManage/billOweManage.html
new file mode 100644
index 000000000..136f893e0
--- /dev/null
+++ b/public/pages/property/billOweManage/billOweManage.html
@@ -0,0 +1,111 @@
+<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;">
+                        <button type="button" class="btn btn-link btn-sm" style="margin-right:10px;"
+                            v-on:click="_moreCondition()">{{billOweManageInfo.moreCondition == true?'隐藏':'更多'}}
+                        </button>
+                    </div>
+                </div>
+                <div class="ibox-content">
+                    <div class="row">
+                        <div class="col-sm-4">
+                            <div class="form-group">
+                                <input type="text" placeholder="请输入账单编号" v-model="billOweManageInfo.conditions.title"
+                                    class=" form-control">
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <select class="custom-select" v-model="billOweManageInfo.conditions.state">
+                                <option selected value="">请选择交费状态</option>
+                                <option value="1000">未交费</option>
+                                <option value="2000">已缴费</option>
+                            </select></div>
+                        <div class="col-sm-3">
+                            <div class="form-group">
+                                <input type="text" placeholder="请输入业主名称"
+                                    v-model="billOweManageInfo.conditions.ownerName" class=" form-control">
+                            </div>
+                        </div>
+                        <div class="col-sm-1">
+                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_querybillMethod()">
+                                <i class="fa fa-search"></i> 查询
+                            </button>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <!-- <div class="col-sm-4" v-if="billOweManageInfo.moreCondition == true">
+                            <div class="form-group">
+                                <input type="text" placeholder="请输入信息ID"
+                                    v-model="billOweManageInfo.conditions.activitiesId" class=" form-control">
+                            </div>
+                        </div> -->
+                    </div>
+
+
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row" >
+        <div class="col-lg-12">
+            <div class="ibox">
+                <div class="ibox-title">
+                    <h5>{{billOweManageInfo.billName}}</h5>
+                    <div class="ibox-tools" style="top:10px;">
+                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_goBack()">
+                                返回
+                            </button>
+            
+                    </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>
+                                <th class="text-center">联系电话</th>
+                                <th class="text-center">状态</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="billOwe in billOweManageInfo.billOwes">
+                                <td class="text-center">{{billOwe.payerObjName}}</td>
+                                <td class="text-center">{{billOwe.billAmountOwed}}元</td>
+                                <td class="text-center">{{billOwe.amountOwed}}元</td>
+                                <td class="text-center">{{billOwe.feeEndTime}}</td>
+                                <td class="text-center">{{billOwe.ownerName}}</td>
+                                <td class="text-center">{{billOwe.ownerTel}}</td>
+                                <td class="text-center">
+                                    <span class="badge badge-success" v-if="billOwe.state == '2000'">已缴费</span>
+                                    <span class="badge badge-danger" v-else>未交费</span>
+                                </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/billOweManage/billOweManage.js b/public/pages/property/billOweManage/billOweManage.js
new file mode 100644
index 000000000..6e19c1874
--- /dev/null
+++ b/public/pages/property/billOweManage/billOweManage.js
@@ -0,0 +1,90 @@
+/**
+ 入驻小区
+ **/
+(function (vc) {
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 10;
+    vc.extends({
+        data: {
+            billOweManageInfo: {
+                billOwes: [],
+                total: 0,
+                records: 1,
+                moreCondition: false,
+                title: '',
+                billName:'',
+                conditions: {
+                    ownerName: '',
+                    state: '',
+                    billName: '',
+                    billId: '',
+
+                }
+            }
+        },
+        _initMethod: function () {
+            $that.billOweManageInfo.conditions.billId = vc.getParam('billId');
+            $that.billOweManageInfo.billName = vc.getParam('billName');
+
+            $that._listOwebills(DEFAULT_PAGE, DEFAULT_ROWS);
+        },
+        _initEvent: function () {
+
+            vc.on('billOweManage', 'listbillOwe', function (_param) {
+                vc.component.billOweManageInfo.componentShow = 'billOweList';
+                vc.component._listOwebills(DEFAULT_PAGE, DEFAULT_ROWS);
+            });
+            vc.on('pagination', 'page_event', function (_currentPage) {
+                vc.component._listOwebills(_currentPage, DEFAULT_ROWS);
+            });
+        },
+        methods: {
+            _listOwebills: function (_page, _rows) {
+
+                vc.component.billOweManageInfo.conditions.page = _page;
+                vc.component.billOweManageInfo.conditions.row = _rows;
+                vc.component.billOweManageInfo.conditions.communityId = vc.getCurrentCommunity().communityId;
+                var param = {
+                    params: vc.component.billOweManageInfo.conditions
+                };
+
+                //发送get请求
+                vc.http.apiGet('fee.listBillOweFee',
+                    param,
+                    function (json, res) {
+                        var _billOweManageInfo = JSON.parse(json);
+                        vc.component.billOweManageInfo.total = _billOweManageInfo.total;
+                        vc.component.billOweManageInfo.records = _billOweManageInfo.records;
+                        vc.component.billOweManageInfo.billOwes = _billOweManageInfo.data;
+                        vc.emit('pagination', 'init', {
+                            total: vc.component.billOweManageInfo.records,
+                            currentPage: _page
+                        });
+                    }, function (errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _openBillDetail: function () {
+
+
+            },
+            _querybillMethod: function () {
+                vc.component._listOwebills(DEFAULT_PAGE, DEFAULT_ROWS);
+
+            },
+            _moreCondition: function () {
+                if (vc.component.billOweManageInfo.moreCondition) {
+                    vc.component.billOweManageInfo.moreCondition = false;
+                } else {
+                    vc.component.billOweManageInfo.moreCondition = true;
+                }
+            },
+            _goBack:function(){
+                vc.goBack();
+            }
+
+
+        }
+    });
+})(window.vc);