6 changed files with 485 additions and 7 deletions
@ -0,0 +1,238 @@ |
|||||
|
@{ |
||||
|
ViewData["Title"] = "還原作業"; |
||||
|
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-form"> |
||||
|
<div class="layui-row"> |
||||
|
<div class="layui-form-item"> |
||||
|
<div class="layui-col-md9"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">交易單據:</label> |
||||
|
<div class="layui-input-inline" style="width:150px"> |
||||
|
<input id="recordNumber" name="RecordNumber" autocomplete="off" class="layui-input" value="@ViewBag.RecordNumber"> |
||||
|
</div> |
||||
|
<label class="layui-form-label">Line NO:</label> |
||||
|
<div class="layui-input-inline" style="width:150px"> |
||||
|
<input id="lineNo" name="LineNo" autocomplete="off" class="layui-input" value="@ViewBag.LineNo"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-row"> |
||||
|
<div class="layui-form-item"> |
||||
|
<div class="layui-col-sm3"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">料號:</label> |
||||
|
<div class="layui-input-inline" style="width:150px"> |
||||
|
<input id="materialNo" name="MaterialNo" autocomplete="off" class="layui-input" value="@ViewBag.MaterialNo"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-row"> |
||||
|
<div class="layui-form-item"> |
||||
|
<div class="layui-col-sm3"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">Shipping SN:</label> |
||||
|
<div class="layui-input-inline" style="width:150px"> |
||||
|
<input id="shippingSN" name="ShippingSN" autocomplete="off" class="layui-input" value="@ViewBag.ShippingSN"> |
||||
|
</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"> |
||||
|
<i class="layui-icon layui-icon-sm"></i> |
||||
|
</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-row"> |
||||
|
<div class="layui-inline" style="flex: 1; width: 100%; text-align: right;"> |
||||
|
<label id="rowCount" class="layui-inline layui-form-label" style="width: 130px; text-align: left; color: red;">數量 : 0 pcs</label> |
||||
|
<div class="layui-input-block"> |
||||
|
<input type="submit" id="commit" value="還原作業" class="layui-btn" /> |
||||
|
<input type="submit" id="del" value="刪除" class="layui-btn" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<table class="layui-hide" id="query" lay-filter="query"></table> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
@section Scripts{ |
||||
|
|
||||
|
<script type="text/javascript"> |
||||
|
layui.use(['form', 'layer', 'table'], function () { |
||||
|
var table = layui.table; |
||||
|
$('#commit').on('click', function () { |
||||
|
var tableData = table.cache['query']; |
||||
|
|
||||
|
for (let i = 0; i < tableData.length; i++) { |
||||
|
(function (index) { // 使用閉包或函數參數傳遞 index |
||||
|
var postData = { |
||||
|
type: 0, |
||||
|
tableData: [tableData[index]] |
||||
|
}; |
||||
|
|
||||
|
$.ajax({ |
||||
|
url: '@Url.Action("PTD008_Commit", "PTD")', |
||||
|
dataType: 'json', |
||||
|
data: { data: JSON.stringify(postData) }, |
||||
|
type: 'POST', |
||||
|
success: function (result) { |
||||
|
if (result.data.success) { |
||||
|
|
||||
|
console.log(tableData[index]); |
||||
|
// 更新當前元素的 'result' 屬性 |
||||
|
tableData[index].result = 'OK'; |
||||
|
console.log(tableData[index]); |
||||
|
|
||||
|
// 使用更新後的數據重新加載表格 |
||||
|
layui.table.reload('query', { |
||||
|
data: tableData, |
||||
|
page: false, |
||||
|
limit: 2000 |
||||
|
}); |
||||
|
} else { |
||||
|
layer.msg('還原失敗,原因:' + result.data.msg, { icon: 2 }); |
||||
|
} |
||||
|
}, |
||||
|
error: function (error) { |
||||
|
layer.msg('還原失敗!原因:' + error.msg, { icon: 2 }); |
||||
|
} |
||||
|
}); |
||||
|
})(i); // 將 i 值傳遞進來 |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
$('#del').on('click', function () { |
||||
|
var tableData = table.cache['query']; |
||||
|
|
||||
|
for (var i = 0; i < tableData.length; i++) { |
||||
|
var postData = { |
||||
|
type: 1, |
||||
|
tableData: [tableData[i]] |
||||
|
}; |
||||
|
|
||||
|
$.ajax({ |
||||
|
url: '@Url.Action("PTD008_Commit", "PTD")', |
||||
|
dataType: 'json', |
||||
|
data: { data: JSON.stringify(postData) }, |
||||
|
type: 'POST', |
||||
|
success: function (result) { |
||||
|
if (result.data.success) { |
||||
|
// 更新該筆資料的result欄位值 |
||||
|
tableData[i].result = 'OK'; |
||||
|
|
||||
|
// 重新加载表格数据 |
||||
|
layui.table.reload('query', { |
||||
|
data: tableData, |
||||
|
page: false, |
||||
|
limit: 2000 |
||||
|
}); |
||||
|
} else { |
||||
|
layer.msg('還原失敗,原因:' + result.data.msg, { icon: 2 }); |
||||
|
} |
||||
|
}, |
||||
|
error: function (error) { |
||||
|
layer.msg('還原失敗!原因:' + error.msg, { icon: 2 }); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
//监听表单提交事件 |
||||
|
hg.form.onsubmit('querysubmit', function (data) { |
||||
|
hg.msghide("載入資料.."); |
||||
|
table && table.reload(data); |
||||
|
$("#rowCount").html("數量 : " + getTableRowCount() + " pcs"); |
||||
|
}); |
||||
|
|
||||
|
function getTableRowCount() { |
||||
|
var tableData = layui.table.cache['query']; |
||||
|
return tableData.length; |
||||
|
} |
||||
|
|
||||
|
var tableCols = [[ |
||||
|
{ |
||||
|
field: 'recordNumber', |
||||
|
width: 160, |
||||
|
title: '交易單據', |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'lineNo', |
||||
|
width: 120, |
||||
|
title: 'LineNo', |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'productID', |
||||
|
title: 'Material(料號)', |
||||
|
width: 160, |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'sn', |
||||
|
width: 160, |
||||
|
title: 'SN', |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'recordTypeID', |
||||
|
width: 100, |
||||
|
title: '狀態', |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'result', |
||||
|
width: 100, |
||||
|
title: '執行結果' |
||||
|
} |
||||
|
]]; |
||||
|
|
||||
|
//基本数据表格 |
||||
|
var table = hg.table.datatable('query', '還原作業', '/PTD/PTD008Query', {}, tableCols, "", false, 'full-100'); |
||||
|
|
||||
|
</script> |
||||
|
} |
Loading…
Reference in new issue