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.

337 lines
12 KiB

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <link rel="icon" href="/favicon.ico">
  10. <title>CKT-MES</title>
  11. <!-- Bootstrap core CSS -->
  12. <link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap.css">
  13. <link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap-table.css">
  14. <link rel="stylesheet" type="text/css" href="/js/layer/skin/layer.css">
  15. <link rel="stylesheet" type="text/css" href="/css/header.css">
  16. <link rel="stylesheet" type="text/css" href="/js/bootstrap-3.3.7/css/bootstrap-datetimepicker.css">
  17. <link rel="stylesheet" type="text/css" href="/css/xj-stylelib.css">
  18. <style>
  19. table tr td .btn{
  20. font-size: 12px;
  21. height: 20px;
  22. padding-top: 2px;
  23. }
  24. .fixed-table-container thead th .th-inner{
  25. padding-top: 2px;
  26. padding-bottom: 2px;
  27. font-size: 12px;
  28. }
  29. .bootstrap-table .table:not(.table-condensed)> tbody>tr>td{
  30. padding-top: 2px;
  31. padding-bottom: 2px;
  32. padding-left: 2px;
  33. padding-right: 2px;
  34. font-size: 12px;
  35. }
  36. /* 复选框开启样式配置 */
  37. .table-hover thead tr th div.th-inner{
  38. height: 24px;
  39. padding: 2px 0 2px 0 !important;
  40. }
  41. /* 设置tr的背景颜色 */
  42. tr.red_back{
  43. background-color: #d9edf7 !important;
  44. }
  45. h4{
  46. font-weight:bolder;font-size:13px
  47. }
  48. .modal-open .modal {
  49. overflow-x: hidden;
  50. overflow-y: hidden;
  51. }
  52. </style>
  53. </head>
  54. <div class="hideData" style="display: none;">
  55. <input name="username" id="current_username" value="${user.username!"" }">
  56. <input name="username" id="current_display" value="${user.display!"" }">
  57. <input name="workShop" id="current_work_shop" value="${user.workShop!"" }">
  58. <input name="display" id="current_display" value="${user.display!"" }">
  59. <input name="id" id="current_id" value="${user.id!"" }">
  60. <input name="site" id="current_site" value="${user.site!"" }">
  61. </div>
  62. <!-- 用户的密码修改 -->
  63. <div class="modal fade" id="user_password" tabindex="-1" role="dialog"
  64. aria-labelledby="myModalLabel" aria-hidden="true">
  65. <div class="modal-dialog" style="width:400px;margin: 10% auto;">
  66. <div class="modal-content" >
  67. <div class="modal-body">
  68. <form id="user_password" class="form-horizontal" action="" method="post">
  69. <fieldset>
  70. <div id="legend" class="">
  71. <legend class="">修改密码</legend>
  72. </div>
  73. <div class="form-group">
  74. <label class="col-sm-3 control-label">密码<font style="color: red">*</font></label>
  75. <div class="col-sm-9">
  76. <input id="first_password" type="password" class="form-control checkedPassword" name="password" value="" required="required">
  77. </div>
  78. </div>
  79. <div class="form-group">
  80. <label class="col-sm-3 control-label">确认密码<font style="color: red">*</font></label>
  81. <div class="col-sm-9">
  82. <input id="confirm_password" type="password" class="form-control checkedPassword" name="password" value="" required="required">
  83. </div>
  84. </div>
  85. </fieldset>
  86. </form>
  87. </div>
  88. <div class="modal-footer" style="TEXT-ALIGN: center">
  89. <div class="control-group">
  90. <!-- Button -->
  91. <div class="controls">
  92. <button onclick="passwordSave()" class="btn btn-success">保存</button>
  93. <button id="password_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <!-- 用户的修改 -->
  101. <div class="modal fade" id="operate_user_modal" tabindex="-1" role="dialog"
  102. aria-labelledby="myModalLabel" aria-hidden="true">
  103. <div class="modal-dialog" style="width:500px;margin: 10% auto;">
  104. <div class="modal-content" >
  105. <div class="modal-body">
  106. <form id="operate_user_form" class="form-horizontal" action="" method="post">
  107. <fieldset>
  108. <div id="legend" class="">
  109. <input type="hidden" value="0" name="id" id="operate_id">
  110. <legend class="">用户信息</legend>
  111. </div>
  112. <div class="form-group">
  113. <label class="col-sm-3 control-label">账号</label>
  114. <div class="col-sm-9">
  115. <input id="operate_username" type="text" class="form-control" name="username" value="" readonly>
  116. </div>
  117. </div>
  118. <div class="form-group">
  119. <label class="col-sm-3 control-label">姓名<font style="color: red">*</font></label>
  120. <div class="col-sm-9">
  121. <input id="operate_display" type="text" class="form-control" name="display" value="" required="required">
  122. </div>
  123. </div>
  124. </fieldset>
  125. </form>
  126. </div>
  127. <div class="modal-footer" style="TEXT-ALIGN: center">
  128. <div class="control-group">
  129. <!-- Button -->
  130. <div class="controls">
  131. <button onclick="operateUserSave()" class="btn btn-success">保存</button>
  132. <button id="operate_user_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <!-- 过滤弹出框 -->
  140. <div class="modal fade" id="select_modal" tabindex="-1" role="dialog"
  141. aria-labelledby="myModalLabel" aria-hidden="true">
  142. <div class="modal-dialog" style="width:36%;margin: 3% auto;">
  143. <div class="modal-content" >
  144. <div class="modal-body">
  145. <div id="legend" class="">
  146. <legend class="">过滤<i class="glyphicon glyphicon-cog filterCSS-i" onclick="settingFilter()"></i></legend>
  147. </div>
  148. <table border="1" style="width:100%;font-size:12px;margin-top: -3%;" id="select_table">
  149. </table>
  150. </div>
  151. <div class="modal-filter">
  152. <div class="control-group">
  153. <!-- Button -->
  154. <div class="controls">
  155. <button onclick="searchData()" class="btn btn-success">查询</button>
  156. <button id="period_cancel" data-dismiss="modal" class="btn btn-success">取消</button>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <!-- 过滤设置弹出框 -->
  164. <div class="modal fade" id="selectSet_modal" tabindex="-1" role="dialog"
  165. aria-labelledby="myModalLabel" aria-hidden="true">
  166. <div class="modal-dialog" style="width:20%;margin: 3% auto;">
  167. <div class="modal-content" >
  168. <div class="modal-body">
  169. <div id="legend" class="">
  170. <legend class="">过滤设置
  171. <i class="glyphicon glyphicon-arrow-up filterCSS-i" onclick="moveUp()"></i>
  172. <i class="glyphicon glyphicon-arrow-down filterCSS-i" onclick="moveDown()"></i>
  173. </legend>
  174. </div>
  175. <table border="1" style="width:100%;font-size:12px;margin-top: -3%;" id="selectSet_table">
  176. </table>
  177. </div>
  178. <div class="modal-filter">
  179. <div class="control-group">
  180. <!-- Button -->
  181. <div class="controls">
  182. <button onclick="saveSetData()" class="btn btn-success">确认</button>
  183. <button onclick="resetSetData()" class="btn btn-success">重置</button>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. <script type="text/javascript" src="/js/jquery/jquery-2.1.4.js"></script>
  191. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap.js"></script>
  192. <!-- 导出需要的excel -->
  193. <script type="text/javascript" src="/js/export/bootstrap-table.js"></script>
  194. <script type="text/javascript" src="/js/export/bootstrap-table-zh-CN.js"></script>
  195. <script type="text/javascript" src="/js/export/FileSaver.min.js"></script>
  196. <script type="text/javascript" src="/js/export/xlsx.core.min.js"></script>
  197. <script type="text/javascript" src="/js/export/tableExport.js"></script>
  198. <script type="text/javascript" src="/js/export/bootstrap-table-export.js"></script>
  199. <!-- 结束 -->
  200. <script type="text/javascript" src="/js/bootstrap-3.3.7/js/bootstrap-datetimepicker.js"></script>
  201. <script type="text/javascript" src="/js/layer/layer.js"></script>
  202. <script type="text/javascript" src="/js/header.js"></script>
  203. <script type="text/javascript" src="/js/filter-module.js"></script>
  204. <script type="text/javascript" src="/laydate/laydate.js"></script>
  205. <script type="text/javascript" src="/js/common.js"></script>
  206. <script>
  207. //获取浏览器通用的时间
  208. function getStringTime(AddDay){
  209. var date = new Date();
  210. date.setDate(date.getDate()+AddDay);
  211. var year = date.getFullYear();
  212. var str = year+'/'
  213. var month = date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1;
  214. str = str+month+'/';
  215. var day = date.getDate()<10?'0'+date.getDate():date.getDate();
  216. str = str+day+' ';
  217. return str;
  218. }
  219. /* 获取选择格式的时间 */
  220. function getStringTime(AddDay, separator){
  221. var date = new Date();
  222. date.setDate(date.getDate()+AddDay);
  223. var year = date.getFullYear();
  224. var str = year+separator;
  225. var month = date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1;
  226. str = str+month+separator;
  227. var day = date.getDate()<10?'0'+date.getDate():date.getDate();
  228. str = str+day;
  229. return str;
  230. }
  231. //时间比较
  232. function compareTime(callBuck){
  233. var start_time = $("#start_time").val();
  234. var end_time = $("#end_time").val();
  235. var flag = $("#cross_flag").val();
  236. //判断班次是否存在
  237. if(flag==""){
  238. callBuck();
  239. }else{
  240. var temp = getStringTime(+0);
  241. var start_date = new Date(temp+" "+start_time);
  242. var end_date = new Date(temp+" "+end_time);
  243. var current_date = new Date();
  244. var max_date = new Date(temp+" "+"23:59:59");
  245. var min_date = new Date(getStringTime(+1)+" "+"00:00:00");
  246. //是否跨天
  247. if("N"==flag){
  248. if(current_date>=start_date&&current_date<=end_date){
  249. callBuck();
  250. }else{
  251. $.messager.confirm('Confirm', '当前班次信息不对,是否继续!', function (r) {
  252. if (r) {
  253. callBuck();
  254. }
  255. });
  256. }
  257. }else{
  258. //判断是否在时间范围之内
  259. if((current_date>=start_date&&current_date<=max_date)||(current_date>=min_date&&current_date<=end_date)){
  260. callBuck();
  261. }else{
  262. $.messager.confirm('Confirm', '当前班次信息不对,是否继续!', function (status) {
  263. if (status) {
  264. callBuck();
  265. }
  266. });
  267. }
  268. }
  269. }
  270. }
  271. //格式化null
  272. function formatStr(value, row) {
  273. if(value){
  274. return value;
  275. }
  276. return "";
  277. }
  278. //格式化数字
  279. function formatNumber(value, row) {
  280. if (value) {
  281. if (parseFloat(value) == parseInt(value)) {
  282. return parseInt(value) == 0 ? '' : parseInt(value);
  283. }
  284. return parseFloat(value);
  285. }
  286. return '';
  287. }
  288. //格式化date Linux时间戳转字符串 火狐浏览器注意使用
  289. function formatDate(value, row) {
  290. if (value && value > 0) {
  291. var d = new Date(value);
  292. var MM = d.getMonth() < 9 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1;
  293. var dd = d.getDate() <= 9 ? '0' + d.getDate() : d.getDate();
  294. var datestring = d.getFullYear() + "-" + MM + "-" + dd;
  295. return datestring;
  296. }
  297. return "";
  298. }
  299. //格式化Linux时间戳
  300. function formatLinuxDate(value) {
  301. if (value && value!='') {
  302. var date = new Date(value);
  303. var month = date.getMonth() < 9 ? '0'+(date.getMonth()+1):date.getMonth()+1;
  304. var days = date.getDate() <= 9 ? '0' +date.getDate() : date.getDate();
  305. var hours = date.getHours()<= 9 ? '0' +date.getHours() : date.getHours();
  306. var minutes = date.getMinutes() <= 9 ? '0' +date.getMinutes() : date.getMinutes();
  307. var seconds = date.getSeconds() <= 9 ? '0' +date.getSeconds() : date.getSeconds();
  308. var datestring = date.getFullYear() + "-" + month + "-" + days+" "+hours+":"+minutes+":"+seconds;
  309. return datestring;
  310. }
  311. return "";
  312. }
  313. //格式化Linux时间戳不要秒
  314. function formatLinuxDateNOseconds(value) {
  315. if (value && value!='') {
  316. var date = new Date(value);
  317. var month = date.getMonth() < 9 ? '0'+(date.getMonth()+1):date.getMonth()+1;
  318. var days = date.getDate() <= 9 ? '0' +date.getDate() : date.getDate();
  319. var hours = date.getHours()<= 9 ? '0' +date.getHours() : date.getHours();
  320. var minutes = date.getMinutes() <= 9 ? '0' +date.getMinutes() : date.getMinutes();
  321. var seconds = date.getSeconds() <= 9 ? '0' +date.getSeconds() : date.getSeconds();
  322. var datestring = date.getFullYear() + "-" + month + "-" + days+" "+hours+":"+minutes;
  323. return datestring;
  324. }
  325. return "";
  326. }
  327. </script>
  328. </html>