<!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>