selectinfo08_01.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6. <title>存量占比</title>
  7. <style>
  8. body, html {
  9. padding: 0;
  10. margin: 0;
  11. }
  12. * {
  13. padding: 0;
  14. margin: 0;
  15. }
  16. .title {
  17. width: 85%;
  18. padding: 0;
  19. margin: 10px auto 20px auto;
  20. line-height: 20px;
  21. font-size: 20px;
  22. font-weight: bold;
  23. font-family: "Microsoft YaHei";
  24. text-align: center;
  25. color: #404040;
  26. }
  27. .time {
  28. width: 85%;
  29. padding: 0;
  30. margin: 0 auto;
  31. line-height: 30px;
  32. font-size: 14px;
  33. font-family: "Microsoft YaHei";
  34. text-align: center;
  35. color: #8c8c8c
  36. }
  37. .time .dc {
  38. width: auto;
  39. padding: 0 10px;
  40. background: #7ea6d2;
  41. height: 24px;
  42. line-height: 20px;
  43. color: #fff;
  44. outline: none;
  45. border: #9ebfe4 1px solid;
  46. cursor: pointer;
  47. border-radius: 5px;
  48. display: block;
  49. margin: 3px 0;
  50. float: left;
  51. }
  52. .time span {
  53. padding: 0;
  54. margin: 0;
  55. float: left;
  56. }
  57. .table {
  58. width: 85%;
  59. margin: 10px auto;
  60. padding: 0;
  61. border-top: rgba(10, 10, 10, 0.96) 1px solid;
  62. border-left: #0a0a0a 1px solid;
  63. }
  64. .table tr {
  65. width: 100%;
  66. margin: 0;
  67. padding: 0;
  68. }
  69. .table tr td {
  70. margin: 0;
  71. padding: 0;
  72. border-bottom: #0a0a0a 1px solid;
  73. border-right: #0a0a0a 1px solid;
  74. min-height: 30px;
  75. line-height: 24px;
  76. padding: 5px;
  77. font-size: 14px;
  78. font-family: "Microsoft YaHei";
  79. text-align: center;
  80. color: #4e4e4e;
  81. }
  82. </style>
  83. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  84. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/base64.js"></script>
  85. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/tableExport.js"></script>
  86. <script type="text/javascript" src="${ctx}/assets/js/tablesMergeCell.js"></script>
  87. <script type="text/javascript">
  88. <!--根据下方table的id(tables)调用tableExport.js的tableExport方法导出表格-->
  89. function exportTable() {
  90. $("td:hidden").remove();
  91. $("#tables").tableExport({fileName: '人员统计', type: "xls", escape: "false"});
  92. }
  93. //下载附件
  94. function downFile(filePath, fileName) {
  95. window.open('${ctx}/downloadFile.do?FileDownloadPath=' + filePath + '&FileDownloadName=' + fileName, 'Derek', 'resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no');
  96. }
  97. $(function () {
  98. $('#tables').tablesMergeCell({
  99. cols: [0,1]
  100. });
  101. })
  102. </script>
  103. </head>
  104. <body>
  105. <div class="time">
  106. <span><input class="dc" value="导出Excel" type="button" onclick="exportTable()"/></span>
  107. <div style="clear:both;"></div>
  108. </div>
  109. <table id="tables" width="85%" cellpadding="0" cellspacing="0" border="0" class="table">
  110. ${tableData!''}
  111. </table>
  112. </body>
  113. </html>