@{ 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>