Brak opisu

sittingMonthWork.html 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>话务坐席月工作量</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../css/reportCommon/Search.css" rel="stylesheet">
  10. <link href="../css/reportCommon/common.css" rel="stylesheet">
  11. <link rel="stylesheet" href="../css/bootstrap-select.css" />
  12. <link href="../css/init.css" rel="stylesheet" />
  13. <script src="../js/laydate/laydate.js"></script>
  14. <script src="../js/bootstrap-select.js"></script>
  15. <style>
  16. .th-inner{
  17. white-space: normal !important;
  18. }
  19. </style>
  20. </head>
  21. <body class="gray-bg">
  22. <div class="wrapper wrapper-content animated fadeInRight">
  23. <div class="daoHang clearfix">
  24. <div class="dhLeft">
  25. <sapn>
  26. <i class="syIcon"></i>位置:
  27. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  28. <a href="javaScript:;">报表管理</a>&gt;
  29. <a href="" class="nowPosition">话务坐席月工作量</a>
  30. </sapn>
  31. </div>
  32. <div class="dhRight">
  33. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  34. </div>
  35. </div>
  36. <div class="Content_box">
  37. <!--待处理/-->
  38. <div class="complain Shows">
  39. <div class="th-box">
  40. <div class="th-bar">
  41. <div class="seach-box">
  42. <ul>
  43. <li>
  44. 选择月份:
  45. <input class="photo x-color inputs laydate-icon" autocomplete="off" style="width: 220px;" type="text" id="startTimes" />
  46. </li>
  47. <li style="width: 360px;">
  48. <div style="width: 100px">选择坐席:</div>
  49. <select id="ZX" name="select" class="selectpicker show-tick form-control" style="width: 220px;" data-live-search="true">
  50. <option value="">请选择坐席</option>
  51. </select>
  52. </li>
  53. <li>
  54. <a class="sc_btn btns db">搜索</a>
  55. <a class="sc_btn btns export">导出</a>
  56. </li>
  57. </ul>
  58. </div>
  59. </div>
  60. </div>
  61. <ul class="nav nav-tabs ul_tab" role="tablist">
  62. <li class="active">
  63. <a>呼入</a>
  64. </li>
  65. <li>
  66. <a>呼出</a>
  67. </li>
  68. </ul>
  69. <div style="width: 100%;padding: 10px;">
  70. <table id="workorderlist" data-toggle="table"></table>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <script src="../js/reportCommon/common.js"></script>
  76. <script>
  77. var columnsArray = [];
  78. var columnsWidth
  79. var apiUrl = "TotalTel/IncomingConnection"
  80. $(document).ready(function() {
  81. laydate.render({
  82. elem: '#startTimes',
  83. theme: '#00a1cb',
  84. type: 'month'
  85. });
  86. initTable()
  87. ZX($("#ZX"));
  88. })
  89. function dataParam() {
  90. var obj = {
  91. date: $("#startTimes").val(),
  92. usercode: $("#ZX").val(),
  93. token: $.cookie("token")
  94. };
  95. return obj
  96. }
  97. $('.ul_tab li').click(function() {
  98. $(this).addClass("active").siblings().removeClass("active");
  99. var index = $(this).index();
  100. if(index === 0) {
  101. apiUrl = "TotalTel/IncomingConnection";
  102. } else if(index === 1) {
  103. apiUrl = "TotalTel/CallOutConnection";
  104. }
  105. initTable();
  106. })
  107. </script>
  108. </body>
  109. </html>