requireJS+angularJS+java+ireport统计报表

<script>
$("#wrapperShow").show();
</script>
<div class=‘right_container‘ ng-class="{true: ‘switct_contenr_right‘, false: ‘‘}[switchStyle]" >
    <div class="wrapper container">
        <div  class="view-container ml0">
            <div ng-include="‘../../../view/public/header/approval/breadcrumb.html‘" ></div> 
   <!--  Page content -->
            <div class="content-wrapper">
                <div class="panel">
                <div class="panel-heading border_search pt5 pb5"> 查询条件 <span class="tools pull-right"> <a data-toggle="collapse" data-parent="#accordion"
          href="#collapseOne" class="fa fa-chevron-down"></a>  </span> </div>
                    <div class="panel-body collapse in"  id="collapseOne">
                        <div class="row search searchTwo mb10">
                            <div class="col-xs-3">
                                <div class="input-group input-group-sm m-bot15">
                                       <span class="input-group-addon" >
                                           <span class="red">*</span>所属机构
                                    </span> 
                                    <input class="form-control input-xs" id="branchName_collection" name="branchName_collection" ng-model="branchName_collection" placeholder="请选择机构" minlength="1" maxlength="32" type="text" data-toggle="modal" data-target="#myModal_add4" ng-click="get_tree()" >
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="input-group input-group-sm m-bot15">
                                       <span class="input-group-addon" >
                                           <span class="red">*</span>起始日期
                                    </span> 
                                    <input type="text" class="form-control input-xs" placeholder="开始时间" id="LAY_demorange_s" ng-model="startDate">
                                </div>
                            </div>
                            <div class="col-xs-3">
                                <div class="input-group input-group-sm m-bot15">
                                       <span class="input-group-addon" >
                                           <span class="red">*</span>终止日期
                                    </span> 
                                    <input type="text" class="form-control input-xs" placeholder="开始时间" id="LAY_demorange_e" ng-model="endDate">
                                </div>
                            </div>
                            <div class="col-xs-3 ">
                                <div class="col-xs-6 pl0 pr5"> <a class="btn btn-danger iconfont" ng-click="QueryMessagePress()"><i class="fa fa-search" ></i> 查询</a> </div>
                                <div class="col-xs-6 pl5 pr0"> <a class="btn btn-info iconfont" ng-click="QueryMessageXls()"><i class="fa fa-download" ></i> 导出</a> </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel group_panel">
                    <div class="panel-heading"><h5>集中催收报表</h5></div>
                    <div class="panel-body">
                        <div class="adv-table editable-table ">
                            <div class="clearfix"></div>
                            <div class="space15"></div>
                            <div id="editable-sample_wrapper" class="dataTables_wrapper form-inline table-responsive" role="grid">
                                <iframe name="subFrame" src="about:blank" style="border: none; width: 100%;min-height: 600px;"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 选择机构弹出页---转列经办行 -->
            <div class="modal fade" id="myModal_add4" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog" style="width:550px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel">
                                    选择机构
                            </h4>
                        </div>
                        <div class="modal-body"style="height: 380px;max-height:380px; overflow: auto;">
                            <div id=‘trees‘ style="margin: 0;padding: 5px;color: #333;border: 1px solid #eee;border-radius: 8px;"></div>
                            <!-- <ul tree id="tree" style="font:normal 12px/35px ‘Arial‘;color:#dcdcdc;" class="ztree" ng-model="selectNode" value="1" >  -->
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="getBranchName_dismiss()">取消
                            </button>
                            <button type="button" class="btn btn-info doBank" data-dismiss="modal" ng-click="getBranchName()">
                                    确定
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        
        </div>
    </div>  
</div>
‘use strict‘;
// 担保对照
var a = 0;
var page = 0;
var gro = "";
define([ ‘app‘, ‘appModule‘ ],function(app){
    // 弹出层自适应居中
    $(function() {
        $(".modal-body").height($(window).height() - 360);
        // 当文档窗口发生改变时 触发
        $(window).resize(function() {
            $(".modal-body").height($(window).height() - 360);
        });
        $(this).on(‘show.bs.modal‘, function() {
            $(‘body‘).addClass(‘modal-open‘);
        });
        $(this).on(‘hide.bs.modal‘, function() {
            $(‘body‘).removeClass(‘modal-open‘);
        });
    });
    
    app.register.controller(‘focuscollCtrl‘,[‘$rootScope‘,‘$scope‘,‘$cookies‘,‘coreUrl‘,‘lodinDataService‘,‘lodinDatadService‘,‘$http‘,function($rootScope,$scope, $cookies, coreUrl,lodinDataService, lodinDatadService,$http) {
        if (lodinDatadService.getObject(‘lodinDatad‘) == 0) {
            $scope.LoginList = lodinDataService.getObject(‘lodinData‘);
        }
        if (lodinDataService.getObject(‘lodinData‘) == 0) {
            $scope.LoginList = lodinDatadService.getObject(‘lodinDatad‘);
        }
        $rootScope.parentCru = lodinDataService.get(‘parentCru‘);
        $rootScope.childCru = lodinDataService.get(‘childCru‘);
        $rootScope.userId = $scope.LoginList.userId;
        $rootScope.branchId = $scope.LoginList.branchId;
        $scope.data = lodinDatadService.getObject(‘branchData‘);
            //新增机构-弹出框显示隐藏
            $scope.get_tree = function(){
                if($scope.data){
                    $scope.tree($scope.data.row);
                }
            };
         $scope.tree = function(data){
             $(‘#trees‘).on("changed.jstree", function(e, data) {
                if(data.selected.length) {
                    $scope.id = data.instance.get_node(data.selected[0]).id;
                    $scope.text = data.instance.get_node(data.selected[0]).text;
                } //输出点击的内容
            }).jstree({
                ‘core‘: {
                    ‘data‘: data
                }
            }); //动态生成tree菜单
         }; 
         $scope.getBranchName = function(){
             if($scope.text == undefined || $scope.text == ""){
                alert("温馨提示!", ‘请选择机构!‘, function () {
                }, {type: ‘warning‘,showConfirmButton:true});
                }else{
                    $scope.branchId_collection = $scope.id;
                    $scope.branchName_collection = $scope.text;
                }
         };
         //查询--选择机构--取消
        $scope.getBranchName_dismiss = function(){
            $(‘#myModal_add4‘).modal(‘hide‘);
        };
        //获取报表种类
        var CoreUrl = new coreUrl({
            "transCode" : "B000704",
            "bizTypeCode" : "LOAN_PRESS_TYPE"
        });
        CoreUrl.$save(function(objc){
            $scope.actualChannelList = objc.rows;
        });        
        //查询    
        $scope.QueryMessagePress= function(){
            var href_Base = "jasperreport/reportFocusCollHtml?";
            $scope.startDate = document.getElementById(‘LAY_demorange_s‘).value;
            $scope.endDate = document.getElementById(‘LAY_demorange_e‘).value;
            if($scope.branchName_collection != undefined && $scope.startDate.length>0 && $scope.endDate.length>0){    
                href_Base += "groupId=";
                href_Base += $scope.branchId_collection;
                href_Base += "&groupName=";
                href_Base += $scope.branchName_collection;
                href_Base += "&startDate=";
                var sDate = $scope.startDate;
                sDate = sDate.replace(/-/, "年");
                sDate = sDate.replace(/-/, "月");
                sDate += "日"; 
                href_Base += sDate;
                href_Base += "&endDate=";
                var eDate = $scope.endDate;
                eDate = eDate.replace(/-/, "年");
                eDate = eDate.replace(/-/, "月");
                eDate += "日"; 
                href_Base += eDate;
                $scope.href_Base = href_Base;
                window.subFrame.location.href = $scope.href_Base;
            }else{
                alert("温馨提示!", ‘请输入查询条件‘, function () {}, {type: ‘warning‘,showConfirmButton:true});
            }
        };
        //导出
        $scope.QueryMessageXls= function(){
            var href_Base = "jasperreport/reportFocusCollXls?";
            $scope.startDate = document.getElementById(‘LAY_demorange_s‘).value;
            $scope.endDate = document.getElementById(‘LAY_demorange_e‘).value;
            if($scope.branchName_collection != undefined && $scope.startDate.length>0 && $scope.endDate.length>0){    
                href_Base += "groupId=";
                href_Base += $scope.branchId_collection;
                href_Base += "&groupName=";
                href_Base += $scope.branchName_collection;
                href_Base += "&startDate=";
                var sDate = $scope.startDate;
                sDate = sDate.replace(/-/, "年");
                sDate = sDate.replace(/-/, "月");
                sDate += "日"; 
                href_Base += sDate;
                href_Base += "&endDate=";
                var eDate = $scope.endDate;
                eDate = eDate.replace(/-/, "年");
                eDate = eDate.replace(/-/, "月");
                eDate += "日"; 
                href_Base += eDate;
                $scope.href_Base = href_Base;
                window.subFrame.location.href = $scope.href_Base;
            }else{
                alert("温馨提示!", ‘请输入导出条件‘, function () {}, {type: ‘warning‘,showConfirmButton:true});
            }
        };
        //输入框屏蔽特殊字符
        /*var pattern = new RegExp("[`[email protected]#$^&*()=|{}‘:;‘,\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“‘。,、?]") ;
        $(‘input‘).bind(‘input propertychange‘, function() {
            $(‘input‘).val($(‘input‘).val().replace(pattern,""));
        });*/
        //------end--------
        //转列日期--时间控件
        layui.use(‘laydate‘, function(){
            var laydate = layui.laydate;
            var start = {
                // min:
                // laydate.now()
                max : laydate.now(),
                istoday : false,
                choose : function(datas) {
                    $scope.startDate = datas;
                    end.min = datas; //开始日选好后,重置结束日的最小日期
                    end.start = datas //将结束日的初始值设定为开始日
                }
            };
            var end = {
                    //min: laydate.now()
                max : laydate.now(),
                istoday: false,
                choose: function(datas){
                    $scope.endDate = datas;
                    start.max = datas; //结束日选好后,重置开始日的最大日期
                }
              };
              document.getElementById(‘LAY_demorange_s‘).onclick = function(){
                  start.elem = this;
                  laydate(start);
              };
              document.getElementById(‘LAY_demorange_e‘).onclick = function(){
                  end.elem = this;
                  laydate(end);
              };
        });
        //转列日期-时间控件end
    }]);
});
时间: 2024-10-10 10:11:41

requireJS+angularJS+java+ireport统计报表的相关文章

第一部分:使用iReport制作报表的详细过程(Windows环境下)

提示:在有些板块,文中的图片看不到,建议到我的blog浏览文章:http://blog.csdn.net/jemlee2002/文章将会涉及3个方面的内容: 第二部分:使用Jasperreport作为报表控件开发胖客户端报表应用 第三部分:使用Jasperreport作为报表控件开发Web报表应用 1.前言 在网络上可以搜索到很多使用iReport和Jasperreport配合实现各种报表任务的文章,但是我觉得很少有一篇(几乎没有)做一个比较详细的介绍如何使用iReport制作报表的全过程,我所

基于Android MPAndroidChart实现腾讯QQ群数据统计报表核心功能

 基于Android MPAndroidChart实现腾讯QQ群数据统计报表核心功能 腾讯QQ移动客户端(新版)的QQ群有一项功能比较有趣,是关于QQ群的.QQ群新增一项功能开放给具有管理权限的群成员:管理群 -> 群数据 中,会看到QQ群的一些基础数据统计报表,如人数.发言条数的统计报表,如图: 我之前写了一篇文章是关于Android平台上的一个统计报表的开源框架MPAndroidChart,文章介绍了如何在自己的项目中使用MPAndroidChart制作统计报表,同时给出了基本折线图的一

jasperReport+ireport实现报表导出和数据分析

jasperReport + ireport组合实现报表文件(各种文件格式xsl.pdf,rtf等)的生成导出是目前开源报表中使用的最为广泛的.在平台一期完成之后,而且功能中报表以及数据分析这块是必不可少的,一下展示如何使用JasperReport + ireport导出excel报表. 1.需要.jasper文件作为生成报表的模板,这个文件是由ireport文件编译.jrxml文件之后生成的.这个需要注意的是JasperReport和ireport的版本一定要对应,否则很可能出问题.下面的文件

非常规统计报表之制作按段分组报表的新办法

报表开发中,经常会碰到一些需要进行非常规统计的报表,固定分组.可重复分组.组内排序,还包括跨行组计算的报表,甚至有些报表本身无数据来源.以及需要对数据源再计算.这些报表本身具备一定的特殊性,使用常规方法往往难于实现. 对于按段分组报表,各段之间可以有重复,也就可能出现按段可重复的分组报表.集算报表在完成这类特殊统计报表时比较简单,这里通过一个实例说明实现过程. 报表说明 根据员工基本信息表按年龄统计各年龄段区间的人数.奖金等汇总情况.报表样式如下: 这里"30-40岁"和"3

ASP.NET MVC搭建项目后台UI框架—7、统计报表

ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NET MVC搭建项目后台UI框架—4.tab多页签支持 ASP.NET MVC搭建项目后台UI框架—5.Demo演示Controller和View的交互 ASP.NET MVC搭建项目后台UI框架—6.客户管理(添加.修改.查询.分页) ASP.NET MVC搭建项目后台UI框架—7.统计报表 本节,我将通

统计报表

http://baike.baidu.com/link?url=6jkLcXT5-SmovTo9o2T2fGr0J_Ec18q45L19_GDvPKQl2_GG1TWky0nABJMd-GQ7c5GcRYvuy56NdN-exvs5pq http://wenku.baidu.com/view/c12ce66fa98271fe910ef92b.html?from=search 统计报表是按统一规定的表格形式,统一的报送程序和报表时间,自下而上提供基础统计资料,是一种具有法律性质的报表.统计报表是一

【案例分享】电力设备生产数据的多层分组统计报表实现

多层分组统计报表即按照不同的数据字段,形成多级分组,并分层级进行合计. 传统报表的实现方式大多基于 Table 控件,虽然可实现多个分组功能,但在报表显示方面有限制,只能呈现上下级的分组,而现代的复杂报表的需求,通常是左右级嵌套,有时甚至要求相同内容的单元格合并,使用 Table 控件,有太多的局限,有了矩表控件,通过简单的拖拽就能轻松实现多层分组报表,不管有多少个分组和分组小计都能简单解决. 下面会通过一个具体的案例,使用葡萄城报表中的矩表控件来讲解实现多层分组统计报表. (一)原始数据 (二

java JFreechart开发报表的实例demo下载

原文:java JFreechart开发报表的实例demo下载 源代码下载地址:http://www.zuidaima.com/share/1550463472110592.htm 运行效果图如下: 代码截图:

mantis 中文统计报表乱码问题解决办法

mantis 中文报表乱码问题 1.安装mantisTB 1.2.17:a.安装插件:管理-->插件管理-->安装MantisGraph(Mantis图表 1.0) 插件b.修改配置文件:文件mantis\plugins\MantisGraph\pages\config.php(用UltraEdit打开修改文件,然后另存为UTF-8格式):$t_current_font_selected = array('simsun' => false, //增加这一行'arial' => fa