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

<!-- start: PAGE TITLE -->
<!-- <section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">KPI报表</h1><span class="mainDescription">请点击对应报表名称，查看相关数据</span></div>
    </div>
</section> -->
<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="chartingCtrl">
        <!-- <div class="col-md-12 col-sm-4 "> -->
        <!--<div class=" col-md-12 col-sm-12">-->
        <!-- <div class="panel panel-white">
                <form role="form" class="form-inline" style="padding-top: 15px;padding-bottom:15px">
                    <span class="panel-title text-dark">日期选择：</span>
                    <div class="form-group">
                        <input type="text" class="form-control" style="border-color: #ff8533;" 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 class="panel-title text-dark">至</span>
                    <div class="form-group">
                        <input type="text" class="form-control" style="border-color: #ff8533;" 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-light-orange" ng-click="mdxquery()" type="button">搜索</button>
                    </div>
                    <div class="form-group">
                        <a class="btn btn-green" ng-click="exportData()" ng-disabled="disabledParentGroup" type="button">导出</a>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <input class="form-control" style="border-radius: 4px 0px 0px 4px !important" type="number" min="0" max="1000000000" ng-minlength="1" ng-maxlength="1000" ng-model="allMoney">
                            <span class="input-group-btn">
                                    <button class="btn btn-primary" ng-disabled="getmoney()"
                                            ng-click="shareMoney(allMoney)"
                                            type="button">计费<i class="glyphicon {{to.rBtn.icon}}"></i></button>
                                </span>
                        </div>
                    </div>
                </form>
            </div> -->
        <div class=" schuback" id="searchid">
            <div class="row" style="padding-right: 0px !important;">
                <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
                    <div class="col-xs-12 col-sm-12">
                        <span class="panel-title text-dark">日期选择:</span>
                        <div class="form-group">
                            <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" 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 class="panel-title text-dark">至</span>
                        <div class="form-group">
                            <input type="text" class="form-control" datepicker-popuptime="yyyy-MM-dd" 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 margin-right-5">
                            <span class="panel-title text-dark pull-left">工作组:</span>
                            <div class="pull-right" style="width:158px">
                                <ui-select ng-model="parameters.group" theme="bootstrap">
                                    <ui-select-match placeholder="选择工作组">
                                        {{$select.selected.groupName}}
                                    </ui-select-match>
                                    <ui-select-choices repeat="item in groups | filter: $select.search">
                                        <div ng-bind-html="item.groupName"></div>
                                    </ui-select-choices>
                                </ui-select>

                            </div>
                        </div>
                        <div class="form-group">
                            <button class="btn btn-searchbutton steelbutton" ng-click="mdxquerym(parameters.group)" type="button">搜索</button>
                        </div>
                        <div class="form-group">
                            <a class="btn btn-exportbutton  exportbutton" ng-click="exportData()" ng-disabled="disabledParentGroup" type="button">导出</a>
                        </div>
                        <div class="form-group pull-right">
                            <div class="input-group">
                                <input class="form-control" style="border-radius: 4px 0px 0px 4px !important" type="number" min="0" max="1000000000" ng-minlength="1" ng-maxlength="1000" ng-model="allMoney">
                                <span class="input-group-btn">
                                                    <button class="btn btn-primary" ng-disabled="getmoney()"
                                                            ng-click="shareMoney(allMoney)"
                                                            type="button">计费<i class="moneground"></i></button>
                                                </span>
                            </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>
                            <table class="table table-bordered " ng-if="!isMaskground" cellspacing="0" cellpadding="20" style="font-weight:normal !important">
                                <thread>
                                    <tr class="grayground incidentsearchsize">
                                        <th ng-class="header.thclass" style="text-align: center;">处理人</th>
                                        <th ng-class="header.thclass" style="text-align: center;">事件数（条）</th>
                                        <th ng-class="header.thclass" style="text-align: center;">复杂度</th>
                                        <th ng-class="header.thclass" style="text-align: center;">计费（元）</th>
                                    </tr>
                                </thread>
                                <tbody class="tbody-hover">
                                    <tr ng-repeat="rowData in charginrow">
                                        <td ng-class="fieldData.thclass">
                                            {{rowData.name}}
                                        </td>
                                        <td ng-class="fieldData.thclass">
                                            {{rowData.incidentCount}}
                                        </td>
                                        <td ng-class="fieldData.thclass">
                                            {{rowData.complexity}}
                                        </td>
                                        <td ng-class="fieldData.thclass">
                                            {{rowData.money||0}}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- <div style="text-align: center;padding:5px 5px" ng-if="shows">
                                <h1>{{empty}}</h1>
                            </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>
                            <!-- <div style="text-align: center;padding:5px 5px" ng-if="treeshow">
                                                    <h1>{{headers}}</h1>
                                                </div> -->

                        </div>
                        <!-- </div> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- </div>	           		 -->
        <!--</div>-->


        <!--<div class="col-md-12 col-sm-12" id="serch">
                <div class="panel panel-white">
                    <div class="panel-heading panel-light-grey border-light">
                        <h4 class="panel-title">{{reportName}}</h4>
                    </div>-->
        <!--<div  id="chartContainer0" style="height: 400px; width: 100%;"></div>-->
        <!--<canvas  tc-chartjs chart-type="{{chartType}}" chart-data="chartData" chart-options="chartOptions"  style="width:100%; height:350px;"  chart-click="onChartClick(event)" auto-legend></canvas>-->
        <!--<div  id="chartContainer1" style="height: 400px; width: 100%;"></div>-->
        <!--</div>
            </div>-->
        <!-- </div> -->
    </div>
</div>


<!-- end: BOOTSRAP NAV TREE