@{
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style type="text/css">
    .layui-table-main .layui-table-cell {
        /*height: auto !important;*/
        white-space: normal;
    }

    .layui-table img {
        max-width: 60px;
        max-height: 28px;
    }

    .layui-tree-main {
        cursor: pointer;
        padding-right: 10px;
        float: left;
        border-width: 1px;
        border-style: solid;
        border-color: #e6e6e6;
        margin: 10px 0;
    }
</style>


<div class="layui-card">
    <div class="layui-card-header">
        <div class="layui-form">
            <div class="layui-form-item">
                <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <div class="layui-card-body">
            <button type="button" onclick="tableToExcel('list','出貨清單')" class="layui-btn layui-btn-normal layui-btn-sm"><i class="fa fa-file-excel-o"></i>導出Excel</button>
            <br />
            <br />
            @Html.Raw(ViewData["list"])
        </div>
    </div>
</div>

<script type="text/javascript">

    function formatJSONDate(jsonDate) {
        if (jsonDate == null) {
            return "";
        }
        else {
            var date = eval(jsonDate.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"));
            var myDate = new Date(date);
            var yy = myDate.getFullYear();
            var mm = (myDate.getMonth() + 1 < 10 ? '0' : '') + (myDate.getMonth() + 1);
            var dd = (myDate.getDate() < 10 ? '0' : '') + myDate.getDate();
            var h = (myDate.getHours() < 10 ? '0' : '') + myDate.getHours();
            var m = (myDate.getMinutes() < 10 ? '0' : '') + myDate.getMinutes();
            var s = (myDate.getSeconds() < 10 ? '0' : '') + myDate.getSeconds();
            //mm + "/" + dd + " " +
            //var output = yy + "-" + mm + "-" + dd + " " + h + ":" + m + ":" + s;
            var output = yy + mm + dd + h + m + s;
            // myDate.getHours() + ":" + myDate.getMinutes() + ":" + myDate.getSeconds();
            return output;
        }
    }

    function base64(content) {
        return window.btoa(unescape(encodeURIComponent(content)));
    }

    function tableToExcel(tableID, fileName) {
        var table = document.getElementById(tableID);
        var excelContent = table.innerHTML;
        var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
        excelFile += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head>";
        excelFile += "<body><table>";
        excelFile += excelContent;
        excelFile += "</table></body>";
        excelFile += "</html>";
        var link = "data:application/vnd.ms-excel;base64," + base64(excelFile);
        var a = document.createElement("a");
        a.download = fileName + formatJSONDate(Date.now().toString()) + ".xls";
        a.href = link;
        a.click();
    }

    function result() {
        var dnNo = $("#dnNo").val();
        var lineNo = $("#lineNo").val();

        var query = "?dnNo=" + dnNo + "&lineNo=" + lineNo;
        hg.open('DN單查詢出貨清單', '/PTD/PTD001' + query, '', '', true);

    };

</script>