PingAnYeXianSZCG_Web 前端代码

Dr.html 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <script src="../js/visit/ajaxfileupload.js"></script>
  8. <link href="../css/Table/table1.css" rel="stylesheet" />
  9. <link href="../css/init.css" rel="stylesheet" />
  10. <link rel="stylesheet" href="../css/QutboundMessage/QutboundComm.css" />
  11. <title>导入号码</title>
  12. </head>
  13. <body>
  14. <div>
  15. <div style="padding: 10px; margin-bottom: 20px;">
  16. <table class="form_table">
  17. <tr>
  18. <td><input class="fl" type="file" id="upFile" name="upFile" /></td>
  19. <td>
  20. <a class="btns fr" id="aa">导入</a>
  21. </td>
  22. </tr>
  23. <tr>
  24. <td><a href="drmb/导入模板.xlsx" download="导入模板.xlsx" title="点击下载导入模板">导入模板</a></td>
  25. </tr>
  26. </table>
  27. <div class="Table_box">
  28. <table id="tb1">
  29. <thead>
  30. <tr>
  31. <th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
  32. <th data-align="center" data-field="F_Title">问卷名称</th>
  33. <th data-align="center" data-field="F_CreateOn">生成时间</th>
  34. </tr>
  35. </thead>
  36. <tbody>
  37. </tbody>
  38. </table>
  39. </div>
  40. <div class="Btn_box">
  41. <button class="btns Add">保存</button>
  42. </div>
  43. </div>
  44. </div>
  45. <script>
  46. var $tableLeft = $('#tb1');
  47. var token = $.cookie("token");
  48. var pagerid;
  49. var wid = helper.request.queryString("Str");
  50. console.log(wid);
  51. $(document).ready(function() {
  52. $("#Search").click(function() {
  53. IndexCategoryGe();
  54. $(".Table_box").show();
  55. $('.Btn_box').hide();
  56. })
  57. $(".Add").click(function() {
  58. pagerid = $(".Qubound").attr("index")
  59. console.log(pagerid);
  60. if(!$(".Planname").val()) {
  61. layer.msg("名称不能为空");
  62. } else if(!$(".remark").val()) {
  63. layer.msg("备注不能为空");
  64. } else if(!$(".Qubound").val()) {
  65. ayer.msg("问卷不能为空");
  66. } else {
  67. //增加分类
  68. $.ajax({
  69. type: "post",
  70. url: huayi.config.callcenter_url + "CallOutPlan/CreateOrUpdateTask",
  71. dataType: 'json',
  72. data: {
  73. pagerid: pagerid,
  74. remark: $(".remark").val(),
  75. name: $(".Planname").val(),
  76. token: $.cookie("token")
  77. },
  78. async: true,
  79. success: function(data) {
  80. if(data.state == "success") {
  81. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  82. parent.layer.close(index); //再执行关闭
  83. parent.IndexCategoryGe();
  84. parent.layer.msg(data.message);
  85. }
  86. }
  87. });
  88. }
  89. })
  90. })
  91. //问卷列表
  92. function IndexCategoryGe() {
  93. //销毁表格
  94. $tableLeft.bootstrapTable('destroy');
  95. //初始化表格,动态从服务器加载数据
  96. $tableLeft.bootstrapTable({
  97. method: "get", //使用get请求到服务器获取数据
  98. url: huayi.config.callcenter_url + "Questionnaire/GetPagerInfoList",
  99. striped: true, //表格显示条纹
  100. pagination: true, //启动分页
  101. pageSize: 5, //每页显示的记录数
  102. pageNumber: 1, //当前第几页
  103. pageList: [5, 20, 50, 100], //记录数可选列表
  104. search:false, //是否启用查询
  105. showColumns: false, //显示下拉框勾选要显示的列
  106. showRefresh: false, //显示刷新按钮
  107. sidePagination: "server", //表示服务端请求
  108. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  109. //设置为limit可以获取limit, offset, search, sort, order
  110. queryParamsType: "undefined",
  111. queryParams: function queryParams(params) { //设置查询参数
  112. var param = {
  113. pageindex: params.pageNumber,
  114. pagesize: params.pageSize,
  115. token: token
  116. };
  117. return param;
  118. },
  119. onLoadSuccess: function() { //加载成功时执行
  120. // layer.msg("加载成功");
  121. },
  122. onLoadError: function() { //加载失败时执行
  123. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  124. },
  125. onDblClickRow: function(row) {
  126. $(".Qubound").val(row.F_Title);
  127. $(".Qubound").attr("index", row.F_PagerId); //设置问卷ID
  128. $(".Table_box").hide();
  129. $('.Btn_box').show();
  130. }
  131. });
  132. }
  133. //编号
  134. function setCode(val, row, index) {
  135. return index + 1;
  136. }
  137. /*获取选中行对象*/
  138. $tableLeft.on("click-row.bs.table", function(e, row, ele) {
  139. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  140. $(ele).addClass('success'); //添加当前选中的 success样式用于区别;
  141. });
  142. $("#aa").click(function() {
  143. ajaxFileUpload();
  144. });
  145. function ajaxFileUpload() {
  146. $.ajaxFileUpload({
  147. url: huayi.config.callcenter_url+'CallOutPlan/TelInput', //用于文件上传的服务器端请求地址
  148. secureuri: false, //是否需要安全协议,一般设置为false
  149. fileElementId: 'upFile', //文件上传域的ID
  150. dataType: 'json', //返回值类型 一般设置为json
  151. data: {
  152. taskid:21,
  153. token: $.cookie("token")
  154. },
  155. success: function(data) //服务器成功响应处理函数
  156. {
  157. console.log(data)
  158. layer.msg("导入成功");
  159. }
  160. })
  161. return false;
  162. }
  163. </script>
  164. </body>
  165. </html>