logInfoList.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>日志信息管理</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <meta charset="utf-8"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  8. <link rel="stylesheet" href="/common-assets/plugins/font-awesome/css/font-awesome.min.css"/>
  9. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
  10. <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>
  11. <link rel="stylesheet" href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
  12. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
  13. <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>
  14. <script src='/common-assets/js/jquery-2.1.1.js'></script>
  15. <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
  16. <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
  17. <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
  18. <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
  19. <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
  20. <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
  21. <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
  22. <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
  23. <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
  24. <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
  25. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  26. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  27. <!-- 开发阶段使用vue.js以获取编译信息 -->
  28. <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
  29. <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  30. <!-- 引入组件库 -->
  31. <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  32. <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">
  33. <link rel="stylesheet" href="/common-assets/plugins/jquery-ztree/3.5/css/metroStyle/metroStyle.css">
  34. <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
  35. <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table.min.js"></script>
  36. <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table-zh-CN.min.js"></script>
  37. <script src="/common-assets/plugins/jquery-ztree/3.5/js/jquery.ztree.all.min.js"></script>
  38. <!--日期控件-->
  39. <link rel="stylesheet" href="/common-assets/plugins/datapicker/datepicker3.css">
  40. <link rel="stylesheet" href="/common-assets/plugins/clockpicker/clockpicker.css">
  41. <link rel="stylesheet" href="/common-assets/plugins/daterangepicker/2.1.24/daterangepicker.css">
  42. <script src="/common-assets/plugins/daterangepicker/2.1.24/moment.min.js"></script>
  43. <script src="/common-assets/plugins/daterangepicker/2.1.24/daterangepicker.min.js"></script>
  44. </head>
  45. <body class="pace-done gray-bg">
  46. <div class="container-fluid">
  47. <div class="wrapper-cont" id="logInfoListContent" v-cloak>
  48. <div class="row">
  49. <div class="col-sm-12 col-lg-12">
  50. <div class="ibox">
  51. <div class="search-content">
  52. <div class="row">
  53. <div class="col-sm-12 col-lg-12">
  54. <form id="logInfoSearchForm" modelAttribute="logInfo"
  55. class="form-horizontal">
  56. <div class="row">
  57. <div class="col-md-4 col-sm-4">
  58. <input name="classId" id="classId" type="hidden"/>
  59. <input name="classCode" id="classCode" type="hidden"
  60. :value="searchParamsJson.statType!=null?searchParamsJson.statType.classCode:null"/>
  61. <div class="form-group">
  62. <label class="col-md-4 col-sm-4 control-label">日志类型</label>
  63. <div class="col-md-8 col-sm-8">
  64. <div class="input-group">
  65. <input name="className" id="className" disabled="true"
  66. class="form-control input-sm" placeholder="日志类型"
  67. :value="searchParamsJson.statType!=null?searchParamsJson.statType.className:null"/>
  68. <span class="input-group-btn">
  69. <button type="button" id="user"
  70. class="btn btn-sm btn-primary logClassTreeSelectBt">
  71. <i class="fa fa-search"></i>
  72. </button>
  73. </span>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="col-md-4 col-sm-4">
  79. <div class="form-group">
  80. <label class="col-md-4 col-sm-4 control-label">客户端类别</label>
  81. <div class="col-md-8 col-sm-8">
  82. <select name="clientType" id="clientType"
  83. class="form-control input-sm">
  84. <option value=""> -- 选择客户端类别 --</option>
  85. <option v-for="param in clientTypeDict"
  86. :key="param.id"
  87. :value="param.paramCode">{{param.paramName}}
  88. </option>
  89. </select>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="col-md-4 col-sm-4">
  94. <div class="form-group">
  95. <label class="col-md-4 col-sm-4 control-label">事件结果</label>
  96. <div class="col-md-8 col-sm-8">
  97. <select name="resultCode" id="resultCode"
  98. class="form-control input-sm"
  99. v-model="loginFaultResultCode">
  100. <option value=""> -- 选择事件结果 --</option>
  101. <option v-for="param in resultCodeDict"
  102. :key="param.id"
  103. :value="param.paramCode">{{param.paramName}}
  104. </option>
  105. </select>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="row">
  111. <div class="col-md-4 col-sm-4">
  112. <input name="userId" id="userId" type="hidden"
  113. :value="searchParamsJson.userId"/>
  114. <div class="form-group">
  115. <label class="col-md-4 col-sm-4 control-label">事件账号</label>
  116. <div class="col-md-8 col-sm-8">
  117. <div class="input-group">
  118. <input name="userName" disabled="true" id="userName"
  119. :value="searchParamsJson.userName"
  120. class="form-control input-sm" placeholder="事件账号"/>
  121. <span class="input-group-btn">
  122. <button type="button" id="user"
  123. class="btn btn-sm btn-primary userTreeSelectBt">
  124. <i class="fa fa-search"></i>
  125. </button>
  126. </span>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="col-md-4 col-sm-4">
  132. <div class="form-group">
  133. <label class="col-md-4 col-sm-4 control-label">审计时间</label>
  134. <div class="col-md-8 col-sm-8">
  135. <!--默认精确到天,若需要请修改类名:acctoday 精确到天; acctomin 精确到分; acctosec 精确到秒 -->
  136. <input id="logDate"
  137. class="form-control input-sm daterangeselect acctoday"
  138. readonly="readonly" placeholder="审计时间"
  139. :value="logDateByBeginAndEndDate"/>
  140. <input name="beginLogDate" id="beginLogDate" hidden="true"
  141. :value="searchParamsJson.beginLogDate"/>
  142. <input name="endLogDate" id="endLogDate" hidden="true"
  143. :value="searchParamsJson.endLogDate"/>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </form>
  149. </div>
  150. </div>
  151. <div class="pull-right">
  152. <button class="btn btn-primary btn-sm " id="logInfoSearchBtn">
  153. <i class="fa fa-search"></i> 查询
  154. </button>
  155. <button class="btn btn-primary btn-outline btn-sm "
  156. id="logInfoResetBtn">
  157. <i class="fa fa-refresh"></i> 重置
  158. </button>
  159. </div>
  160. </div>
  161. <div class="ibox-content">
  162. <div class="row">
  163. <div class="col-lg-12">
  164. <!-- 表格, 设置sortName保证翻页数据正确,如需其他字段请自行修改-->
  165. <table id="logInfoTable" data-id-field="id" data-toggle="table"
  166. data-cache="false" data-striped="true"
  167. data-side-pagination="server" data-pagination="true"
  168. data-click-to-select="true" data-page-size="5"
  169. data-page-list="[5,10,15,20]" data-show-columns="true"
  170. data-buttons-class="default btn-sm"
  171. data-minimum-count-columns="2" data-data-field="list"
  172. data-total-field="count">
  173. <thead>
  174. <tr>
  175. <th data-field="version" class="hidden"></th>
  176. <th data-checkbox="true">选择框</th>
  177. <th data-field="className" data-align="center"
  178. data-vlign="middle" data-sortable="true"
  179. data-sort-name="classCode">日志类型
  180. </th>
  181. <th data-field="clientType" data-align="left"
  182. data-vlign="middle" data-sortable="true"
  183. data-formatter="dictsFormatter">客户端类别
  184. </th>
  185. <th data-field="userName" data-align="center"
  186. data-vlign="middle" data-sortable="true">用户名
  187. </th>
  188. <th data-field="clientIpAddr" data-align="center"
  189. data-vlign="middle" data-sortable="true">客户端IP
  190. </th>
  191. <th data-field="serverIpAddr" data-align="center"
  192. data-vlign="middle" data-sortable="true">服务端IP
  193. </th>
  194. <th data-field="content" data-align="center"
  195. data-vlign="middle" data-sortable="true">日志内容
  196. </th>
  197. <th data-field="resultCode" data-align="left"
  198. data-vlign="middle" data-sortable="true"
  199. data-formatter="dictsFormatter">事件结果
  200. </th>
  201. <th data-field="logDate" data-align="center"
  202. data-vlign="middle" data-sortable="true">日志时间
  203. </th>
  204. </tr>
  205. </thead>
  206. </table>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. </body>
  216. <script src="/common-assets/js/project.config.js"></script>
  217. <script src="/common-assets/js/outdated/common.js"></script>
  218. <!-- 本页面对应JS-->
  219. <script src="../static/js/logInfoList.js"></script>
  220. </html>