diff --git a/public/pages/property/payFeeBatch/payFeeBatch.html b/public/pages/property/payFeeBatch/payFeeBatch.html
new file mode 100644
index 000000000..ab9c5dc1d
--- /dev/null
+++ b/public/pages/property/payFeeBatch/payFeeBatch.html
@@ -0,0 +1,56 @@
+<div class="animated fadeInRight ecommerce">
+    <div class="row">
+        <div class="col-lg-12">
+            <div class="ibox">
+                <div class="ibox-title">
+                    <h5>取消费用</h5>
+                </div>
+                <div class="ibox-content">
+                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
+                        <thead>
+                        <tr>
+                            <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="payFee in payFeeBatchInfo.payFeeBatchs">
+                            <td class="text-center">{{payFee.batchId}}</td>
+                            <td class="text-center">{{payFee.createUserName}}</td>
+                            <td class="text-center">{{payFee.createTime}}</td>
+                            <td class="text-center">{{payFee.remark}}</td>
+                            <td class="text-center">{{payFee.stateName}}</td>
+                            <td class="text-center">{{payFee.msg}}</td>
+                            <td class="text-center">
+                                <div class="btn-group">
+                                    <button class="btn-white btn btn-xs" v-if="payFee.state == 2006001"
+                                            v-on:click="_openPayFeeBatchAuditModel(payFee)">申请取消
+                                    </button>
+                                    <button class="btn-white btn btn-xs" v-if="payFee.state == 2007001"
+                                            v-on:click="_openPayFeeBatchAuditModel(payFee)">审核
+                                    </button>
+                                </div>
+                            </td>
+                        </tr>
+                        </tbody>
+                        <tfoot>
+                        <tr>
+                            <td colspan="9">
+                                <ul class="pagination float-right"></ul>
+                            </td>
+                        </tr>
+                        </tfoot>
+                    </table>
+                    <!-- 分页 -->
+                    <vc:create path="frame/pagination"></vc:create>
+                </div>
+            </div>
+        </div>
+    </div>
+    <vc:create path="common/audit" callBackListener="payFeeBatch" callBackFunction="notifyAuditInfo"></vc:create>
+</div>
\ No newline at end of file
diff --git a/public/pages/property/payFeeBatch/payFeeBatch.js b/public/pages/property/payFeeBatch/payFeeBatch.js
new file mode 100644
index 000000000..2809d157c
--- /dev/null
+++ b/public/pages/property/payFeeBatch/payFeeBatch.js
@@ -0,0 +1,90 @@
+/**
+ 入驻小区
+ **/
+(function (vc) {
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 10;
+    vc.extends({
+        data: {
+            payFeeBatchInfo: {
+                payFeeBatchs: [],
+                total: 0,
+                records: 1,
+                moreCondition: false,
+                payFeeBatchStates: '',
+                name: '',
+                auditReturnFeeId: '',
+                payFeeBatch: '',
+                conditions: {
+                    communityId: vc.getCurrentCommunity().communityId,
+                    state: '',
+                    batchId: ''
+                }
+            }
+        },
+        _initMethod: function () {
+            vc.component._listPayFeeBatchs(DEFAULT_PAGE, DEFAULT_ROWS);
+        },
+        _initEvent: function () {
+            vc.on('pagination', 'page_event', function (_currentPage) {
+                vc.component._listPayFeeBatchs(_currentPage, DEFAULT_ROWS);
+            });
+            vc.on('payFeeBatch', 'notifyAuditInfo', function (_auditInfo) {
+                vc.component._auditPayFeeBatchState(_auditInfo);
+            });
+        },
+        methods: {
+            _listPayFeeBatchs: function (_page, _rows) {
+                vc.component.payFeeBatchInfo.conditions.page = _page;
+                vc.component.payFeeBatchInfo.conditions.row = _rows;
+                var param = {
+                    params: vc.component.payFeeBatchInfo.conditions
+                };
+                vc.http.apiGet('payFeeBatch.listPayFeeBatch',
+                    param,
+                    function (json) {
+                        var _payFeeBatchInfo = JSON.parse(json);
+                        vc.component.payFeeBatchInfo.total = _payFeeBatchInfo.total;
+                        vc.component.payFeeBatchInfo.records = _payFeeBatchInfo.records;
+                        vc.component.payFeeBatchInfo.payFeeBatchs = _payFeeBatchInfo.data;
+                        vc.emit('pagination', 'init', {
+                            total: vc.component.payFeeBatchInfo.records,
+                            dataCount: vc.component.payFeeBatchInfo.total,
+                            currentPage: _page
+                        });
+                    }, function () {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _queryPayFeeBatchMethod: function () {
+                vc.component._listPayFeeBatchs(DEFAULT_PAGE, DEFAULT_ROWS);
+            },
+            _auditPayFeeBatchState: function (_auditInfo) {
+                vc.component.payFeeBatchInfo.payFeeBatch.state = _auditInfo.state;
+                //vc.component.payFeeBatchInfo.payFeeBatch.remark = _auditInfo.remark;
+                let _payFeeBatch = vc.component.payFeeBatchInfo.payFeeBatch;
+                vc.http.apiPost(
+                    'payFeeBatch.updatePayFeeBatch',
+                    JSON.stringify(_payFeeBatch),
+                    {
+                        emulateJSON: true
+                    },
+                    function (json, res) {
+                        if (res.status == 200) {
+                            vc.component._listPayFeeBatchs(DEFAULT_PAGE, DEFAULT_ROWS);
+                            return;
+                        }
+                        vc.toast(json);
+                    },
+                    function (errInfo, error) {
+                        vc.toast(errInfo);
+                    });
+            },
+            _openPayFeeBatchAuditModel(_payFee) {
+                vc.component.payFeeBatchInfo.payFeeBatch = _payFee;
+                vc.emit('audit', 'openAuditModal', {});
+            }
+        }
+    });
+})(window.vc);