Ray
3 years ago
5 changed files with 402 additions and 96 deletions
@ -0,0 +1,259 @@ |
|||||
|
@{ |
||||
|
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-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> |
||||
|
</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> |
||||
|
|
||||
|
</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> |
||||
|
</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> |
||||
|
<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> |
||||
|
</div> |
||||
|
</div> |
||||
|
<table class="layui-hide" id="query" lay-filter="query"></table> |
||||
|
</div> |
||||
|
</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> |
||||
|
} |
||||
Loading…
Reference in new issue