123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
- <title>存量占比</title>
- <style>
- body, html {
- padding: 0;
- margin: 0;
- }
- * {
- padding: 0;
- margin: 0;
- }
- .title {
- width: 85%;
- padding: 0;
- margin: 10px auto 20px auto;
- line-height: 20px;
- font-size: 20px;
- font-weight: bold;
- font-family: "Microsoft YaHei";
- text-align: center;
- color: #404040;
- }
- .time {
- width: 85%;
- padding: 0;
- margin: 0 auto;
- line-height: 30px;
- font-size: 14px;
- font-family: "Microsoft YaHei";
- text-align: center;
- color: #8c8c8c
- }
- .time .dc {
- width: auto;
- padding: 0 10px;
- background: #7ea6d2;
- height: 24px;
- line-height: 20px;
- color: #fff;
- outline: none;
- border: #9ebfe4 1px solid;
- cursor: pointer;
- border-radius: 5px;
- display: block;
- margin: 3px 0;
- float: left;
- }
- .time span {
- padding: 0;
- margin: 0;
- float: left;
- }
- .table {
- width: 85%;
- margin: 10px auto;
- padding: 0;
- border-top: rgba(10, 10, 10, 0.96) 1px solid;
- border-left: #0a0a0a 1px solid;
- }
- .table tr {
- width: 100%;
- margin: 0;
- padding: 0;
- }
- .table tr td {
- margin: 0;
- padding: 0;
- border-bottom: #0a0a0a 1px solid;
- border-right: #0a0a0a 1px solid;
- min-height: 30px;
- line-height: 24px;
- padding: 5px;
- font-size: 14px;
- font-family: "Microsoft YaHei";
- text-align: center;
- color: #4e4e4e;
- }
- </style>
- <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
- <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/base64.js"></script>
- <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/tableExport.js"></script>
- <script type="text/javascript" src="${ctx}/assets/js/tablesMergeCell.js"></script>
- <script type="text/javascript">
- <!--根据下方table的id(tables)调用tableExport.js的tableExport方法导出表格-->
- function exportTable() {
- $("td:hidden").remove();
- $("#tables").tableExport({fileName: '人员统计', type: "xls", escape: "false"});
- }
- //下载附件
- function downFile(filePath, fileName) {
- window.open('${ctx}/downloadFile.do?FileDownloadPath=' + filePath + '&FileDownloadName=' + fileName, 'Derek', 'resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no');
- }
- $(function () {
- $('#tables').tablesMergeCell({
- cols: [0,1]
- });
- })
- </script>
- </head>
- <body>
- <div class="time">
- <span><input class="dc" value="导出Excel" type="button" onclick="exportTable()"/></span>
- <div style="clear:both;"></div>
- </div>
- <table id="tables" width="85%" cellpadding="0" cellspacing="0" border="0" class="table">
- ${tableData!''}
- </table>
- </body>
- </html>
|