PingAnYeXianSZCG_Web 前端代码

dengLuRiZhi.html 5.5KB

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