地铁二期项目正式开始

WorkOrderTrainFunctionMath.cshtml 9.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. @using YTSoft.BaseCallCenter.MVCWeb.Models;
  2. @using YTSoft.BaseCallCenter.Model;
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="UTF-8">
  7. <title>工单列表</title>
  8. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  9. <link href="/Content/css/public.css" rel="stylesheet" />
  10. <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
  11. <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
  12. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  13. <script src="/Content/js/Report/moment.js"></script>
  14. <script src="~/Content/js/Report/GetDate.js"></script>
  15. <script type="text/javascript" src="/Content/layui/layui.js"></script>
  16. <link href="/Content/css/callrecord/iconfont.css" rel="stylesheet" />
  17. <script src="~/Content/layui/loading.js"></script>
  18. <link href="~/Content/css/workorder/loading.css" rel="stylesheet" />
  19. <script src="/Content/dist/echarts.js" type="text/javascript"></script>
  20. <script src="/Content/dist/theme/dahua.js" type="text/javascript"></script>
  21. </head>
  22. <body class="childrenBody">
  23. <div class="layui-fluid" style="height: calc(100% - 35px);overflow:auto;">
  24. <div class=" layui-col-space15" style="height:100%">
  25. <div class="layui-card">
  26. <div class="layui-card-body">
  27. <div class="layui-row layui-col-space10 searchfilter">
  28. <div class="layui-col-md7">
  29. <div class="layui-row layui-col-space10">
  30. <div class="layui-col-xs6">
  31. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneWeek">最近一周</button>
  32. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneMonth">最近一月</button>
  33. <button class="layui-btn layui-btn-normal layui-btn-radius" data-type="oneYear">最近一年</button>
  34. </div>
  35. <div class="layui-col-xs6">
  36. <label class="layui-form-label">
  37. 来电日期:
  38. </label>
  39. <div class="layui-input-block">
  40. <input type="text" class="layui-input dayParty" id="test10" style="width: 300px; max-width: 300px; " placeholder=" - " value="@Model.NowDate">
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="layui-col-md5">
  46. <button class="layui-btn layui-btn-normal layui-btn-normal" data-type="reload">
  47. <i class="layui-icon">&#xe615; 查 询</i>
  48. </button>
  49. @*<button class="layui-btn layui-btn-normal layui-btn-normal" id="ExToExcel">
  50. <i class="fa fa-file-excel-o">导出数据</i>
  51. </button>*@
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="layui-card layui-form" style="position: absolute; top: 80px; bottom: 5px; width: calc(100% - 30px);">
  57. <div class="layui-tab layui-tab-card" style="height:100%">
  58. <ul class="layui-tab-title">
  59. <li class="layui-this">数据</li>
  60. <li>图表</li>
  61. </ul>
  62. <div class="layui-tab-content" style="height: 100%; width: calc(100% -10px)">
  63. <div class="layui-tab-item layui-show">
  64. <table class="layui-table" lay-data="{height: 'full-220',url:'/Report/WorkOrderTrainFunctionMathData/?NowDateTime=@Model.NowDateTime', id:'recordtable'}" lay-size="sm" lay-filter="demo">
  65. <thead>
  66. <tr>
  67. <th lay-data="{field:'坐席工号',align:'center', width:160,sort:true}">坐席工号</th>
  68. <th lay-data="{field:'坐席姓名',align:'center', width:120,sort:true}">坐席姓名</th>
  69. <th lay-data="{field:'业务数量',align:'right', width:120,sort:true, templet: '#btnywsl'}">业务数量</th>
  70. <th lay-data="{field:'咨询',align:'right', width:120,sort:true, templet: '#btnzx'}">咨询</th>
  71. <th lay-data="{field:'建议',align:'right', width:120,sort:true, templet: '#btnjy'}">建议</th>
  72. <th lay-data="{field:'表扬',align:'right', width:120,sort:true, templet: '#btnby'}">表扬</th>
  73. <th lay-data="{field:'挂失',align:'right', width:120,sort:true, templet: '#btngs'}">挂失</th>
  74. <th lay-data="{field:'投诉',align:'right', width:120,sort:true, templet: '#btnts'}">投诉</th>
  75. <th lay-data="{field:'转办投诉',align:'right', width:120,sort:true, templet: '#btnzbts'}">转办投诉</th>
  76. <th lay-data="{field:'现场处理投诉',align:'right', width:120,sort:true, templet: '#btnxcts'}">现场处理投诉</th>
  77. <th lay-data="{field:'客服处理投诉',align:'right', width:120,sort:true, templet: '#btnkfts'}">客服处理投诉</th>
  78. </tr>
  79. </thead>
  80. </table>
  81. </div>
  82. <div class="layui-tab-item" id="divimagereport" style="width:1000px;height:600px;">
  83. </div>
  84. </div>
  85. </div>
  86. <img id="progressImgage" class="progress hide" alt="" src="@Url.Content("~/Content/images/ajax-loader.gif")" />
  87. <div id="maskOfProgressImage" class="mask hide"></div>
  88. </div>
  89. </div>
  90. </div>
  91. <script src="~/Content/js/Report/WorkOrderTrainFunctionMath.js"></script>
  92. <script type="text/html" id="btnywsl">
  93. {{# var dateParty = document.getElementById("test10").value; }}
  94. <a onclick="OpenWorkOrderList('{{dateParty}}','全部业务','',{{d.坐席工号}},'');" style="color:blue; cursor:pointer;">{{d.业务数量}}</a>
  95. </script>
  96. <script type="text/html" id="btnzx">
  97. {{# var dateParty = document.getElementById("test10").value; }}
  98. <a onclick="OpenWorkOrderList('{{dateParty}}','咨询','6',{{d.坐席工号}},'');" style="color:blue; cursor:pointer;">{{d.咨询}}</a>
  99. </script>
  100. <script type="text/html" id="btnjy">
  101. {{# var dateParty = document.getElementById("test10").value; }}
  102. <a onclick="OpenWorkOrderList('{{dateParty}}','建议','14',{{d.坐席工号}},'');" style="color:blue; cursor:pointer;">{{d.建议}}</a>
  103. </script>
  104. <script type="text/html" id="btnby">
  105. {{# var dateParty = document.getElementById("test10").value; }}
  106. <a onclick="OpenWorkOrderList('{{dateParty}}','表扬','18',{{d.坐席工号}},'');" style="color:blue; cursor:pointer;">{{d.表扬}}</a>
  107. </script>
  108. <script type="text/html" id="btngs">
  109. {{# var dateParty = document.getElementById("test10").value; }}
  110. <a onclick="OpenWorkOrderList('{{dateParty}}','挂失','19',{{d.坐席工号}},'');" style="color:blue; cursor:pointer;">{{d.挂失}}</a>
  111. </script>
  112. <script type="text/html" id="btnts">
  113. {{# var dateParty = document.getElementById("test10").value; }}
  114. <a onclick="OpenWorkOrderList('{{dateParty}}','投诉','3',{{d.坐席工号}},'');" style="color:blue; cursor:pointer;">{{d.投诉}}</a>
  115. </script>
  116. <script type="text/html" id="btnzbts">
  117. {{# var dateParty = document.getElementById("test10").value; }}
  118. <a onclick="OpenWorkOrderList('{{dateParty}}','转办投诉','3',{{d.坐席工号}},'1');" style="color:blue; cursor:pointer;">{{d.转办投诉}}</a>
  119. </script>
  120. <script type="text/html" id="btnxcts">
  121. {{# var dateParty = document.getElementById("test10").value; }}
  122. <a onclick="OpenWorkOrderList('{{dateParty}}','现场处理投诉','3',{{d.坐席工号}},'2');" style="color:blue; cursor:pointer;">{{d.现场处理投诉}}</a>
  123. </script>
  124. <script type="text/html" id="btnkfts">
  125. {{# var dateParty = document.getElementById("test10").value; }}
  126. <a onclick="OpenWorkOrderList('{{dateParty}}','客服处理投诉','3',{{d.坐席工号}},'3');" style="color:blue; cursor:pointer;">{{d.客服处理投诉}}</a>
  127. </script>
  128. <script type="text/javascript">
  129. function OpenWorkOrderList(dateParty, name, typeid, linkman, clfs) {
  130. layer.open({
  131. type: 2,
  132. anim: 4,
  133. scrollbar: false,
  134. content: '/WorkOrder/WorkOrderAllListReport/?linkman=' + linkman + '&strDate=' + dateParty + '&Type=' + typeid + '&clfs=' + clfs,
  135. area: ['90%', '90%'],
  136. id: 'WorkOrderAllListReport',
  137. title: '工单数据-' + name
  138. });
  139. }
  140. </script>
  141. </body>
  142. </html>