userOnlineList.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  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. </head>
  39. <body class="pace-done gray-bg">
  40. <div class="container-fluid">
  41. <div class="wrapper-cont" id="userOnlineListContent">
  42. <div class="row">
  43. <!-- <div class="col-sm-3 col-lg-3">
  44. <div class="ibox float-e-margins">
  45. <div class="ibox-title">
  46. <h5>单位树</h5>
  47. <div class="ibox-tools">
  48. <a class="collapse-link"> <i
  49. class="fa fa-chevron-up bigger-125"></i></a>
  50. </div>
  51. </div>
  52. <div class="ibox-content" id="orgTreeIbox">
  53. <div class="row">
  54. <div class="col-sm-12 col-lg-12">
  55. <div class="input-group">
  56. <input id="orgSearchName" name="单位树" type="text"
  57. class="form-control input-sm"/>
  58. <div class="input-group-btn">
  59. <button type="button" id="orgSearchBtn"
  60. class="btn btn-sm btn-primary">
  61. <i class="fa fa-search"></i>
  62. </button>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. <div class="ml-10">
  68. <ul id="orgTree" class="ztree"></ul>
  69. </div>
  70. </div>
  71. </div>
  72. </div>-->
  73. <div class="col-sm-12 col-lg-12">
  74. <div class="ibox ml-15">
  75. <div class="search-content">
  76. <div class="row">
  77. <div class="col-sm-12 col-lg-12">
  78. <form id="userSearchForm" modelAttribute="userOnline"
  79. class="form-horizontal">
  80. <div class="row">
  81. <div class="col-md-4 col-sm-4">
  82. <div class="form-group">
  83. <label class="col-md-4 col-sm-4 control-label">账号</label>
  84. <div class="col-md-8 col-sm-8">
  85. <input name="userAccount" id="userAccount" htmlEscape="false"
  86. maxlength="60" class="form-control input-sm"
  87. placeholder="账号"/>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="col-md-4 col-sm-4">
  92. <div class="form-group">
  93. <label class="col-md-4 col-sm-4 control-label">姓名</label>
  94. <div class="col-md-8 col-sm-8">
  95. <input name="userName" id="userName" htmlEscape="false"
  96. maxlength="30" class="form-control input-sm"
  97. placeholder="姓名"/>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="col-md-4 col-sm-4">
  102. <div class="form-group">
  103. <label class="col-md-4 col-sm-4 control-label">单位</label>
  104. <div class="col-md-8 col-sm-8">
  105. <select path="user.orgId" class="form-control input-sm"
  106. disabled="true">
  107. <option value="" label=""/>
  108. </select>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </form>
  114. </div>
  115. </div>
  116. <div class="pull-right">
  117. <button class="btn btn-primary btn-sm " id="userSearchBtn">
  118. <i class="fa fa-search"></i> 查询
  119. </button>
  120. <button class="btn btn-primary btn-outline btn-sm "
  121. id="userResetBtn">
  122. <i class="fa fa-refresh"></i> 重置
  123. </button>
  124. </div>
  125. </div>
  126. <div class="ibox-content" id="userFormIbox">
  127. <div class="row">
  128. <div class="col-md-12 col-sm-12">
  129. <div id="userTableToolbar" class="btn-group-sm" role="group"
  130. :data-url-prefix="backendContext + '/sys/user'" data-java-class-name="user"
  131. data-function-name-simple="账户">
  132. <!--<button class="btn btn-default btn-sm"-->
  133. <!--title="查看在线信息" id="viewOnlineInfoBtn">-->
  134. <!--<i class="fa fa-info-circle"></i> 查看在线信息-->
  135. <!--</button>-->
  136. <button class="btn btn-default btn-sm"
  137. title="强制退出" id="kickOutBtn">
  138. <i class="fa fa-user-times"></i> 强制退出
  139. </button>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="row">
  144. <div class="col-md-12 col-sm-12">
  145. <!-- 表格, 设置sortName保证翻页数据正确,如需其他字段请自行修改-->
  146. <table id="userTable" data-id-field="id" data-toggle="table"
  147. data-cache="false" data-striped="true"
  148. data-side-pagination="server" data-pagination="true"
  149. data-click-to-select="true" data-page-size="5"
  150. data-page-list="[5,10,15,20]" data-single-select="false"
  151. data-ajax-options="ajaxOptions"
  152. data-show-columns="${!(viewType eq 'view')}" data-show-refresh="true"
  153. data-data-field="list" data-total-field="count"
  154. data-toolbar="#userTableToolbar" data-buttons-class="default btn-sm"
  155. data-minimum-count-columns="2">
  156. <thead>
  157. <tr>
  158. <th data-checkbox="true"></th>
  159. <th data-field="id" data-align="left" data-vlign="middle"
  160. data-sortable="false" data-visible="false">主键
  161. </th>
  162. <th data-field="userName" data-align="left"
  163. data-vlign="middle" data-sortable="false"
  164. data-formatter="viewFormatter" data-events="viewEvents">账号
  165. </th>
  166. <th data-field="userName" data-align="left"
  167. data-vlign="middle" data-sortable="false">姓名
  168. </th>
  169. <th data-field="userDept" data-align="left"
  170. data-vlign="middle" data-sortable="false">单位
  171. </th>
  172. <th data-field="clientId" data-align="left"
  173. data-vlign="middle" data-sortable="false">登录客户端id
  174. </th>
  175. <th data-field="lastLoginIp" data-align="left"
  176. data-vlign="middle" data-sortable="false">上次登录地址
  177. </th>
  178. <th data-field="lastLoginTime" data-align="left"
  179. data-vlign="middle" data-sortable="false">上次登录时间
  180. </th>
  181. <th data-field="expiresIn" data-align="left"
  182. data-vlign="middle" data-sortable="false">过期时长(秒)
  183. </th>
  184. <!--<th data-field="lastAccessTime" data-align="left"
  185. data-vlign="middle" data-sortable="false">最后访问时间
  186. </th>
  187. <th data-field="status" data-align="left"
  188. data-vlign="middle" data-sortable="false">状态
  189. </th>-->
  190. </tr>
  191. </thead>
  192. </table>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. </body>
  202. <script src="/common-assets/js/project.config.js"></script>
  203. <script src="/common-assets/js/outdated/common.js"></script>
  204. <!-- 本页面对应JS-->
  205. <script src="../static/js/userOnlineList.js"></script>
  206. </html>