servicePerformance.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <section id="page-title">
  2. <div class="row">
  3. <div class="col-sm-8">
  4. <h1 class="mainTitle">服务台绩效<i tooltip='请点击对应报表名称,查看相关数据。' tooltip-placement="right" class="fa ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
  5. </div>
  6. </div>
  7. </section>
  8. <!-- end: PAGE TITLE -->
  9. <!-- start: BOOTSRAP NAV TREE -->
  10. <div class="col-md-12 col-sm-12">
  11. <div class="row" ng-controller="servicePerformanceCtrl">
  12. <div class=" schuback" id="searchid">
  13. <div class="row" style="padding-right: 0px !important;">
  14. <form class="col-xs-12 col-sm-12 form-inline schesearchsize">
  15. <div class="col-xs-12 col-sm-12">
  16. <span class="panel-title text-dark">日期选择:</span>
  17. <div class="form-group">
  18. <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)"
  19. />
  20. </div>
  21. <span class="panel-title text-dark">至</span>
  22. <div class="form-group">
  23. <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)" />
  24. </div>
  25. <div class="form-group pull-right">
  26. <div class="input-group">
  27. <div class="form-group margin-right-5">
  28. <button class="btn btn-searchbutton steelbutton" ng-click="mdxquerym(parameters.group)" type="button">搜索</button>
  29. </div>
  30. <div class="form-group margin-right-5">
  31. <a class="btn btn-default defaultheight" ng-click="reset()" type="button">重置</a>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </form>
  37. <div class="col-xs-12 col-sm-12 incident_cont_body_TB2">
  38. <!-- <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">
  39. <strong class="i_big"></strong>
  40. <i class="fa ti-help-alt fontcolor-five pointfont"></i>
  41. </span> -->
  42. <div class="TBYW">
  43. <div class="TB_cont_YW">
  44. <div style="height: 400px;">
  45. <div class="TB_cont_BT_YW" style="margin-right: 1%;">
  46. <div id='XYSJ' style="height: 400px;">
  47. </div>
  48. </div>
  49. <div class="TB_cont_BT_YW">
  50. <div id='jjmyd' style="height: 400px;">
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="col-xs-12 fontsizes-14">
  58. <div class="alertweek alert-block alert-warning col-xs-12">
  59. <div class="panel" style="min-height:120px;">
  60. <div class="maskStyle" ng-if="isMaskground">
  61. <div ladda="true" class="loadingDiv"></div>
  62. </div>
  63. <table class="table table-bordered " ng-if="!isMaskground" cellspacing="0" cellpadding="20" style="font-weight:normal !important">
  64. <thread>
  65. <tr class="grayground incidentsearchsize">
  66. <th ng-class="header.thclass" style="text-align: center;">人员姓名</th>
  67. <th ng-class="header.thclass" style="text-align: center;">处理工单总数</th>
  68. <th ng-class="header.thclass" style="text-align: center;">建单时直接解决</th>
  69. <th ng-class="header.thclass" style="text-align: center;">派单处理</th>
  70. <th ng-class="header.thclass" style="text-align: center;">积分</th>
  71. <th ng-class="header.thclass" style="text-align: center;">积分占比</th>
  72. </tr>
  73. </thread>
  74. <tbody class="tbody-hover">
  75. <tr ng-repeat="rowData in charginrow" ng-style="{cursor: rowData.incidentId?'pointer':'default'}" ng-click="servicePerformanceDetail(rowData)">
  76. <td ng-class="fieldData.thclass" style="text-align: center">
  77. {{rowData.userName}}
  78. </td>
  79. <td ng-class="fieldData.thclass" style="text-align: center">
  80. {{rowData.total}}
  81. </td>
  82. <td ng-class="fieldData.thclass" style="text-align: center">
  83. {{rowData.direct||0}}
  84. </td>
  85. <td ng-class="fieldData.thclass" style="text-align: center">
  86. {{rowData.unDirect||0}}
  87. </td>
  88. <td ng-class="fieldData.thclass" style="text-align: center">
  89. {{rowData.score}}
  90. </td>
  91. <td ng-class="fieldData.thclass" style="text-align: center">
  92. {{rowData.percent}}
  93. </td>
  94. </tr>
  95. </tbody>
  96. </table>
  97. <div style="text-align: center;padding:5px 5px" ng-if="shows">
  98. <h1><img src="assets/images/404_wushuju.png" style="width:200px;text-align: center;margin-bottom:50px;" /></h1>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <style>
  108. .incident_cont_body_TB2 {
  109. padding-top: 15px;
  110. }
  111. .TBYW {
  112. margin-top: 10px;
  113. }
  114. .TB_cont_YW {
  115. width: 100%;
  116. }
  117. .TB_cont_BT_YW {
  118. width: 49.5%;
  119. height: 400px;
  120. float: left;
  121. border: 1px solid #EAEAEA;
  122. margin-bottom: 10px;
  123. }
  124. </style>