Marvin
2 years ago
4 changed files with 346 additions and 2 deletions
@ -0,0 +1,146 @@ |
|||
@{ |
|||
ViewData["Title"] = "工單KeyParts查詢2"; |
|||
Layout = "~/Views/Shared/_AMESLayout.cshtml"; |
|||
} |
|||
|
|||
<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 class="layui-form-item layui-layout-left"> |
|||
<div class="layui-inline"> |
|||
<label class="layui-form-label">工單號碼:</label> |
|||
<div class="layui-input-inline" style="width:150px"> |
|||
<input id="wipNO" name="wipNo" autocomplete="off" class="layui-input" placeholder="請輸入工單號碼"> |
|||
<input id="factoryNo" type="hidden" name="factoryNo" value="@ViewBag.UserFactory" /> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline layui-show-xs-block"> |
|||
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit" onclick="result()"> |
|||
<i class="layui-icon layui-icon-sm"></i> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-card-body"> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
@section Scripts{ |
|||
<script type="text/javascript"> |
|||
layui.config({ |
|||
base: '../lib/layui_ext/', |
|||
}).extend({ |
|||
excel: 'excel', |
|||
}); |
|||
</script> |
|||
|
|||
<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; |
|||
} |
|||
} |
|||
|
|||
layui.use(['jquery', 'excel', 'layer'], function () { |
|||
var $ = layui.jquery; |
|||
var layer = layui.layer; |
|||
var excel = layui.excel; |
|||
|
|||
$('#btnExport').on('click', function () { |
|||
|
|||
$.ajax({ |
|||
url: '@Url.Action("QRS013A", "QRS")', |
|||
data: { "wipNO": $("#wipNO").val() }, |
|||
dataType: 'json', |
|||
success(res) { |
|||
var data = res.data; |
|||
|
|||
var keys = []; |
|||
var cols1 = []; |
|||
var cols2 = []; |
|||
var cols = {}; |
|||
var i = 0; |
|||
var cols_title = ""; |
|||
for (var item in data[0]) |
|||
{ |
|||
//alert(item); |
|||
//alert(data[0][item]); |
|||
keys.push(item); |
|||
|
|||
cols1[i] = item; |
|||
cols_title = cols_title + item.toString() + ","; |
|||
//cols2[i] = item.toString() + ":\"" + item.toString() + "\""; |
|||
//cols2[i] = item + ":" + item.toString(); |
|||
i = i + 1; |
|||
cols2.push(item); |
|||
} |
|||
|
|||
var cols_header = cols_title.substring(0, cols_title.length - 1); |
|||
|
|||
|
|||
//data.unshift({ wipno: "wipno" }); |
|||
|
|||
//data = excel.filterExportData(data, cols2); |
|||
//data.unshift({ keys }); |
|||
//data.unshift(cols1); |
|||
data.unshift({ wipno: "WipNo", barcodeno: "BarcodeNo", extrabarcodeno: "ExtraBarcodeNo", modelno: "ModelNo", itemno: "ItemNo" }); |
|||
|
|||
var timestart = Date.now(); |
|||
excel.downloadExcel(data, '組件明細' + formatJSONDate(Date.now().toString()), 'xlsx'); |
|||
|
|||
//excel.exportExcel(data, '組件明細' + formatJSONDate(Date.now().toString()) + '.xlsx', 'xlsx'); |
|||
|
|||
var timeend = Date.now(); |
|||
|
|||
var spent = (timeend - timestart) / 1000; |
|||
layer.alert('導出數據耗時 ' + spent + ' s'); |
|||
} |
|||
, error() { |
|||
layer.alert('導出數據失敗'); |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
|
|||
layui.use(['form', 'layer'], function () { |
|||
form = layui.form; |
|||
}); |
|||
|
|||
function result() |
|||
{ |
|||
var wipNO = $("#wipNO").val(); |
|||
|
|||
|
|||
var query = "?wipNO=" + wipNO; |
|||
hg.open('工單KeyParts查詢2', '/QRS/QRS017A' + query, '', '', true); |
|||
|
|||
}; |
|||
|
|||
//监听表单提交事件 |
|||
hg.form.onsubmit('querysubmit', function (data) { |
|||
table && table.reload(data); |
|||
}); |
|||
|
|||
</script> |
|||
} |
|||
@ -0,0 +1,65 @@ |
|||
@{ |
|||
Layout = "~/Views/Shared/_AMESLayout.cshtml"; |
|||
} |
|||
|
|||
<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"> |
|||
<button type="button" onclick="tableToExcel('kplist','組件明細')" class="layui-btn layui-btn-normal layui-btn-sm"><i class="fa fa-file-excel-o"></i>導出Excel</button> |
|||
<br /> |
|||
<br /> |
|||
@Html.Raw(ViewData["KpDataList"]) |
|||
</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(); |
|||
} |
|||
|
|||
</script> |
|||
Loading…
Reference in new issue