zuel-itsm-3.0.2/assets/views/report/nxreport.html

<style>
    .headerborder {
        border-bottom: 1px solid #eee;
    }
    
    .paddingtop-24 {
        padding-top: 24px;
    }
</style>
<script src="assets/js/script/html2canvas.js"></script>
<script src="assets/js/script/jspdf.debug.js">
</script>
<section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">报表列表<i tooltip='请点击对应报表名称，查看相关数据。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
        </div>
    </div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: BOOTSRAP NAV TREE -->
<div class="col-md-12 col-sm-12">
    <div class="row" ng-controller="nxreportCtrl">
        <div class="col-md-3 col-sm-2 ">
            <div class="row">
                <div class="panel panel-white" ng-style="listheight">
                    <div class="panel-heading panel-light-grey border-light">
                        <h4 class="panel-title">
                            <p translate="sidebar.nav.report.LISTDesc">
                                暂无数据
                            </p>
                        </h4>
                    </div>


                    <div class="">
                        <div class="box-tree">
                            <span ng-if="doing_async">...loading...</span>
                            <!-- <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" icon-leaf="" icon-expand="icon iconfontstyle icon-Group" icon-right="icon iconfontstyle icon-xiala3" icon-collapse="icon iconfontstyle icon-Group"></abn-tree> -->
                            <abn-tree tree-data="my_data" tree-control="my_tree" on-select="my_tree_handler(branch)" expand-level="2" icon-leaf="" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
                        </div>
                    </div>
                    <!-- <div class="row">
                        <div class="col-md-6">
                            <div ng-nestable ng-model="my_tree">
                                {{$item.text}}
                            </div>
                        </div>
                    </div> -->
                    <!-- 
                    <ul class="main-navigation-menu">
                        <li ng-class="{'active open':$state.includes(item.link)}" ng-repeat="item in my_tree">
                            <a href="javascript:void(0)">
                                <div class="item-content">
                                    <div class="item-media">
                                        <div class="">
                                            <i style="font-size: 14px !important;" class="icon iconfont {{item.icon}}"></i>
                                        </div>
                                        <div class="item-inner">
                                            <span class="title">{{item.label}}</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <ul class="sub-menu">
                                <li ui-sref-active="active" ng-repeat="subItem in item.children">
                                    <a ui-sref="{{subItem.link}}">
                                        <span class="title">{{subItem.label}}</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul> -->



                </div>
            </div>
        </div>
        <div class="col-md-9 col-sm-4" id="DIV3">
            <div class="row">
                <div class="padding-left-15">
                    <div class="schuback" id="searchid">
                        <div class="row">
                            <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
                                <div class="col-xs-12 col-sm-12">
                                    <span class="">日期选择:</span>
                                    <div class="form-group">
                                        <input type="text" class="form-control smallline" datepicker-popuptime="yyyy-MM-dd" ng-change="changeForm(parameters.paramDateFrom)" ng-model="parameters.paramDateFrom" max-date="parameters.paramDateTo" is-open="startOpened" hour-time=true ng-init="startOpened = false"
                                            close-text="关闭" ng-click="startOpen($event)" />
                                    </div>
                                    <span>至</span>
                                    <div class="form-group">
                                        <input type="text" class="form-control smallline" datepicker-popuptime="yyyy-MM-dd" ng-change="changeTo(parameters.paramDateTo)" ng-model="parameters.paramDateTo" hour-time=true min-date="parameters.paramDateFrom" is-open="endOpened" ng-init="endOpened = false"
                                            close-text="关闭" ng-click="endOpen($event)" />
                                    </div>
                                    <div class="form-group">
                                        <button class="btn btn-searchbutton steelbutton" ng-click="mdxquery('all')" type="button">搜索</button>
                                    </div>
                                    <div class="form-group">
                                        <a class="btn btn-zancun zancunlistheight" id="exportToPdf" ng-disabled="disabledParentGroup" type="button">导出</a>
                                    </div>
                                    <div class="form-group pull-right">
                                        <div class="visible-md visible-lg hidden-sm hidden-xs">
                                            <div class="btn-group ">
                                                <div class="btn btn-pributtom smallbutton" ng-class="{'statecolor':searchstate=='week'}" ng-click="week()" ng-disabled="disabledParentGroup">
                                                    <span>上周</span>
                                                </div>
                                                <div class="btn btn-pributtom smallbutton" ng-class="{'statecolor':searchstate=='month'}" ng-click="month()" ng-disabled="disabledParentGroup">
                                                    <span>上月</span>
                                                </div>
                                                <div class="btn btn-pributtom smallbutton" ng-class="{'statecolor':searchstate=='year'}" ng-click="year()" ng-disabled="disabledParentGroup">
                                                    <span>年度</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!-- <div data-ng-include=" 'assets/views/partials/main-content.html' " class="main-content"></div> -->
                            <!-- <div class="col-xs-12 fontsizes-14">
                                <div class="alertweek alert-block alert-warning col-xs-12">
                                    <img ng-src="assets/images/cmdblog.jpg" class="col-xs-5" style="width:300px;height:100%;padding-left:0px;padding-right:0px" /></div>
                            </div> -->
                            <div class="col-xs-12 fontsizes-14" id="export_content">
                                <div class="alertback alert-block alert-warning col-xs-12">
                                    <div class="alertweek alert-block alert-warning col-xs-12">
                                        <div class="col-xs-12">
                                            <div class="col-xs-12 headerborder">
                                                <div class="row">
                                                    <div class="row padding-top-10 padding-bottom-10">
                                                        <img ng-src="assets/images/cmdblog.jpg " class="col-xs-4 padding-left-0 padding-right-0" style="height:100%" />
                                                        <span class="col-xs-8 padding-top-5 ">{{starttimes | date:"yyyy/MM/dd "}} ~ {{endtimes | date:'yy/MM/dd'}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12">
                                            <div class="center  paddingtop-24 fontcolor-two">
                                                <div class="pull-right fontcolor-eleven fontsizes-12">
                                                    <div> 管理员 于{{nowdata}}创建</div>
                                                    <div class="pull-right"> 总共：{{startlist.id==22?summap:sum}}条数据</div>
                                                </div>
                                                {{startlist.label}}
                                            </div>
                                        </div>
                                        <!-- <div style="text-align: center;width:100%;height:300px" ng-if="sum==0">
                                            <h1><img src="assets/images/404_wushuju.png" style="width:100%;height:300px;text-align: center;margin-bottom:50px;" /></h1>
                                        </div> -->
                                        <div style="width:100%;height:300px" class="col-xs-12  margin-bottom-20" ng-if="startlist.id%2==1 ">
                                            <div id="barreport" style="width:100%;height:300px "></div>
                                        </div>
                                        <div style="width:100%;height:300px" class="col-xs-12 margin-bottom-20" ng-if="startlist.id%2==0 ">
                                            <div id="report" style="width:100%;height:300px;float: left;"></div>
                                            <!-- <div id="reportnext" style="width:50%;height:300px;float: left; "></div> -->
                                        </div>
                                        <!-- <div style="text-align: center;padding:5px 5px " ng-if="shows ">
                                        <h1><img src="assets/images/404_wushuju.png " style="width:200px;text-align: center;margin-bottom:50px; " /></h1>
                                    </div> -->
                                        <table class="table table-bordered" cellspacing="0 " cellpadding="20 " ng-if="!isMaskground " style="font-weight:normal !important ">
                                            <thead>
                                                <tr class="grayground incidentsearchsize ">
                                                    <th ng-class="header.thclass " ng-if="hearderlist.length>0" style="text-align: center;" ng-attr-colspan="{{ header.colspan || 1 }}">
                                                        <div rel="header.rel">序号</div>
                                                    </th>
                                                    <th ng-repeat="header in hearderlist" ng-class="header.thclass" style="text-align: center;" ng-attr-colspan="{{ header.colspan || 1 }}">
                                                        <div ng-if="header.name" rel="header.rel">{{header.name}}</div>
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody class="tbody-hover" ng-if="startlist.id!=24">
                                                <tr ng-repeat="rowData in rRows">
                                                    <td class="data center" ng-style="fieldData.rowStyle">
                                                        {{$index+1}}
                                                    </td>
                                                    <td ng-repeat="list in hearderlist" class="data center" ng-style="fieldData.rowStyle">
                                                        <div class="datadiv" alt="fieldData.alt" rel="fieldData.rel">{{rowData[list.value]}}</div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                            <tbody class="tbody-hover" ng-repeat="rowData in rRows" ng-if="startlist.id==24">
                                                <tr>
                                                    <td class="data center" colspan="5" ng-style="fieldData.rowStyle">
                                                        {{rowData.name}}
                                                    </td>
                                                </tr>
                                                <tr ng-repeat="rowDatachild in rowData.list">
                                                    <td class="data center" ng-style="fieldData.rowStyle">
                                                        {{$index+1}}
                                                    </td>
                                                    <td ng-repeat="list in hearderlist" class="data center" ng-style="fieldData.rowStyle">
                                                        <div class="datadiv" alt="fieldData.alt" rel="fieldData.rel">{{rowDatachild[list.value]}}</div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <!-- </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- end: BOOTSRAP NAV TREE