Marvin
2 years ago
7 changed files with 187 additions and 228 deletions
@ -1,221 +1,108 @@ |
|||
@{ |
|||
ViewData["Title"] = "组件資料新增"; |
|||
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"> |
|||
<div class="layui-form" style="margin-bottom:5px;"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline" style="margin-right:0px;"> |
|||
<label class=" layui-inline layui-form-label" style="width:120px;">请選擇單位名稱</label> |
|||
<div class="layui-input-inline" width:400px;"> |
|||
<select id="unit" lay-event="unit" lay-filter="unit" lay-submit asp-items="@ViewBag.FactoryUnitList"> |
|||
</select> |
|||
</div> |
|||
<input id="unitId" type="hidden" name="unitId" value="@ViewBag.UnitNo" /> |
|||
</div> |
|||
<div class="layui-inline" style="margin-right:5px;"> |
|||
<input type="text" class="layui-input" id="edtSearch" value="" placeholder="請輸入內部條碼" style="display: inline-block;width: 140px;height: 30px;line-height: 30px;margin-left:20px;" /> |
|||
</div> |
|||
<div class="layui-inline" style="margin-left:0px;"> |
|||
<div class="layui-btn-group"> |
|||
<button id="btnSearch" class="layui-btn layui-btn-sm"> |
|||
<i class="layui-icon"></i>搜索 |
|||
</button> |
|||
<button id="btnClearSearch" class="layui-btn layui-btn-sm layui-btn-primary"> |
|||
<i class="layui-icon">ဆ</i>清除 |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="layui-inline"> |
|||
<button type="button" id="btnAdd" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon"></i>新增</button> |
|||
</div> |
|||
<table class="layui-hide" id="test" lay-filter="test"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@section Scripts{ |
|||
<script type="text/javascript"> |
|||
var treeTable; |
|||
layui.config({ |
|||
base: '../lib/layui_ext/' |
|||
}).extend({ |
|||
treeTable: 'treetable/treeTable' |
|||
}).use(['treeTable'], function () { |
|||
treeTable = layui.treeTable; |
|||
//treeTable.on('tool(test)', function (obj) { |
|||
// if (obj.event == 'edit') { |
|||
// if (obj.data.lineID) { |
|||
// hg.open('修改線別', '/BAS/BAS003U/' + obj.data.lineID, 480, 480); |
|||
// } |
|||
// } |
|||
// if (obj.event == 'del') { |
|||
// var str; |
|||
// if (obj.data.statusNo == 'A') |
|||
// str = '停用'; |
|||
// else |
|||
// str = '啟用'; |
|||
// hg.confirm("系統：" + obj.data.lineDesc + "，确定要"+str+"吗？", function () { |
|||
// $.ajax({ |
|||
// url: '/BAS/BAS003U2', //抓取停用 |
|||
// data: { model: obj.data }, |
|||
// type: 'POST', |
|||
// success: function (data) { |
|||
// if (data.success) { |
|||
// //obj.del(); //只删本地数据 |
|||
// hg.msghide("成功！"); |
|||
// var aa = $("#unitId").val(); |
|||
// request(aa); |
|||
// } |
|||
// else { |
|||
// hg.msg(data.msg); |
|||
// } |
|||
// }, |
|||
// error: function () { |
|||
// hg.msg("网络请求失败！"); |
|||
// } |
|||
// }); |
|||
// }); |
|||
// } |
|||
//}); |
|||
form.on('select(unit)', function (data) { |
|||
$("#unitId").val(data.value); |
|||
}); |
|||
}); |
|||
var data = []; |
|||
$(document).ready(function () { |
|||
request(); |
|||
}); |
|||
//通过table定义reload刷新列表,update本地填充一条数据 |
|||
var TABLE = function () { |
|||
return { |
|||
reload: function () { |
|||
request(); |
|||
}, |
|||
update: function (d) { |
|||
var model = $.parseJSON(d); |
|||
var up = false; |
|||
layui.each(data, function (i, d) { |
|||
if (d.id == model.id) { |
|||
data[i] = model; |
|||
up = true; |
|||
return false; |
|||
} |
|||
}); |
|||
up || data.push(model); |
|||
init(data); |
|||
} |
|||
} |
|||
} |
|||
var insTb; |
|||
function init(data) { |
|||
insTb = treeTable.render({ |
|||
elem: '#test', |
|||
height: 'full-180', |
|||
text: { |
|||
none: '<div style="padding: 18px 0;">無資料</div>' |
|||
}, |
|||
data: data, |
|||
tree: { |
|||
iconIndex: -1, |
|||
isPidData: false, |
|||
idName: 'barcodeID', |
|||
}, |
|||
cols: [ |
|||
{ |
|||
field: 'b', |
|||
minWidth: 100, |
|||
title: '內部條碼' |
|||
, templet: function (d) { |
|||
console.log(d.b); |
|||
var iN; |
|||
if (d.i) |
|||
iN = d.b["barcodeNo"]; |
|||
else |
|||
iN = "N/A"; |
|||
return iN; |
|||
} |
|||
}, |
|||
{ |
|||
field: 'partNo', |
|||
minWidth: 100, |
|||
title: '組件條碼' |
|||
}, |
|||
{ |
|||
field: 'kpItemNo', |
|||
minWidth: 100, |
|||
title: '組件料號' |
|||
}, |
|||
{ |
|||
field: 'i', |
|||
title: '組件名稱' |
|||
, templet: function (d) { |
|||
var iN; |
|||
if (d.i) |
|||
iN = d.i["itemName"]; |
|||
else |
|||
iN = "N/A"; |
|||
return iN; |
|||
} |
|||
} |
|||
], |
|||
style: 'margin-top:0;', |
|||
done: function () { |
|||
} |
|||
}); |
|||
insTb.expandAll(); |
|||
} |
|||
var table = new TABLE() |
|||
//更新資料 |
|||
function request() { |
|||
var aa = $("#unit").val(); |
|||
var keywords = $('#edtSearch').val(); |
|||
if (keywords && aa) |
|||
//hg.request('/PCS/GetBItem/' + aa + '/' + keywords , function (result) { |
|||
hg.request('/PCS/GetBarcodeItemByUnit/' + aa + '=' + keywords, function (result) { |
|||
data = result.data; |
|||
init(data); |
|||
}); |
|||
} |
|||
//搜索 |
|||
$('#btnSearch').click(function () { |
|||
var aa = $("#unit").val(); |
|||
var keywords = $('#edtSearch').val(); |
|||
if (aa) { |
|||
if (keywords) { |
|||
hg.msghide("刷新数据！"); |
|||
request(); |
|||
} else { |
|||
alert("請輸入條碼!!"); |
|||
} |
|||
} |
|||
else { |
|||
alert("請選擇生產單位!!"); |
|||
} |
|||
}); |
|||
//清除 |
|||
$('#btnClearSearch').click(function () { |
|||
$('#edtSearch').val(""); |
|||
insTb.clearFilter(); |
|||
}); |
|||
//新增 |
|||
$('#btnAdd').click(function () { |
|||
var keywords = $('#edtSearch').val(); |
|||
if (keywords) |
|||
hg.open('新增組件資料', '/PCS/PCS024C/' + keywords, 480, 480); |
|||
else |
|||
alert("請先輸入內部條碼!!"); |
|||
}); |
|||
|
|||
</script> |
|||
|
|||
@{ |
|||
ViewData["Title"] = "组件資料新增"; |
|||
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"> |
|||
<div class="layui-form" style="margin-bottom:5px;"> |
|||
<div class="layui-form-item"> |
|||
<div class="layui-inline" style="margin-right:0px;"> |
|||
<label class=" layui-inline layui-form-label" style="width:120px;">请選擇單位名稱</label> |
|||
<div class="layui-input-inline" width:400px;"> |
|||
<select id="unit" lay-event="unit" lay-filter="unit" lay-submit asp-items="@ViewBag.FactoryUnitList"> |
|||
</select> |
|||
</div> |
|||
<input id="unitId" type="hidden" name="unitId" value="@ViewBag.UnitNo" /> |
|||
</div> |
|||
<div class="layui-inline" style="margin-right:5px;"> |
|||
<input id="barcodeNo" name="barcodeNo" autocomplete="off" class="layui-input" placeholder="請輸入內部條碼" style="display: inline-block;width: 140px;height: 30px;line-height: 30px;margin-left:20px;" /> |
|||
</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 class="layui-inline"> |
|||
<button type="button" id="btnAdd" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon"></i>新增</button> |
|||
</div> |
|||
<table class="layui-hide" id="test" lay-filter="test"></table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@section Scripts{ |
|||
<script type="text/javascript"> |
|||
|
|||
|
|||
layui.use(['form', 'jquery', 'layer'], function () { |
|||
form = layui.form; |
|||
|
|||
var qs = $('button[lay-filter="querysubmit"]'); |
|||
qs.click(); |
|||
}); |
|||
|
|||
//监听表单提交事件 |
|||
hg.form.onsubmit('querysubmit', function (data) { |
|||
hg.msghide("重新載入資料.."); |
|||
table && table.reload(data); |
|||
}); |
|||
|
|||
var tableCols = [[ |
|||
{ |
|||
field: 'b', |
|||
title: '內部條碼', |
|||
sort: true, |
|||
templet: function (d) { |
|||
return d.b['barcodeNo']; |
|||
} |
|||
}, |
|||
{ |
|||
field: 's', |
|||
width: 200, |
|||
title: '站別', |
|||
sort: true, |
|||
templet: function (d) { |
|||
return d.s['stationName']; |
|||
} |
|||
}, |
|||
{ |
|||
field: 'itemNo', |
|||
width: 120, |
|||
title: '組件代碼' |
|||
}, |
|||
{ |
|||
field: 'kpItemNo', |
|||
width: 200, |
|||
title: '组件料號' |
|||
}, |
|||
{ |
|||
field: 'partNo', |
|||
width: 120, |
|||
title: '組件條碼' |
|||
}] |
|||
]; |
|||
|
|||
//新增 |
|||
$('#btnAdd').click(function () { |
|||
var keywords = $('#barcodeNo').val(); |
|||
if (keywords) |
|||
hg.open('新增組件資料', '/PCS/PCS024C/' + keywords, 640, 480); |
|||
else |
|||
alert("請先輸入內部條碼!!"); |
|||
}); |
|||
|
|||
var aa = $("#unit").val();
var keywords = $('#edtSearch').val(); |
|||
|
|||
//基本数据表格 |
|||
var table = hg.table.datatable('test', '組件資料', '/PCS/GetBarcodeItemByUnit', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); |
|||
|
|||
</script> |
|||
} |
|||
Loading…
Reference in new issue