中鑫之宝5.0前端

fpTemplate.html 5.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  6. <link href="../css/bootstrap.min.css" />
  7. <link href="../css/bootstrap-table-fixed-columns.css" />
  8. <link rel="stylesheet" href="../css/boot/bootstrap-table.css" />
  9. <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  10. <link href="../css/animate.min.css" rel="stylesheet">
  11. <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
  12. <link href="../css/layer/need/layer.css" />
  13. <link rel="stylesheet" href="../css/init.css" />
  14. <title>导入信息</title>
  15. <style>
  16. .btns {
  17. background: #18a689;
  18. }
  19. .btns {
  20. color: rgb(255, 255, 255);
  21. font-size: 12px;
  22. margin-left: 15px;
  23. box-sizing: border-box;
  24. background: rgb(26, 179, 148);
  25. padding: 6px 10px;
  26. outline: none;
  27. border-width: 0px;
  28. border-style: initial;
  29. border-color: initial;
  30. border-image: initial;
  31. border-radius: 3px;
  32. }
  33. .fr{
  34. float: right;
  35. }
  36. .fr p{
  37. display: inline-block;
  38. margin-bottom: 0;
  39. }
  40. .fl{
  41. float: left;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <div class="boxCon">
  47. <table>
  48. <tr>
  49. <td><input class="fl" type="file" id="upFile" name="upFile" /></td>
  50. <td>
  51. <a class="btns fr" id="aa">导入</a>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td><a href="drmb/导入模板.xlsx" download="导入模板.xlsx" title="点击下载导入模板">导入模板</a></td>
  56. </tr>
  57. </table>
  58. <table id="tbResult1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  59. <thead>
  60. <tr>
  61. <th data-field="F_FileOldName" data-align="center">文件名称</th>
  62. <th data-field="F_InputUserCode" data-align="center">上传用户</th>
  63. <th data-field="F_InputDate" data-align="center">上传时间</th>
  64. <th data-formatter="operations" data-align="center">操作</th>
  65. </tr>
  66. </thead>
  67. <tbody id="tbody"></tbody>
  68. </table>
  69. </div>
  70. <script src="../js/jquery.min.js?v=2.1.4"></script>
  71. <script src="../js/jquery.cookie.js"></script>
  72. <script src="../js/bootstrap-table-fixed-columns.js"></script>
  73. <script src="../Script/Common/huayi.load.js"></script>
  74. <script src="../Script/Common/huayi.config.js"></script>
  75. <script src="../js/visit/ajaxfileupload.js"></script>
  76. <script>
  77. $(function () {
  78. getDr();
  79. $("#aa").click(function() {
  80. ajaxFileUpload();
  81. });
  82. });
  83. function getDr() {
  84. var $tableLeft = $('#tbResult1');
  85. $tableLeft.bootstrapTable('destroy');
  86. //初始化表格,动态从服务器加载数据
  87. $tableLeft.bootstrapTable({
  88. method: "get", //使用get请求到服务器获取数据
  89. //url: huayi.config.callcenter_url + "VisitTelphone/GetResultList",
  90. url: huayi.config.callcenter_url+"VisFile/GetList",
  91. striped: true, //表格显示条纹
  92. pagination: true, //启动分页
  93. pageSize:10, //每页显示的记录数
  94. pageNumber: 1, //当前第几页
  95. fixedColumns: true,
  96. fixedNumber: 3,
  97. pageList: [5, 20, 50, 100], //记录数可选列表
  98. search: false, //是否启用查询
  99. showColumns: false, //显示下拉框勾选要显示的列
  100. showRefresh: false, //显示刷新按钮
  101. sidePagination: "server", //表示服务端请求
  102. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  103. //设置为limit可以获取limit, offset, search, sort, order
  104. queryParamsType: "undefined",
  105. queryParams: function queryParams(params) { //设置查询参数
  106. var param = {
  107. page: params.pageNumber,
  108. pagesize: params.pageSize,
  109. token: $.cookie("token"),
  110. };
  111. return param;
  112. },
  113. onLoadSuccess: function() { //加载成功时执行
  114. // layer.msg("加载成功");
  115. },
  116. onLoadError: function() { //加载失败时执行
  117. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  118. }
  119. });
  120. }
  121. function del(obj) {
  122. $.ajax({
  123. type: "get",
  124. url: huayi.config.callcenter_url + "VisFile/DelFile",
  125. async: true,
  126. dataType: 'json',
  127. data: {
  128. token: $.cookie("token"),
  129. ids: obj
  130. },
  131. success: function (data) {
  132. if (data.state.toLowerCase() == 'success') {
  133. layer.msg("删除成功!");
  134. getDr();
  135. }
  136. }
  137. });
  138. }
  139. function ajaxFileUpload() {
  140. $.ajaxFileUpload({
  141. url: huayi.config.callcenter_url+'VisitInput/TelInput', //用于文件上传的服务器端请求地址
  142. secureuri: false, //是否需要安全协议,一般设置为false
  143. fileElementId: 'upFile', //文件上传域的ID
  144. dataType: 'json', //返回值类型 一般设置为json
  145. data: {
  146. token: $.cookie("token")
  147. },
  148. success: function(data) //服务器成功响应处理函数
  149. {
  150. //console.log(data)
  151. layer.msg("导入成功");
  152. getDr();
  153. }
  154. })
  155. return false;
  156. }
  157. function VisitTelphone() {
  158. /*请求后台*/
  159. $.ajax({
  160. type: "get",
  161. url: huayi.config.callcenter_url+"VisitTelphone/GetList",
  162. dataType: 'json',
  163. async: true,
  164. data: {
  165. token: $.cookie("token")
  166. },
  167. success: function(data) {
  168. /*验证请求*/
  169. if(data.state == "success") {
  170. alert("成功");
  171. }
  172. }
  173. });
  174. }
  175. function operations(val,row){
  176. console.log(row.F_FileID);
  177. return '<a href="javaScript:;" onclick=del(' + row.F_FileID + ')>删除</a>';
  178. }
  179. </script>
  180. </body>
  181. </html>