You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

302 lines
12 KiB

5 years ago
  1. <!doctype html>
  2. <html lang="zh-CN">
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="/css/font-awesome-4.7.0/css/font-awesome.min.css">
  5. <link rel="stylesheet" type="text/css" href="/js/zTree/css/awesomeStyle/awesome.css">
  6. <link rel="stylesheet" type="text/css" href="/css/role.css">
  7. <link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap.css">
  8. <link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap-table.css">
  9. <link rel="stylesheet" type="text/css" href="/js/layer/skin/layer.css">
  10. <link rel="stylesheet" type="text/css" href="/css/common.css">
  11. <style type="text/css">
  12. div.fixed-table-container{
  13. height: calc(100vh - 40px) !important;
  14. }
  15. button .new-customer-btn{
  16. padding: 3px 6px!important;
  17. font-size: 12px;
  18. font-weight: normal;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <div class="hideData" style="display: none;">
  24. <input name="username" id="current_username" value="${user.username }">
  25. <input name="workShop" id="current_work_shop" value="${user.workShop!'' }">
  26. <input name="display" id="current_display" value="${user.display }">
  27. <input name="id" id="current_id" value="${user.id!'' }">
  28. <input name="site" id="current_site" value="${user.site }">
  29. </div>
  30. <div class="panel-heading">
  31. <div class="operate" style="margin-top: -3px; margin-bottom: 5px;">
  32. <div>
  33. <span style="font-size: 12px; margin-left: 6px;">状态:</span>
  34. <div>
  35. <select id="search_status" style="margin-left: 5px; height:23px;font-size: 12px">
  36. <option value="ALL">ALL</option>
  37. <option value="Y">启用</option>
  38. <option value="N">禁用</option>
  39. </select>
  40. </div></div>
  41. <div style="margin-left: 70px;margin-top: -43px;">
  42. <span style="margin-left: 6px;font-size: 12px">账号:</span>
  43. <div>
  44. <input id="search_username" style="font-size: 12px" autocomplete="off" class="search-input">
  45. </div>
  46. </div>
  47. <div style="margin-left: 212px;margin-top: -43px;">
  48. <span style="margin-left: 7px;font-size: 12px">姓名:</span>
  49. <div>
  50. <input id="search_display" style="font-size: 12px" autocomplete="off" class="search-input">
  51. </div></div>
  52. <div style="margin-left: 360px;margin-top: -24px;">
  53. <button class="btn-main btn btn-primary" style="padding: 3px 8px;" data-toggle="modal" onclick="search()">查询</button>
  54. </div>
  55. </div>
  56. </div>
  57. <div id="toolbar" class="toolbar">
  58. <button id="auth_button" onclick="authModal()" class="btn btn-warning new-customer-btn control-btn">
  59. <i class="fa fa-user-circle-o"></i>角色授权
  60. </button>
  61. </div>
  62. <div class="panel-body" style="margin-top: -20px;">
  63. <table id="user_data">
  64. </table>
  65. </div>
  66. <!-- 用户的添加和修改 -->
  67. <div class="modal fade" id="user_modal" tabindex="-1" role="dialog"
  68. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  69. <div class="modal-dialog" style="width: 590px; margin: 10% auto;">
  70. <div class="modal-content" >
  71. <div class="modal-body">
  72. <form id="user_form" class="form-horizontal" action="" method="post">
  73. <fieldset>
  74. <div class="form-group form-group-x">
  75. <div class="second-col">
  76. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: -18px;">账号</label>
  77. <div class="col-sm-x col-sm-x-6">
  78. <input id="username" style="width: 197px;" type="text" class="form-control" name="username" value="" required="required">
  79. </div>
  80. </div>
  81. <div class="second-col">
  82. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: -18px;">姓名</label>
  83. <div class="col-sm-x col-sm-x-6">
  84. <input id="display" type="text" class="form-control" name="display" value="" required="required">
  85. </div>
  86. </div>
  87. </div>
  88. <div class="form-group form-group-x">
  89. <div class="second-col">
  90. <label class="col-sm-t col-sm-t-4 control-label">工厂编号</label>
  91. <div class="col-sm-x col-sm-x-6">
  92. <select id="user_site" style="width: 197px;" class="form-control" name="site" value="" required="required">
  93. </select>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="form-group form-group-x">
  98. <div class="second-col">
  99. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: -18px;">密码</label>
  100. <div class="col-sm-x col-sm-x-6">
  101. <input id="password" style="width: 197px;" type="password" class="form-control" name="password" value="" required="required">
  102. </div>
  103. </div>
  104. <div class="second-col" style="margin-top: -64px;">
  105. <label class="col-sm-t col-sm-t-4 control-label">用户状态</label>
  106. <div class="col-sm-x col-sm-x-6">
  107. <select id="user_status" class="form-control" name="status">
  108. <option value="Y">启用</option>
  109. <option value="N">禁用</option>
  110. </select>
  111. </div>
  112. </div>
  113. <div class="second-col" style="margin-left: 247px;margin-top: 5px;">
  114. <label class="col-sm-t col-sm-t-4 control-label">邮箱</label>
  115. <div class="col-sm-x col-sm-x-6">
  116. <input id="user_mailbox" style="margin-left: 23px;" class="form-control" name="mailbox" value="" required="required">
  117. </div>
  118. </div>
  119. </div>
  120. </fieldset>
  121. </form>
  122. </div>
  123. <div class="modal-footer" style="TEXT-ALIGN: center">
  124. <div class="control-group">
  125. <!-- Button -->
  126. <div class="controls">
  127. <button onclick="saveUser()" class="btn btn-success">保存</button>
  128. <button id="user_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <!-- 用户的添加和修改 -->
  136. <div class="modal fade" id="user_modalNo1" tabindex="-1" role="dialog"
  137. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  138. <div class="modal-dialog" style="width: 590px; margin: 10% auto;">
  139. <div class="modal-content" >
  140. <div class="modal-body">
  141. <form id="user_form" class="form-horizontal" action="" method="post">
  142. <fieldset>
  143. <div id="legend" class="">
  144. <input type="hidden" value="0" name="id" id="ids">
  145. <input type="hidden" name="createdBy" id="created_by">
  146. <input type="hidden" name="updatedBy" id="updated_by">
  147. <legend class="">编辑</legend>
  148. </div>
  149. <div class="form-group form-group-x">
  150. <div class="second-col">
  151. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: -18px;">账号</label>
  152. <div class="col-sm-x col-sm-x-6">
  153. <input id="usernames" style="width: 197px;" type="text" class="form-control" name="username" value="" required="required">
  154. </div>
  155. </div>
  156. <div class="second-col">
  157. <label class="col-sm-t col-sm-t-4 control-label" style="margin-left: -18px;">姓名</label>
  158. <div class="col-sm-x col-sm-x-6">
  159. <input id="displays" type="text" class="form-control" name="display" value="" required="required">
  160. </div>
  161. </div>
  162. </div>
  163. <div class="form-group form-group-x">
  164. <div class="second-col">
  165. <label class="col-sm-t col-sm-t-4 control-label">工厂编号</label>
  166. <div class="col-sm-x col-sm-x-6">
  167. <select id="user_sites" style="width: 197px;" class="form-control" name="site" value="" required="required">
  168. </select>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="form-group form-group-x">
  173. <div class="second-col" style=" margin-top: -33px;margin-left: 270px;">
  174. <label class="col-sm-t col-sm-t-4 control-label">用户状态</label>
  175. <div class="col-sm-x col-sm-x-6">
  176. <select id="user_statuss" class="form-control" name="status">
  177. <option value="Y">启用</option>
  178. <option value="N">禁用</option>
  179. </select>
  180. </div>
  181. </div>
  182. <div class="second-col" style="margin-left: -23px;margin-top: 5px;">
  183. <label class="col-sm-t col-sm-t-4 control-label">邮箱</label>
  184. <div class="col-sm-x col-sm-x-6">
  185. <input id="user_mailboxs" style="margin-left: 23px;width: 198px" class="form-control" name="mailbox" value="" required="required">
  186. </div>
  187. </div>
  188. </div>
  189. </fieldset>
  190. </form>
  191. </div>
  192. <div class="modal-footer" style="TEXT-ALIGN: center">
  193. <div class="control-group">
  194. <!-- Button -->
  195. <div class="controls">
  196. <button onclick="saveUsers()" class="btn btn-success">保存</button>
  197. <button id="user_cancels" data-dismiss="modal" class="btn btn-success">取消</button>
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. <!-- 授权 -->
  205. <div class="modal fade" id="auth_modal" tabindex="-1" role="dialog"
  206. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  207. <div class="modal-dialog" style="width: 600px; margin: 10% auto;">
  208. <div class="modal-content" >
  209. <div class="modal-body">
  210. <form id="auth_form" class="form-horizontal" action="" method="post">
  211. <fieldset>
  212. <div id="legend" class="">
  213. <legend class="">用户授权</legend>
  214. </div>
  215. <div class="form-group">
  216. <input type="hidden" id="auth_user_name" name="username">
  217. <label class="col-sm-12 cb">用户名称:
  218. <span id="authr_user_display"></span>
  219. </label>
  220. </div>
  221. <div class="form-group">
  222. <div class="col-sm-12">
  223. <ul id="tree" class="ztree"></ul>
  224. </div>
  225. </div>
  226. </fieldset>
  227. </form>
  228. </div>
  229. <div class="modal-footer" style="TEXT-ALIGN: center">
  230. <div class="control-group">
  231. <!-- Button -->
  232. <div class="controls">
  233. <button onclick="saveAuth()" class="btn btn-success">保存</button>
  234. <button id="auth_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. <!-- 授权 -->
  242. <div class="modal fade" id="user_password" tabindex="-1" role="dialog"
  243. aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  244. <div class="modal-dialog" style="width:400px;margin: 8% auto;">
  245. <div class="modal-content" >
  246. <div class="modal-body">
  247. <form id="user_password" class="form-horizontal" action="" method="post">
  248. <fieldset>
  249. <div id="legend" class="">
  250. <legend class="">修改密码</legend>
  251. </div>
  252. <div class="form-group" style="margin-left: -66px">
  253. <label class="col-sm-3 control-label" style="font-size: 12px;font-weight:normal;">密码<font style="color: red">*</font></label>
  254. <div class="col-sm-9">
  255. <input id="first_password" type="password" style="width: 255px;margin-left: 26px; height: 24px;" class="form-control checkedPassword" name="password" value="" required="required">
  256. </div>
  257. </div>
  258. <div class="form-group" style="margin-left: -32px ;margin-top: 11px;">
  259. <label class="col-sm-3 control-label" style="font-weight:normal;font-size: 12px">确认密码<font style="color: red">*</font></label>
  260. <div class="col-sm-9">
  261. <input id="confirm_password" type="password" style="width: 255px; height: 24px;" class="form-control checkedPassword" name="password" value="" required="required">
  262. </div>
  263. </div>
  264. </fieldset>
  265. </form>
  266. </div>
  267. <div class="modal-footer" style="TEXT-ALIGN: center">
  268. <div class="control-group">
  269. <!-- Button -->
  270. <div class="controls">
  271. <button onclick="savePassword()" class="btn btn-success">保存</button>
  272. <button id="password_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. <script type="text/javascript" src="/js/jquery/jquery-2.1.4.js"></script>
  280. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap.js"></script>
  281. <!-- 导出需要的excel -->
  282. <script type="text/javascript" src="/js/export/bootstrap-table.js"></script>
  283. <script type="text/javascript" src="/js/export/bootstrap-table-zh-CN.js"></script>
  284. <script type="text/javascript" src="/js/export/FileSaver.min.js"></script>
  285. <script type="text/javascript" src="/js/export/xlsx.core.min.js"></script>
  286. <script type="text/javascript" src="/js/export/tableExport.js"></script>
  287. <script type="text/javascript" src="/js/export/bootstrap-table-export.js"></script>
  288. <!-- 结束 -->
  289. <script type="text/javascript" src="/js/common.js"></script>
  290. <script type="text/javascript" src="/js/layer/layer.js"></script>
  291. <script type="text/javascript" src="/js/zTree/jquery.ztree.core.js"></script>
  292. <script type="text/javascript" src="/js/zTree/jquery.ztree.excheck.js"></script>
  293. <script src="/js/user/user.js"></script>
  294. </body>
  295. </html>