|
|
|
@ -1,4 +1,6 @@ |
|
|
|
@{ |
|
|
|
@model AMESCoreStudio.Web.ViewModels.PCS.PCS009ViewModel |
|
|
|
|
|
|
|
@{ |
|
|
|
ViewData["Title"] = "條碼生產歷程查詢"; |
|
|
|
Layout = "~/Views/Shared/_AMESLayout.cshtml"; |
|
|
|
} |
|
|
|
@ -27,233 +29,58 @@ |
|
|
|
|
|
|
|
|
|
|
|
<div class="layui-card"> |
|
|
|
<div class="layui-card-header"> |
|
|
|
<div class="layui-form"> |
|
|
|
<form enctype="multipart/form-data" method="post" asp-action="PCS009" class="layui-form"> |
|
|
|
<div class="layui-card-header"> |
|
|
|
<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-card-body"> |
|
|
|
<div class="layui-form" style="text-align:center"> |
|
|
|
<div class="layui-form-item"> |
|
|
|
<div class="layui-col-sm4"> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">內部條碼:</label> |
|
|
|
<div class="layui-input-inline" style="width:150px"> |
|
|
|
<input id="itemNO" name="itemNO" autocomplete="off" class="layui-input" placeholder="請輸入料號"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-sm4"> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">組件條碼:</label> |
|
|
|
<div class="layui-input-inline" style="width:150px"> |
|
|
|
<select id="unitNo" lay-filter="unitNo" name="unitNo" lay-submit asp-items="@ViewBag.FactoryUnitList"> |
|
|
|
<option value="">全部</option> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">內部條碼:</label> |
|
|
|
<div class="layui-input-inline"> |
|
|
|
<input id="itemNO" name="itemNO" autocomplete="off" class="layui-input"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-sm4"> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">文件狀態:</label> |
|
|
|
<div class="layui-input-inline" style="width:100px"> |
|
|
|
<select id="state" lay-filter="lockType" name="state" lay-submit> |
|
|
|
<option value="">全部</option> |
|
|
|
<option value="Y">使用中</option> |
|
|
|
<option value="N">停用</option> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-form-item"> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">組件條碼:</label> |
|
|
|
<div class="layui-input-inline"> |
|
|
|
<input id="itemNO" name="itemNO" autocomplete="off" class="layui-input"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-row"> |
|
|
|
<div class="layui-form-item"> |
|
|
|
<div class="layui-col-sm4"> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">文件名稱:</label> |
|
|
|
<div class="layui-input-inline"> |
|
|
|
<input id="fileName" name="fileName" autocomplete="off" class="layui-input" placeholder="請輸入文件名稱"> |
|
|
|
</div> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">外部條碼:</label> |
|
|
|
<div class="layui-input-inline"> |
|
|
|
<input id="itemNO" name="itemNO" autocomplete="off" class="layui-input"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-sm6"> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">建立日期:</label> |
|
|
|
<div class="layui-input-inline" style="width:150px"> |
|
|
|
<input id="dateStr" name="dateStr" autocomplete="off" class="layui-input" readonly=""> |
|
|
|
</div> |
|
|
|
<div class="layui-form-mid">～</div> |
|
|
|
<div class="layui-input-inline" style="width:150px"> |
|
|
|
<input id="dateEnd" name="dateEnd" autocomplete="off" class="layui-input" readonly=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-form-item"> |
|
|
|
<div class="layui-inline"> |
|
|
|
<label class="layui-form-label">包裝箱號:</label> |
|
|
|
<div class="layui-input-inline"> |
|
|
|
<input id="fileName" name="fileName" autocomplete="off" class="layui-input"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-sm1"> |
|
|
|
<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-form-item"> |
|
|
|
<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> |
|
|
|
<table class="layui-hide" id="query" lay-filter="query"></table> |
|
|
|
</div> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|
|
|
|
|
@section Scripts{ |
|
|
|
<script type="text/html" id="switchState"> |
|
|
|
<!-- 这里的 checked 的状态只是演示 --> |
|
|
|
<input type="checkbox" name="state" value="{{d.materialSopID}}" lay-skin="switch" lay-text="啟用|停用" lay-filter="state" {{ d.state == "使用中" ? 'checked' : '' }}> |
|
|
|
</script> |
|
|
|
|
|
|
|
<script type="text/javascript"> |
|
|
|
//var roleId = 0; |
|
|
|
//var roleName = ""; |
|
|
|
layui.use(['form', 'layer', 'laydate'], function () { |
|
|
|
form = layui.form; |
|
|
|
laydate = layui.laydate; |
|
|
|
laydate.render({ |
|
|
|
elem: '#dateStr' |
|
|
|
, trigger: 'click' |
|
|
|
, format: 'yyyy/MM/dd' |
|
|
|
, theme: 'grid' |
|
|
|
}); |
|
|
|
|
|
|
|
laydate.render({ |
|
|
|
elem: '#dateEnd' |
|
|
|
, trigger: 'click' |
|
|
|
, format: 'yyyy/MM/dd' |
|
|
|
, theme: 'grid' |
|
|
|
}); |
|
|
|
|
|
|
|
form.on('select(unit)', function (data) { |
|
|
|
$("#unitNo").val(data.value); |
|
|
|
//roleName = data.elem[data.elem.selectedIndex].text; |
|
|
|
var qs = $('button[lay-filter="querysubmit"]'); |
|
|
|
qs.click(); |
|
|
|
|
|
|
|
//hg.msghide("刷新数据！"); |
|
|
|
//table && table.reload(); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
//監聽state操作 |
|
|
|
form.on('switch(state)', function (obj) { |
|
|
|
var checked = obj.elem.checked; |
|
|
|
var strSplit = this.value; |
|
|
|
|
|
|
|
$.ajax({ |
|
|
|
url: '@Url.Action("PCS030State", "PCS")', |
|
|
|
dataType: 'json', |
|
|
|
data: { "materialSopID": strSplit, "state": checked }, |
|
|
|
cache: false, |
|
|
|
type: "POST", |
|
|
|
success: function (data, textStatus, jqXHR) { |
|
|
|
var qs = $('button[lay-filter="querysubmit"]'); |
|
|
|
qs.click(); |
|
|
|
}, |
|
|
|
error: function (jqXHR, textStatus, errorThrown) { |
|
|
|
alert("Found error when using Ajax!!"); |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
//alert(roleId.value); |
|
|
|
|
|
|
|
/* |
|
|
|
hg.form.on('select(role)', function (data) { |
|
|
|
alert(data.value); |
|
|
|
}); |
|
|
|
*/ |
|
|
|
|
|
|
|
//监听表单提交事件 |
|
|
|
hg.form.onsubmit('querysubmit', function (data) { |
|
|
|
hg.msghide("重新載入資料.."); |
|
|
|
table && table.reload(data); |
|
|
|
}); |
|
|
|
|
|
|
|
var tableCols = [[ |
|
|
|
{ |
|
|
|
field: 'itemNo', |
|
|
|
width: 150, |
|
|
|
title: '料號', |
|
|
|
sort: true |
|
|
|
}, |
|
|
|
{ |
|
|
|
field: 'unitName', |
|
|
|
title: '生產單位', |
|
|
|
width: 200, |
|
|
|
sort: true |
|
|
|
}, |
|
|
|
{ |
|
|
|
field: 'fileName', |
|
|
|
title: '檔案名稱', |
|
|
|
sort: true |
|
|
|
}, |
|
|
|
{ |
|
|
|
field: 'state', |
|
|
|
title: '狀態', |
|
|
|
width: 100, |
|
|
|
sort: true |
|
|
|
}, |
|
|
|
{ |
|
|
|
field: 'createDate', |
|
|
|
title: '建立日期', |
|
|
|
width: 150, |
|
|
|
templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>' |
|
|
|
}, |
|
|
|
{ |
|
|
|
field: 'updateDate', |
|
|
|
title: '更新日期', |
|
|
|
width: 150, |
|
|
|
templet: '<div>{{ layui.util.toDateString(d.updateDate, "yyyy/MM/dd") }}</div>' |
|
|
|
}, |
|
|
|
{ field: 'state', title: '啟用/停用', width: 120, templet: '#switchState', unresize: true }, |
|
|
|
{ |
|
|
|
field: 'right', |
|
|
|
width: 80, |
|
|
|
title: '操作', |
|
|
|
align: 'center', |
|
|
|
fixed: 'right', |
|
|
|
templet: function (d) { |
|
|
|
return '<button class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-read" lay-event="show">預覽</button>' |
|
|
|
} |
|
|
|
}] |
|
|
|
]; |
|
|
|
//通过行tool编辑，lay-event="show" |
|
|
|
function show(obj) { |
|
|
|
layui.use('layer', function () { |
|
|
|
var layer = layui.layer; |
|
|
|
layer.open({ |
|
|
|
type: 2, |
|
|
|
area: ['900px', '650px'], |
|
|
|
fixed: false, //不固定 |
|
|
|
maxmin: true, |
|
|
|
content: obj.data.filePath + obj.data.newName |
|
|
|
}); |
|
|
|
}); |
|
|
|
}; |
|
|
|
var toolbar = [{ |
|
|
|
text: '新增', |
|
|
|
layuiicon: '', |
|
|
|
class: 'layui-btn-normal', |
|
|
|
handler: function () { |
|
|
|
hg.open('新增SOP文件', '/PCS/PCS030C', 480, 480); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
]; |
|
|
|
|
|
|
|
//基本数据表格 |
|
|
|
var table = hg.table.datatable('query', 'SOP文件查詢維護', '/PCS/PCS030Query', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); |
|
|
|
// var table = hg.table.datatable('test', '條碼狀態維護', '/PCS/GetWipInfo', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); |
|
|
|
</script> |
|
|
|
} |
|
|
|
|
Ray
3 years ago