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.
 
 
 
 
 

444 lines
17 KiB

@{
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">
<input type="hidden" id="caseID" name="caseID" value="@ViewBag.caseID" />
<div class="layui-row">
<div class="layui-form-item">
<div class="layui-col-sm2">
<div class="layui-inline">
<label class="layui-form-label">料號</label>
<div class="layui-input-inline" style="width:140px">
<input id="itemNoF" name="itemNoF" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-sm2">
<div class="layui-inline">
<label class="layui-form-label">機種</label>
<div class="layui-input-inline" style="width:140px">
<input id="modelName" name="modelName" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-sm2">
<div class="layui-inline">
<label class="layui-form-label">工單</label>
<div class="layui-input-inline" style="width:140px">
<input id="wipNoF" name="wipNoF" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-sm3">
<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">&#xe615;</i>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-form-item">
<div class="layui-col-sm2">
<div class="layui-inline">
<label class="layui-form-label">異常代碼</label>
<div class="layui-input-inline" style="width:140px">
<input id="errorCode" name="errorCode" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-col-sm2">
<label class="layui-form-label">狀態</label>
<div class="layui-input-inline" style="width:100px">
<select id="statusNo" name="statusNo" lay-filter="statusNo" lay-submit>
<option value="">請選擇</option>
<option value="ALL">全部</option>
<option value="未處理">未處理</option>
<option value="處理中">處理中</option>
<option value="已結案">已結案</option>
</select>
</div>
</div>
<div class="layui-col-sm5">
<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>
</div>
</div>
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>
</div>
@section Scripts{
<script type="text/javascript">
layui.use(['form', 'layer', 'jquery', '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'
});
var qs = $('button[lay-filter="querysubmit"]');
qs.click();
});
//监听表单提交事件
hg.form.onsubmit('querysubmit', function (data) {
var dateStart = $("#dateStart").val();
var dateEnd = $("#dateEnd").val();
// Convert the date strings to Date objects for comparison
var startDate = new Date(dateStart);
var endDate = new Date(dateEnd);
// Check if dateStart is greater than dateEnd
if (startDate > endDate) {
alert("開始日期不可大於結束日期");
$("#dateStart").val(''); // Example of resetting the start date
$("#dateEnd").val(''); // Example of resetting the end date
}
else {
hg.msghide("重新載入資料..");
// table && table.reload(data);
tt();
}
});
var tableCols = [[
{
field: 'caseID',
width: 100,
title: 'CaseID',
sort: true,
templet: '#caseID1'
},
{
field: 'factoryNo',
width: 80,
title: '廠別',
sort: true,
templet: '#factoryNo'
},
{
field: 'wipNoF',
title: '系統工單',
width: 100,
sort: true,
templet: '#wipNoF1'
}, {
field: 'itemNoF',
title: '系統料號',
sort: true,
templet: '#itemNoF1'
},
{
field: 'modelName',
title: '機種',
sort: true,
templet: '#modelName1'
},
{
field: 'wipNoH',
title: '單板工單',
width: 100,
sort: true,
templet: '#wipNoH'
}, {
field: 'itemNoH',
title: '單板料號',
sort: true,
templet: '#itemNoH'
},
{
field: 'reasonNo',
title: '警報原因',
width: 190,
sort: true,
templet: '#reasonNo'
},
{
field: 'stationName',
width: 100,
title: '發生站別',
sort: true, templet: '#stationName'
},
{
field: 'userName',
title: 'QA人員',
width: 100,
sort: true,
templet: '#userName'
},
{
field: 'right',
width: 150,
title: '操作',
templet: function (d) {
var btn = '<a class="layui-btn layui-bg-blue layui-btn-xs layui-icon layui-icon-form" lay-event="view">檢視</a>'
if (d.statusNo != "已結案") {
btn += '<a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a>'
}
return btn
}
},
{
field: 'statusNo',
title: '狀態',
width: 80,
sort: true,
templet: '#statusNo1'
},
{
field: 'createDate',
// templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>',
title: '警報開始時間',
width: 100,
sort: true,
templet: '#createDate'
}, {
field: 'finishDate',
// templet: '<div>{{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}</div>',
title: '處理完成時間',
width: 100,
sort: true,
templet: '#finishDate'
},
{
field: 'right',
width: 130,
title: '上傳檔案',
fixed: 'right',
templet: function (d) {
btn = `<a class="layui-btn layui-bg-blue layui-btn-xs" lay-event="Download">下載</a>`
if (d.statusNo != "已結案") {
btn += `<a class="layui-btn layui-btn-xs" lay-event="Upload">上傳</a>`
}
return btn
}
}]
];
//修改
function edit(obj) {
if (obj.data.caseID) {
hg.open('異常警報處理回覆', '/FQC/FQC014U/' + obj.data.caseID, 1200, 800);
}
}
//檢視
function view(obj) {
if (obj.data.caseID) {
hg.open('異常警報處理檢視', '/FQC/FQC014UV/' + obj.data.caseID, 1200, 800);
}
}
//上傳
function Upload(obj) {
if (obj.data.caseID) {
hg.open('上傳檔案', '/FQC/FQC014R/' + obj.data.caseID, 800, 550);
}
};
//下載
function Download(obj) {
if (obj.data.caseID) {
hg.open('下載檔案', '/FQC/FQC014RV/' + obj.data.caseID, 800, 550);
}
};
var toolbar = [];
//基本数据表格
function tt() {
//基本数据表格
// var table = hg.table.datatable('test', '異常不良警示資料維護', '/FQC/GetNGINFOAlertMasterByQuery', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
var caseID = $("#caseID").val();
var itemNoF = $("#itemNoF").val();
var modelName = $("#modelName").val();;
var wipNoF = $("#wipNoF").val();
var errorCode = $("#errorCode").val();
var statusNo = $("#statusNo").val();
var dateStart = $("#dateStart").val();
var dateEnd = $("#dateEnd").val();
var table = hg.table.datatable('test', '異常不良警示資料維護', '/FQC/GetNGINFOAlertMasterByQuery?caseID=' + caseID + "&itemNoF=" + itemNoF + "&modelName=" + modelName + "&wipNoF=" + wipNoF + "&errorCode=" + errorCode + "&statusNo=" + statusNo + "&dateStart=&dateEnd=", {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
};
var caseID = $("#caseID").val();
var itemNoF = $("#itemNoF").val();
var modelName = $("#modelName").val();;
var wipNoF = $("#wipNoF").val();
var errorCode = $("#errorCode").val();
var statusNo = $("#statusNo").val();
var dateStart = $("#dateStart").val();
var dateEnd = $("#dateEnd").val();
var table = hg.table.datatable('test', '異常不良警示資料維護', '/FQC/GetNGINFOAlertMasterByQuery?caseID=' + caseID + "&itemNoF=" + itemNoF + "&modelName=" + modelName + "&wipNoF=" + wipNoF + "&errorCode=" + errorCode + "&statusNo=" + statusNo + "&dateStart=&dateEnd=", {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);
</script>
<script type="text/html" id="statusNo1">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.statusNo }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.statusNo }}</span>
{{# } else { }}
{{ d.statusNo }}
{{# } }}
</script>
<script type="text/html" id="caseID1">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.caseID }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.caseID }}</span>
{{# } else { }}
{{ d.caseID }}
{{# } }}
</script>
<script type="text/html" id="factoryNo">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.factoryNo }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.factoryNo }}</span>
{{# } else { }}
{{ d.factoryNo }}
{{# } }}
</script>
<script type="text/html" id="wipNoF1">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.wipNoF }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.wipNoF }}</span>
{{# } else { }}
{{ d.wipNoF }}
{{# } }}
</script>
<script type="text/html" id="itemNoF1">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.itemNoF }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.itemNoF }}</span>
{{# } else { }}
{{ d.itemNoF }}
{{# } }}
</script>
<script type="text/html" id="modelName1">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.modelName }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.modelName }}</span>
{{# } else { }}
{{ d.modelName }}
{{# } }}
</script>
<script type="text/html" id="wipNoH">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.wipNoH }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.wipNoH }}</span>
{{# } else { }}
{{ d.wipNoH }}
{{# } }}
</script>
<script type="text/html" id="itemNoH">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.itemNoH }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.itemNoH }}</span>
{{# } else { }}
{{ d.itemNoH }}
{{# } }}
</script>
<script type="text/html" id="reasonNo">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.reasonNo }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.reasonNo }}</span>
{{# } else { }}
{{ d.reasonNo }}
{{# } }}
</script>
<script type="text/html" id="stationName">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.stationName }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.stationName }}</span>
{{# } else { }}
{{ d.stationName }}
{{# } }}
</script>
<script type="text/html" id="userName">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000">{{ d.userName }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; ">{{ d.userName }}</span>
{{# } else { }}
{{ d.userName }}
{{# } }}
</script>
<script type="text/html" id="createDate">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000"> {{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; "> {{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</span>
{{# } else { }}
{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}
{{# } }}
</script>
<script type="text/html" id="finishDate">
{{# if(d.statusNo === '未處理' ){ }}
<span style="color: #FF0000"> {{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}</span>
{{# } else if(d.statusNo === '已結案'){ }}
<span style="color: #D3D3D3; "> {{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}</span>
{{# } else { }}
{{ layui.util.toDateString(d.finishDate, "yyyy/MM/dd") }}
{{# } }}
</script>
}