You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

281 lines
11 KiB

@{
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-col-md3">
<div class="layui-inline">
<label class="layui-form-label">交易單據:</label>
<div class="layui-input-inline" style="width:120px">
<input id="recordNumber" name="RecordNumber" autocomplete="off" class="layui-input" lay-verify="required" lay-reqtext="請輸入交易單據" value="@ViewBag.RecordNumber">
</div>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-inline">
<label class="layui-form-label" style="width:50px;">Line NO:</label>
<div class="layui-input-inline" style="width:100px">
<input id="lineNo" name="LineNo" maxlength="6" autocomplete="off" class="layui-input" lay-verify="required" lay-reqtext="請輸入LineNo" value="@ViewBag.LineNo">
</div>
</div>
</div>
<div class="layui-col-md3">
<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" oninput="let p=this.selectionStart;this.value=this.value.toUpperCase();this.setSelectionRange(p, p);" lay-verify="required" lay-reqtext="請輸入料號" class="layui-input" value="@ViewBag.MaterialNo">
</div>
</div>
</div>
<div class="layui-col-md3">
<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>
<div class="layui-inline layui-show-xs-block">
<button id="submitBtn" class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="querysubmit">
<i class="layui-icon layui-icon-sm">&#xe615;</i>
</button>
</div>
</div>
<div class="layui-row">
<div class="layui-input-block">
</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 recordNumber = document.getElementById('recordNumber').value;
var lineNo = document.getElementById('lineNo').value;
var materialNo = document.getElementById('materialNo').value;
var shippingSN = document.getElementById('shippingSN').value;
if (recordNumber.length === 0 || lineNo.length === 0 || materialNo.length === 0) {
layer.msg('請輸入基本資料並查詢');
return;
}
var tableData = layui.table.cache['query'];
if (tableData.length === 0) {
layer.msg('請確認是否有按查詢資料');
return;
}
// 组织数据为一个对象
var postData = {
recordNumber: recordNumber,
lineNo: lineNo,
materialNo: materialNo,
shippingSN: shippingSN
};
var index = layer.load(1, {
shade: [0.4, '#000'],
content: '資料處理中......',
success: function (layero) {
layero.find('.layui-layer-content').css({
'padding-top': '60px',
'width': '200px'
})
}
});
$.ajax({
url: '@Url.Action("PTD008_Commit", "PTD")',
dataType: 'json',
data: postData,
type: 'POST',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 5000 });
// 手动触发按钮的点击事件
$('#submitBtn').click();
}
else {
layer.msg(result.msg, { icon: 2, time: 5000 });
}
},
complete: function (XMLHttpRequest, status) { //请求完成后最终执行参数
layer.close(index);
},
error: function (error) {
layer.msg('還原失敗!原因:' + error.msg, { icon: 2, time: 5000 });
}
});
});
// 刪除
$('#del').on('click', function () {
var recordNumber = document.getElementById('recordNumber').value;
var lineNo = document.getElementById('lineNo').value;
var materialNo = document.getElementById('materialNo').value;
var shippingSN = document.getElementById('shippingSN').value;
if (recordNumber.length === 0 || lineNo.length === 0 || materialNo.length === 0) {
layer.msg('請輸入基本資料並查詢');
return;
}
var tableData = layui.table.cache['query'];
if (tableData.length === 0) {
layer.msg('請確認是否有按查詢資料');
return;
}
// 组织数据为一个对象
var postData = {
recordNumber: recordNumber,
lineNo: lineNo,
materialNo: materialNo,
shippingSN: shippingSN
};
var index = layer.load(1, {
shade: [0.4, '#000'],
content: '資料處理中......',
success: function (layero) {
layero.find('.layui-layer-content').css({
'padding-top': '60px',
'width': '200px'
})
}
});
$.ajax({
url: '@Url.Action("PTD008_Del", "PTD")',
dataType: 'json',
data: postData,
type: 'POST',
success: function (result) {
if (result.success) {
layer.msg(result.msg, { icon: 1, time: 5000 });
// 手动触发按钮的点击事件
$('#submitBtn').click();
}
else {
layer.msg(result.msg, { icon: 2, time: 5000});
}
},
complete: function (XMLHttpRequest, status) { //请求完成后最终执行参数
layer.close(index);
},
error: function (error) {
layer.msg('刪除失敗!原因:' + error.msg, { icon: 2, time: 5000});
}
});
});
});
//监听表单提交事件
hg.form.onsubmit('querysubmit', function (data) {
hg.msghide("載入資料..");
layui.table.reload('query', {
where: {
recordNumber: data.RecordNumber,
lineNo: data.LineNo,
materialNo: data.MaterialNo,
shippingSN: data.ShippingSN
},
done: function (res, curr, count) {
// 表格更新成功後計算資料筆數
getTableRowCount();
}
});
});
function getTableRowCount() {
var tableData = layui.table.cache['query'];
$("#rowCount").html("數量 : " + tableData.length + " pcs");
return tableData.length;
}
var tableCols = [[
{
field: 'recordNumber',
title: '交易單據',
sort: true
},
{
field: 'lineNo',
title: 'LineNo',
sort: true
},
{
field: 'productID',
title: 'Material(料號)',
sort: true
},
{
field: 'sn',
title: 'SN',
sort: true
},
{
field: 'recordTypeID',
title: '狀態',
sort: true
},
{
field: 'result',
title: '執行結果'
}
]];
//基本数据表格
var table = hg.table.datatable('query', '還原作業', '/PTD/PTD008Query', {}, tableCols, "", false, 'full-100');
</script>
}