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("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]") ;
        $('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
    }]);
});