PingAnYeXianSZCG_Web 前端代码

Table.html 4.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  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. <link href="../css/init.css" rel="stylesheet" />
  8. <script src="../Script/Common/huayi.load.js"></script>
  9. <script src="../Script/Common/huayi.config.js"></script>
  10. <link href="../css/Table/table1.css" rel="stylesheet" />
  11. <script src="../css/laydate/laydate.js"></script>
  12. <style>
  13. .LY:hover {
  14. color: #fff;
  15. }
  16. .LY:active {
  17. color: #fff!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><i class="syIcon"></i>位置:
  26. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  27. <a href="javaScript:;">话务管理</a>&gt;
  28. <a href="" style="color: #000;">语音留言</a>
  29. </sapn>
  30. </div>
  31. </div>
  32. <div class="th-box">
  33. <div class="th-bar">
  34. <div class="seach-box fr">
  35. <ul>
  36. <li>任务列表:
  37. <select name="" id="cljg" class="x-color select">
  38. </select>
  39. </li>
  40. <li>问题列表:
  41. <select name="" id="Wt" class="x-color select">
  42. </select>
  43. </li>
  44. <li>留言时间:<input class="photo x-color laydate-icon" type="text" id="lysj" /></li>
  45. <li>处理时间:<input class="laydate-icon photo x-color " type="text" id="clsj" /></li>
  46. <li>
  47. <a class="sc_btn seach">搜索</a>
  48. </li>
  49. </ul>
  50. </div>
  51. </div>
  52. </div>
  53. <div style="width: 100%;padding: 10px;">
  54. <table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  55. <thead>
  56. <tr>
  57. <th data-field="state" data-checkbox="true"></th>
  58. <th data-field="F_CallId" data-formatter="Code" data-align="center">编号</th>
  59. <th data-field="F_Phone" data-align="center">来电号码</th>
  60. <th data-field="F_RecFileUrl" data-align="center" data-formatter="setCode" data-align="center">留言</th>
  61. <th data-field="F_LeaveTime" data-align="center">留言时间</th>
  62. <th data-field="F_UserName" data-align="center">处理人</th>
  63. <th data-field="F_DealContent" data-align="center">处理结果</th>
  64. <th data-field="F_Status" data-align="center" data-formatter="clzt">处理状态</th>
  65. <th data-field="F_DealTime" data-align="center">处理时间</th>
  66. </tr>
  67. </thead>
  68. </table>
  69. </div>
  70. </div>
  71. >
  72. <script>
  73. $(document).ready(function() {
  74. Task();
  75. Questionnaire();
  76. $(".sc_btn").click(function(){
  77. GetColumnList ();
  78. })
  79. ///查询条件中获取任务列表
  80. function Task() {
  81. $.ajax({
  82. type: "get",
  83. url: huayi.config.callcenter_url + "Questionnaire/GetTaskList",
  84. dataType: 'json',
  85. data: {
  86. token: $.cookie("token")
  87. },
  88. async: true,
  89. success: function(data) {
  90. var Count = data.data;
  91. $("<option value=''>--全部--</option>").appendTo($("#cljg"));
  92. for(var i = 0; i < Count.length; i++) {
  93. console.log(Count[i].F_UserName);
  94. $("<option value='" + Count[i].F_TaskName + "'>" + Count[i].F_TaskName + "</option>").appendTo($("#cljg"));
  95. }
  96. console.log(Count)
  97. }
  98. });
  99. }
  100. ///查询条件问题任务列表
  101. function Questionnaire() {
  102. $.ajax({
  103. type: "get",
  104. url: huayi.config.callcenter_url + "Questionnaire/GetQList",
  105. dataType: 'json',
  106. data: {
  107. token: $.cookie("token")
  108. },
  109. async: true,
  110. success: function(data) {
  111. var Count = data.data;
  112. $("<option value=''>--全部--</option>").appendTo($("#Wt"));
  113. for(var i = 0; i < Count.length; i++) {
  114. console.log(Count[i].F_UserName);
  115. $("<option value='" + Count[i].F_Title + "'>" + Count[i].F_Title + "</option>").appendTo($("#Wt"));
  116. }
  117. console.log(Count)
  118. }
  119. });
  120. }
  121. //任务查询获取表头
  122. function GetColumnList () {
  123. $.ajax({
  124. type: "get",
  125. url: huayi.config.callcenter_url + "Questionnaire/GetColumnList",
  126. dataType: 'json',
  127. data: {
  128. taskname:$("#cljg").val(),
  129. question:$("#Wt").val(),
  130. token: $.cookie("token")
  131. },
  132. async: true,
  133. success: function(data) {
  134. var Count = data.data;
  135. console.log(Count)
  136. }
  137. });
  138. }
  139. })
  140. //音频
  141. </script>
  142. </body>
  143. </html>