zuel-itsm-3.0.2/assets/views/performance/servicePerformance.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="servicePerformanceCtrl">
        <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" show-button-bar="false" 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" show-button-bar="false" ng-click="endOpen($event)" />
                        </div>
                        
                        <div class="form-group pull-right">
                            <div class="input-group">
                                <div class="form-group margin-right-5">
                                    <button class="btn btn-searchbutton steelbutton" ng-click="mdxquerym(parameters.group)" type="button">搜索</button>
                                </div>
                                <div class="form-group margin-right-5">
                                    <a class="btn btn-default defaultheight" ng-click="reset()" type="button">重置</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="col-xs-12 col-sm-12 incident_cont_body_TB2">
                    <!-- <span tooltip-html-unsafe='<div class="slf">根据工作组的工单数量，统计出数量占比 （包含已删除）</div><div class="slf">按时响应：按时响应次数</div><div class="slf">逾期响应：不是按时响应次数</div><div class="slf">响应平均时间：接单时间 – 建单时间</div><div class="slf">按时解决：按时解决次数</div><div class="slf">逾期解决：不是逾期解决的次数</div><div class="slf">解决平均时间：处理完成时间 –  接单时间</div>' tooltip-placement="top">
                        <strong class="i_big"></strong>
                        <i class="fa ti-help-alt fontcolor-five pointfont"></i>
                    </span> -->
                    <div class="TBYW">
                        <div class="TB_cont_YW">
                            <div style="height: 400px;">
                                <div class="TB_cont_BT_YW" style="margin-right: 1%;">
                                    <div id='XYSJ' style="height: 400px;">

                                    </div>
                                </div>
                                <div class="TB_cont_BT_YW">
                                    <div id='jjmyd' style="height: 400px;">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 fontsizes-14">
                    <div class="alertweek alert-block alert-warning col-xs-12">
                        <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>
                                        <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" ng-style="{cursor: rowData.incidentId?'pointer':'default'}" ng-click="servicePerformanceDetail(rowData)">
                                        <td ng-class="fieldData.thclass" style="text-align: center">
                                            {{rowData.userName}}
                                        </td>
                                        <td ng-class="fieldData.thclass" style="text-align: center">
                                            {{rowData.total}}
                                        </td>
                                        <td ng-class="fieldData.thclass" style="text-align: center">
                                            {{rowData.direct||0}}
                                        </td>
                                        <td ng-class="fieldData.thclass" style="text-align: center">
                                            {{rowData.unDirect||0}}
                                        </td>
                                        <td ng-class="fieldData.thclass" style="text-align: center">
                                            {{rowData.score}}
                                        </td>
                                        <td ng-class="fieldData.thclass" style="text-align: center">
                                            {{rowData.percent}}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <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>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .incident_cont_body_TB2 {
        padding-top: 15px;
    }
    .TBYW {
        margin-top: 10px;
    }
    .TB_cont_YW {
        width: 100%;
    }
    .TB_cont_BT_YW {
        width: 49.5%;
        height: 400px;
        float: left;
        border: 1px solid #EAEAEA;
        margin-bottom: 10px;

    }
</style>