modifyStationInfoCheck.jsp 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. String hiddenphone =(String)session.getAttribute("hiddenphone");
  6. %>
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9. <head>
  10. <base href="<%=basePath%>">
  11. <title>检验站-站点信息查看</title>
  12. <meta http-equiv="pragma" content="no-cache">
  13. <meta http-equiv="cache-control" content="no-cache">
  14. <meta http-equiv="expires" content="0">
  15. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  16. <meta http-equiv="description" content="This is my page">
  17. <meta http-equiv="X-UA-Compatible" content="IE=9"/>
  18. <meta http-equiv="X-UA-Compatible" content="IE=10"/>
  19. <link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">
  20. <link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
  21. <link rel="stylesheet" type="text/css" href="css/easyui/demo/demo.css">
  22. <script type="text/javascript" src="css/easyui/jquery.min.js"></script>
  23. <script type="text/javascript" src="css/easyui/jquery.easyui.min.js" charset="utf-8"></script>
  24. <script type="text/javascript" src="css/easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
  25. <link rel="stylesheet" type="text/css" href="css/common/hzbstyle.css">
  26. <script type="text/javascript">
  27. var state = false;
  28. function formatDatebox(value) {
  29.     if (value == null || value == '') {
  30.         return '';
  31.     }
  32.     var dt = parseToDate(value);//关键代码,将那个长字符串的日期值转换成正常的JS日期格式
  33.     return dt.format("yyyy-MM-dd"); //这里用到一个javascript的Date类型的拓展方法,这个是自己添加的拓展方法,在后面的步骤3定义
  34. }
  35. /*带时间*/
  36. function formatDateBoxFull(value) {
  37.     if (value == null || value == '') {
  38.         return '';
  39.     }
  40.     var dt = parseToDate(value);
  41.     return dt.format("yyyy-MM-dd hh:mm:ss");
  42. }
  43. </script>
  44. <script type="text/javascript">
  45. var hiddenP='<%=hiddenphone %>';
  46. var i = 1;//第几页
  47. var sum;//总条数
  48. var totalpage;//总页数
  49. $(document).ready(function(){
  50. fLoadTable();
  51. fLoadData(1,10);
  52. });
  53. function show(message) {
  54. $.messager.show({
  55. title: '提示信息',
  56. msg: message,
  57. timeout: 2000,
  58. showType: 'slide'
  59. });
  60. }
  61. function fLoadTable(){
  62. $('#tt').datagrid({
  63. fit: true,//自动大小
  64. title: '本站信息查看',
  65. width: '100%',
  66. height: 580,
  67. toolbar: '#toolbar',
  68. fitColumns: true,
  69. loadMsg:'正在加载, 请稍等 …',
  70. nowrap : true,//设置为true,当数据长度超出列宽时将会自动截取
  71. striped : true,//设置为true将交替显示行背景
  72. collapsible : true,//显示可折叠按钮
  73. fitColumns:true,//允许表格自动缩放,以适应父容器
  74. rownumbers:true,
  75. columns:[[
  76. {field:'id',title:'站点编号',width:'9%'},
  77. {field:'name',title:'站点名称',width:'15%'},
  78. {field:'addr',title:'联系地址',width:'15%'},
  79. {field:'licence',title:'充装许可证',width:'7%'},
  80. {field:'licenceDate1',title:'发证时间',width:'7%'},
  81. {field:'validity1',title:'有效期至',width:'7%'},
  82. {field:'manager',title:'负责人',width:'7%'},
  83. {field:'techManager',title:'技术负责人',width:'7%'},
  84. {field:'post',title:'邮编',width:'5%'},
  85. {field:'mobile',title:'手机',width:'9%'},
  86. {field:'phone',title:'座机',width:'5%'},
  87. {field:'fax',title:'传真',width:'5%'}
  88. ]]
  89. });
  90. if(hiddenP!="0"){
  91. $('#tt').datagrid('hideColumn','mobile');
  92. }
  93. }
  94. function fLoadData(page,rows){
  95. $.messager.progress({
  96. title: '请等待',
  97. msg: '正在加载数据...',
  98. text: '查询中.......'
  99. });
  100. $.ajax({
  101. type:"POST",
  102. contentType: "application/x-www-form-urlencoded; charset=UTF-8",
  103. url:"ajax/modifyStationInfoCheck",
  104. success:function (data){
  105. $.messager.progress('close');
  106. var vData = $.parseJSON(data);
  107. sum = vData.total;
  108. if(sum==0){
  109. show("没有查询到相关信息!!!");
  110. }
  111. totalpage = Math.ceil(sum/rows);
  112. $('#tt').datagrid('loadData', vData); //将数据绑定到datagrid
  113. var p = $('#tt').datagrid('getPager');
  114. $(p).pagination({
  115. pageList: [10,20,30,100,200,400],//可以设置每页记录条数的列表
  116. beforePageText: '第',//页数文本框前显示的汉字
  117. afterPageText: '页 共 {pages} 页',
  118. displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录',
  119. onSelectPage: function (pageNumber, pageSize) {
  120. fLoadData(pageNumber, pageSize);
  121. }
  122. });
  123. }
  124. });
  125. }
  126. </script>
  127. </head>
  128. <body>
  129. <!-- 查询结果:数据表格 -->
  130. <table id="tt" cellspacing="0" cellpadding="0" >
  131. </table>
  132. </body>
  133. </html>