<!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] }); }) </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>