4 changed files with 565 additions and 10 deletions
@ -0,0 +1,307 @@ |
|||||
|
@{ |
||||
|
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-sm3"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">產品別:</label> |
||||
|
<div class="layui-input-inline"> |
||||
|
<select id="productType" lay-filter="productType" lay-verify="required" lay-submit asp-items="@ViewBag.ProductTypeList"> |
||||
|
<option value="0">全部</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
<input id="productTypeNo" type="hidden" name="productTypeNo" value="0" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-col-sm3"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">測試類別:</label> |
||||
|
<div class="layui-input-inline"> |
||||
|
<select id="testType" lay-filter="testType" lay-verify="required" lay-submit asp-items="@ViewBag.TestTypeList"> |
||||
|
<option value="*">全部</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
<input id="testTypeNo" type="hidden" name="testTypeNo" value="*" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-col-sm3"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">生產單位:</label> |
||||
|
<div class="layui-input-inline"> |
||||
|
<select id="unit" lay-filter="unit" lay-verify="required" lay-submit asp-items="@ViewBag.UnitList"> |
||||
|
<option value="*">全部</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
<input id="unitNo" type="hidden" name="unitNo" value="*" /> |
||||
|
</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"> |
||||
|
<select id="line" lay-filter="line" lay-verify="required" lay-submit asp-items="@ViewBag.LineList"> |
||||
|
<option value="0">全部</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
<input id="lineID" type="hidden" name="lineID" value="0" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-col-sm3"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">站別:</label> |
||||
|
<div class="layui-input-inline"> |
||||
|
<select id="station" lay-filter="station" lay-verify="required" lay-submit asp-items="@ViewBag.StationList"> |
||||
|
<option value="0">全部</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
<input id="stationID" type="hidden" name="stationID" value="0" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<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="wipNO" name="wipNo" autocomplete="off" class="layui-input" placeholder="請輸入工單號碼"> |
||||
|
</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="itemNO" name="itemNo" autocomplete="off" class="layui-input" placeholder="請輸入料號"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-col-sm8"> |
||||
|
<div class="layui-inline"> |
||||
|
<label class="layui-form-label">維修日期:</label> |
||||
|
<div class="layui-input-inline" style="width:150px"> |
||||
|
<input id="dateStart" name="dateStart" 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/javascript"> |
||||
|
|
||||
|
function getLineInfoList(data) |
||||
|
{ |
||||
|
$.ajax( |
||||
|
{ |
||||
|
url: '@Url.Action("GetUnitLineJson", "REP")', |
||||
|
dataType: 'json', |
||||
|
data: { "unit_no": $("#unit").val() }, |
||||
|
type: 'post', |
||||
|
success: function (result) { |
||||
|
console.info(result.data); |
||||
|
$("#line").empty();//清空下拉框的值 |
||||
|
$.each(result.data, function (index, item) { |
||||
|
$("#line").append($("<option>").text(item.text).val(item.value)) |
||||
|
}); |
||||
|
$("#line option:eq(1)").attr("selected", 'selected'); //默认选择第一个选项 |
||||
|
layui.form.render("select");//重新渲染 固定写法 |
||||
|
}, |
||||
|
error: function (result) { |
||||
|
alert(result); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
function getStationList(data) |
||||
|
{ |
||||
|
$.ajax( |
||||
|
{ |
||||
|
url: '@Url.Action("GetUnitStationJson", "REP")', |
||||
|
dataType: 'json', |
||||
|
data: { "unit_no": $("#unit").val() }, |
||||
|
type: 'post', |
||||
|
success: function (result) { |
||||
|
console.info(result.data); |
||||
|
$("#station").empty();//清空下拉框的值 |
||||
|
$.each(result.data, function (index, item) { |
||||
|
$("#station").append($("<option>").text(item.text).val(item.value)) |
||||
|
}); |
||||
|
$("#station option:eq(1)").attr("selected", 'selected'); //默认选择第一个选项 |
||||
|
layui.form.render("select");//重新渲染 固定写法 |
||||
|
}, |
||||
|
error: function (result) { |
||||
|
alert(result); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
layui.use(['form', 'layer', 'laydate'], function () { |
||||
|
form = layui.form; |
||||
|
laydate = layui.laydate; |
||||
|
laydate.render({ |
||||
|
elem: '#dateStart' |
||||
|
, trigger: 'click' |
||||
|
, format: 'yyyy/MM/dd' |
||||
|
, theme: 'grid' |
||||
|
}); |
||||
|
|
||||
|
laydate.render({ |
||||
|
elem: '#dateEnd' |
||||
|
, trigger: 'click' |
||||
|
, format: 'yyyy/MM/dd' |
||||
|
, theme: 'grid' |
||||
|
}); |
||||
|
|
||||
|
form.on('select(productType)', function (data) |
||||
|
{ |
||||
|
$("#productTypeNo").val(data.value); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
form.on('select(testType)', function (data) { |
||||
|
$("#testTypeNo").val(data.value); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
|
||||
|
form.on('select(unit)', function (data) { |
||||
|
$("#unitNo").val(data.value); |
||||
|
|
||||
|
getLineInfoList(data.value); |
||||
|
|
||||
|
getStationList(data.value); |
||||
|
}); |
||||
|
|
||||
|
form.on('select(line)', function (data) { |
||||
|
$("#lineID").val(data.value); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
form.on('select(station)', function (data) { |
||||
|
$("#stationID").val(data.value); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
|
||||
|
//监听表单提交事件 |
||||
|
hg.form.onsubmit('querysubmit', function (data) { |
||||
|
hg.msghide("重新載入資料.."); |
||||
|
table && table.reload(data); |
||||
|
}); |
||||
|
|
||||
|
var tableCols = [[ |
||||
|
{ |
||||
|
field: 'unitNO', |
||||
|
width: 100, |
||||
|
title: '製程單位', |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'wipNO', |
||||
|
width: 160, |
||||
|
title: '工單號碼', |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'itemNO', |
||||
|
title: '料號', |
||||
|
width: 200, |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'barcodeNo', |
||||
|
title: '條碼', |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'typeNo', |
||||
|
title: '測試類別', |
||||
|
width: 100, |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'reasonNo', |
||||
|
title: '不良原因代碼', |
||||
|
width: 120, |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'rmaNo', |
||||
|
title: '維修代碼', |
||||
|
width: 120, |
||||
|
sort: true |
||||
|
}, |
||||
|
{ |
||||
|
field: 'createDate', |
||||
|
title: '維修日期', |
||||
|
width: 120, |
||||
|
templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>' |
||||
|
}] |
||||
|
]; |
||||
|
|
||||
|
//var param = productTypeNo.value + '_' + testTypeNo.value + '_' + unitNo.value + '_' + lineID.value + '_' + stationID.value + '_' + wipNO.value + '_' + itemNO.value + '_' + dateStart.value + '_' + dateEnd.value; |
||||
|
|
||||
|
//基本数据表格 |
||||
|
var table = hg.table.datatable('query', '維修資料統計', '/REP/REP012Query', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); |
||||
|
|
||||
|
</script> |
||||
|
} |
Loading…
Reference in new issue