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

<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="reportCtrl">
        <div class="col-md-3 col-sm-2 ">
            <div class="row">
                <div class="panel panel-white">
                    <!-- <div class="panel-heading panel-light-grey border-light">
                        <h4 class="panel-title">
                            <p translate="sidebar.nav.report.LISTDesc">
                                This is a Tree directive for Angular JS apps that use Bootstrap CSS.
                            </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="ti-file" icon-expand="ti-plus" icon-collapse="ti-minus"></abn-tree>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-9 col-sm-4 ">
            <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" 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" 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 class="btn btn_search" ng-click="mdxquery('all')">重置</div>
                                    </div>
                                    <div class="form-group">
                                        <!-- <a class="btn btn-exportbutton  exportbutton" ng-click="exportData()" ng-disabled="disabledParentGroup" type="button">导出</a> -->
                                        <div class="btn btn_other" ng-click="exportData()">导出</div>
                                    </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" ng-class="{'statecolor':searchstate=='week'}" ng-click="week()" ng-disabled="disabledParentGroup">
                                                    <span>上周</span>
                                                </div>
                                                <div class="btn btn-pributtom" ng-class="{'statecolor':searchstate=='month'}" ng-click="month()" ng-disabled="disabledParentGroup">
                                                    <span>上月</span>
                                                </div>
                                                <div class="btn btn-pributtom" ng-class="{'statecolor':searchstate=='year'}" ng-click="year()" ng-disabled="disabledParentGroup">
                                                    <span>年度</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <div class="col-xs-12 fontsizes-14">
                                <div class="alertweek alert-block alert-warning col-xs-12">
                                    <!-- <div class="" id="list"> -->
                                    <div class="panel" style="min-height:120px">
                                        <div class="maskStyle" ng-if="isMaskground">
                                            <div ladda="true" class="loadingDiv"></div>
                                        </div>
                                        <div style="text-align: center;padding:5px 5px" ng-if="shows">
                                            <!-- <h1>{{empty}}</h1> -->
                                            <h1><img src="assets/images/404_wushuju.png" style="width:200px;text-align: center;margin-bottom:50px;" /></h1>
                                            <!-- <h1>{{empty}}</h1> -->
                                        </div>
                                        <!-- <div style="text-align: center;padding:5px 5px" ng-if="treeshow">
                                                                <h1>{{headers}}</h1>
                                                            </div> -->
                                        <table class="table table-bordered " cellspacing="0" cellpadding="20" ng-if="!isMaskground" style="font-weight:normal !important">
                                            <thread>
                                                <tr ng-repeat="headers in rheaders" class="grayground incidentsearchsize">
                                                    <th ng-repeat="header in headers" ng-class="header.thclass" style="text-align: center;" ng-attr-colspan="{{ header.colspan || 1 }}">
                                                        <div ng-if="header.value.value" rel="header.rel">{{header.value.value}}</div>
                                                    </th>
                                                </tr>
                                            </thread>
                                            <tbody class="tbody-hover">
                                                <tr ng-repeat="rowData in rRows">
                                                    <th ng-repeat="fieldData in rowData" ng-if="fieldData.thclass" ng-class="fieldData.thclass" ng-attr-colspan="{{fieldData.colspan || 1 }}">
                                                        <div rel="fieldData.value.rel">{{fieldData.value.value}}</div>
                                                    </th>
                                                    <td ng-repeat="fieldData in rowData" ng-if="!fieldData.thclass" class="data" ng-style="fieldData.rowStyle">
                                                        <div ng-if="fieldData.value.value" class="datadiv" alt="fieldData.alt" rel="fieldData.rel">{{fieldData.value.value}}</div>
                                                    </td>
                                                    <!--<td ng-repeat="fieldData in rowData" ng-if="!fieldData.thclass" class="data" ng-style="fieldData.rowStyle"><div ng-if="fieldData.value.value" class="datadiv" alt="fieldData.alt" rel="fieldData.rel">{{fieldData.value.proption}}</div></td>-->
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- </div> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- end: BOOTSRAP NAV TREE