Nav apraksta

dengLuRiZhi.html 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  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. <link rel="stylesheet" href="../css/init.css" />
  8. <title>系统管理-->登录日志</title>
  9. </head>
  10. <body>
  11. <div class="container-fluid">
  12. <div class="daoHang clearfix">
  13. <div class="dhLeft">
  14. <sapn><i class="syIcon"></i>位置:
  15. <a id="ReIndex" href="javaScript:;">首页</a>&gt;
  16. <a href="javaScript:;">系统管理</a>&gt;
  17. <a href="javaScript:;">日志管理</a>&gt;
  18. <a href="" style="color: #000;">登录日志</a>
  19. </sapn>
  20. </div>
  21. </div>
  22. <div class="toolBar clearfix">
  23. <!--<button class="btns del">批量删除</button>-->
  24. <div class="toolRight" style="float: right;">
  25. <span>操作人名称:<input type="text" class="czName" /></span>
  26. <span>登录时间:<input type="text" class="laydate-icon loginTime" id="startTime"/></span>
  27. <button class="btns search">搜索</button>
  28. </div>
  29. </div>
  30. <div class="tableBox">
  31. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  32. <thead>
  33. <tr>
  34. <th data-field="state" data-checkbox="true" data-align="center"></th>
  35. <th data-align="center" data-formatter="setCode">编号</th>
  36. <th data-field="F_LoginId" data-align="center">操作人编号</th>
  37. <th data-field="F_LoginDate" data-align="center">登录时间</th>
  38. <th data-field="F_LoginName" data-align="center">操作人名称</th>
  39. <th data-field="F_Result" data-align="center">操作内容</th>
  40. </tr>
  41. </thead>
  42. </table>
  43. </div>
  44. </div>
  45. <!--删除弹出内容-->
  46. <div class="model delModel">
  47. <div class="box">
  48. <div class="btop clearfix">
  49. <p class="btl"><span>删除参数信息</span></p>
  50. <p class="btr delBtr" title="关闭">X</p>
  51. </div>
  52. <div class="boxCon" style="height: 150px;">
  53. 您确定要删除选择的记录吗?
  54. <p style="margin-top: 30px;"><button class="btns sure">确定</button>
  55. <button class="btns return">取消</button></p>
  56. </div>
  57. </div>
  58. </div>
  59. <script src="../js/laydate/laydate.js"></script>
  60. <script>
  61. var table = $('#table1');
  62. var token = $.cookie("token");
  63. laydate.render({
  64. elem: '#startTime',
  65. theme: '#1ab394',
  66. calendar: 'true'
  67. });
  68. $('.search').click(function() {
  69. initTable(token);
  70. })
  71. //==================删除功能开始================================
  72. //删除按钮
  73. var delid;
  74. $('.del').click(function() {
  75. delid = $.map(table.bootstrapTable('getSelections'), function(row) {
  76. return row.F_Id;
  77. });
  78. console.log(delid);
  79. if(delid.length <= 0) {
  80. alert('请选择要删除的行!')
  81. } else {
  82. $('.delModel').css('display', 'block');
  83. }
  84. })
  85. //关闭按钮
  86. $('.delBtr').click(function() {
  87. $('.delModel').css('display', 'none');
  88. })
  89. //取消按钮
  90. $('.return').click(function() {
  91. $('.delModel').css('display', 'none');
  92. })
  93. //确认按钮
  94. $('.sure').click(function() {
  95. $('.delModel').css('display', 'none');
  96. del(delid);
  97. })
  98. function del(delid) {
  99. $.ajax({
  100. type: "post",
  101. url: huayi.config.callcenter_url + "Log/Delete",
  102. async: true,
  103. dataType: "json",
  104. data: {
  105. token: token,
  106. ids: delid
  107. },
  108. success: function(data) {
  109. if(data.state.toLowerCase() == 'success') {
  110. alert("删除成功!")
  111. initTable(token);
  112. }
  113. }
  114. });
  115. }
  116. //*****************删除功能结束****************************
  117. initTable(token);
  118. function initTable(token) {
  119. //先销毁表格
  120. table.bootstrapTable('destroy');
  121. //初始化表格,动态从服务器加载数据
  122. table.bootstrapTable({
  123. method: "get", //使用get请求到服务器获取数据
  124. url: huayi.config.callcenter_url + "Log/GetList", //获取数据的Servlet地址
  125. contentType: "application/x-www-form-urlencoded",
  126. striped: true, //表格显示条纹
  127. pagination: true, //启动分页
  128. pageSize: 10, //每页显示的记录数
  129. pageNumber: 1, //当前第几页
  130. pageList: [10, 15, 20, 50, 100], //记录数可选列表
  131. search: false, //是否启用查询
  132. showColumns: false, //显示下拉框勾选要显示的列
  133. showRefresh: false, //显示刷新按钮
  134. sidePagination: "server", //表示服务端请求
  135. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  136. //设置为limit可以获取limit, offset, search, sort, order
  137. queryParamsType: "undefined",
  138. queryParams: function queryParams(params) { //设置查询参数
  139. var param = {
  140. pageindex: params.pageNumber,
  141. pagesize: params.pageSize,
  142. token: token,
  143. name: $('.czName').val(), //操作人名称
  144. logindate: $('.loginTime').val() //操作人名称
  145. };
  146. return param;
  147. },
  148. onLoadSuccess: function() { //加载成功时执行
  149. //layer.msg("加载成功");
  150. },
  151. onLoadError: function() { //加载失败时执行
  152. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  153. }
  154. });
  155. }
  156. function setCode(val, row, index) {
  157. var page = table.bootstrapTable("getPageCode");
  158. return page.pageSize * (page.pageNumber - 1) + index + 1;
  159. }
  160. </script>
  161. </body>
  162. </html>