添加 员工收费报表页面

ReportComponent/src/main/java/com/java110/report/components/fee/StaffFeeManageComponent.java

@@ -0,0 +1,42 @@
+package com.java110.report.components.fee;
+
+
+import com.java110.core.context.IPageData;
+import com.java110.report.smo.fee.IListPayFeeSMO;
+import com.java110.report.smo.feeType.IFeeTypeSMO;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Component;
+
+
+/**
+ * 应用组件管理类
+ * <p>
+ * add by wuxw
+ * <p>
+ * 2019-06-29
+ */
+@Component("staffFeeManage")
+public class StaffFeeManageComponent {
+
+    @Autowired
+    private IListPayFeeSMO listPayFeeSMOImpl;
+
+    /**
+     * 查询应用列表
+     *
+     * @param pd 页面数据封装
+     * @return 返回 ResponseEntity 对象
+     */
+    public ResponseEntity<String> list(IPageData pd) {
+        return listPayFeeSMOImpl.list(pd);
+    }
+
+    public IListPayFeeSMO getListPayFeeSMOImpl() {
+        return listPayFeeSMOImpl;
+    }
+
+    public void setListPayFeeSMOImpl(IListPayFeeSMO listPayFeeSMOImpl) {
+        this.listPayFeeSMOImpl = listPayFeeSMOImpl;
+    }
+}

ReportComponent/src/main/resources/components/feePackage/staffFeeManage/staffFeeManage.html

@@ -0,0 +1,88 @@
+<div id="component" class="wrapper wrapper-content 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()">{{staffFeeManageInfo.moreCondition == true?'隐藏':'更多'}}
+                         </button>-->
+                    </div>
+                </div>
+                <div class="ibox-content">
+                    <div class="row">
+                        <div class="col-sm-4">
+                            <input size="16" type="text" placeholder="请填写员工编码"
+                                   v-model="staffFeeManageInfo.conditions.userCode" class="form-control">
+                        </div>
+                        <div class="col-sm-4">
+                            <div class="form-group">
+                                <input size="16" type="text" placeholder="请选择开始时间" readonly
+                                       class="form-control  start_time">
+                            </div>
+                        </div>
+                        <div class="col-sm-3">
+                            <div class="form-group">
+                                <input size="16" type="text" placeholder="请选择结束时间" readonly
+                                       class="form-control  end_time">
+                            </div>
+                        </div>
+                        <div class="col-sm-1">
+                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_querystaffFeeMethod()">
+                                <i class="glyphicon glyphicon-search"></i>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <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-primary btn-sm" v-on:click="_exportExcel()">
+                            <i class="glyphicon glyphicon-plus"></i>
+                            导出
+                        </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">员工名称</th>
+                            <th class="text-center">员工编码</th>
+                            <th class="text-center">应收金额</th>
+                            <th class="text-center">实收金额</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr v-for="staffFee in staffFeeManageInfo.staffFees">
+                            <td class="text-center">{{staffFee.userName}}</td>
+                            <td class="text-center">{{staffFee.userId}}</td>
+                            <td class="text-center">{{staffFee.receivableAmount}}元</td>
+                            <td class="text-center">{{staffFee.receivedAmount}}元</td>
+                        </tr>
+                        </tbody>
+                        <tfoot>
+                        <tr>
+                            <td colspan="7">
+                                <ul class="pagination float-right"></ul>
+                            </td>
+                        </tr>
+                        </tfoot>
+                    </table>
+                    <!-- 分页 -->
+                    <vc:create name="pagination"></vc:create>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

ReportComponent/src/main/resources/components/feePackage/staffFeeManage/staffFeeManage.js

@@ -0,0 +1,104 @@
+/**
+ 入驻小区
+ **/
+(function (vc) {
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 30;
+    vc.extends({
+        data: {
+            staffFeeManageInfo: {
+                staffFees: [],
+                staffFeeTypes:[],
+                total: 0,
+                records: 1,
+                moreCondition: false,
+                name: '',
+                conditions: {
+                    communityId: vc.getCurrentCommunity().communityId,
+                    startTime: '',
+                    endTime: '',
+                    userCode:''
+                }
+            }
+        },
+        _initMethod: function () {
+            vc.component._initDate();
+            vc.component._liststaffFees(DEFAULT_PAGE, DEFAULT_ROWS);
+        },
+        _initEvent: function () {
+            vc.on('pagination', 'page_event', function (_currentPage) {
+                vc.component._liststaffFees(_currentPage, DEFAULT_ROWS);
+            });
+        },
+        methods: {
+            _initDate:function(){
+                $(".start_time").datetimepicker({
+                    language: 'zh-CN',
+                    format: 'yyyy-mm-dd',
+                    minView: "month",
+                    initialDate: new Date(),
+                    autoClose: 1,
+                    todayBtn: true
+                });
+                $(".end_time").datetimepicker({
+                    language: 'zh-CN',
+                    format: 'yyyy-mm-dd',
+                    minView: "month",
+                    initialDate: new Date(),
+                    autoClose: 1,
+                    todayBtn: true
+                });
+                $('.start_time').datetimepicker()
+                    .on('changeDate', function (ev) {
+                        var value = $(".start_time").val();
+                        vc.component.staffFeeManageInfo.conditions.startTime = value ;
+                    });
+                $('.end_time').datetimepicker()
+                    .on('changeDate', function (ev) {
+                        var value = $(".end_time").val();
+                        vc.component.staffFeeManageInfo.conditions.endTime = value ;
+                    });
+            },
+            _liststaffFees: function (_page, _rows) {
+
+                vc.component.staffFeeManageInfo.conditions.page = _page;
+                vc.component.staffFeeManageInfo.conditions.row = _rows;
+                var param = {
+                    params: vc.component.staffFeeManageInfo.conditions
+                };
+
+                //发送get请求
+                vc.http.get('staffFeeManage',
+                    'list',
+                    param,
+                    function (json, res) {
+                        var _staffFeeManageInfo = JSON.parse(json);
+                        vc.component.staffFeeManageInfo.total = _staffFeeManageInfo.total;
+                        vc.component.staffFeeManageInfo.records = parseInt(_staffFeeManageInfo.total/_rows +1);
+                        vc.component.staffFeeManageInfo.staffFees = _staffFeeManageInfo.staffFees;
+                        vc.emit('pagination', 'init', {
+                            total: vc.component.staffFeeManageInfo.records,
+                            currentPage: _page
+                        });
+                    }, function (errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            _querystaffFeeMethod: function () {
+                vc.component._liststaffFees(DEFAULT_PAGE, DEFAULT_ROWS);
+
+            },
+            _moreCondition: function () {
+                if (vc.component.staffFeeManageInfo.moreCondition) {
+                    vc.component.staffFeeManageInfo.moreCondition = false;
+                } else {
+                    vc.component.staffFeeManageInfo.moreCondition = true;
+                }
+            },
+            _exportExcel:function () {
+
+            }
+        }
+    });
+})(window.vc);

ReportComponent/src/main/resources/views/staffFeeFlow.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en"
+      xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:th="http://www.thymeleaf.org"
+      xmlns:vc="http://www.thymeleaf.org">
+<head>
+    <meta charset="UTF-8"/>
+    <title>员工收费|java110</title>
+    <vc:create name="commonTop"></vc:create>
+    <link href="/css/jquery.step.css" rel="stylesheet"/>
+    <script src="/js/jquery.step.min.js" ></script>
+</head>
+<body>
+<vc:create name="bodyTop"></vc:create>
+<div id="wrapper">
+    <vc:create name="menu"></vc:create>
+
+
+    <div id="page-wrapper" class="gray-bg dashbard-1">
+        <div class="row border-bottom">
+            <vc:create name="nav"></vc:create>
+        </div>
+        <div class="wrapper wrapper-content" style="padding-bottom: 0px;">
+            <vc:create name="breadcrumb"></vc:create>
+        </div>
+        <!-- id="component" -->
+        <div class="wrapper wrapper-content animated fadeInRight">
+            <vc:create name="staffFeeManage"></vc:create>
+        </div>
+
+        <vc:create name="copyright"></vc:create>
+
+    </div>
+</div>
+
+<vc:create name="commonBottom"></vc:create>
+</body>
+</html>