| ReportComponent/src/main/java/com/java110/report/components/fee/StaffFeeManageComponent.java | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| ReportComponent/src/main/resources/components/feePackage/staffFeeManage/staffFeeManage.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| ReportComponent/src/main/resources/components/feePackage/staffFeeManage/staffFeeManage.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| ReportComponent/src/main/resources/views/staffFeeFlow.html | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
ReportComponent/src/main/java/com/java110/report/components/fee/StaffFeeManageComponent.java
New file @@ -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
New file @@ -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
New file @@ -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
New file @@ -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>
