@{ 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"> <div class="layui-row"> <div class="layui-form-item"> <div class="layui-col-sm12"> <div class="layui-inline"> <label class="layui-form-label">巡檢類型:</label> <div class="layui-input-inline" style="width:100px"> <select style="width:100px;" lay-filter="Type" lay-submit id="Type" name="Type" asp-items="@ViewBag.TypesList"> <option value="">請選擇</option> </select> </div> </div> <div class="layui-inline"> <label class="layui-form-label">巡檢表單:</label> <div class="layui-input-inline" style="width:100px"> <select style="width:100px;" lay-filter="Form" lay-submit id="Form" name="Form" asp-items="@ViewBag.FromsList"> <option value="-99">請選擇</option> </select> </div> </div> </div> </div> <div class="layui-form-item"> <div class="layui-inline"> <div class="layui-inline"> <label class="layui-form-label">工單:</label> <input id="WipNo" style="width: 250px;" class="layui-input"> </div> </div> <div class="layui-inline"> <div class="layui-inline"> <label class="layui-form-label">料號:</label> <input id="ItemNo" style="width: 250px;" class="layui-input"> </div> </div> </div> <div class="layui-form-item"> <div class="layui-inline"> <div class="layui-inline"> <label class="layui-form-label">檢驗編號:</label> <input id="BarcodeNo" style="width: 250px;" class="layui-input"> </div> </div> <div class="layui-inline"> <label class="layui-form-label">日期:</label> <div class="layui-input-inline"> <input id="dateStr" name="dateStr" autocomplete="off" class="layui-input"> </div> <div class="layui-form-mid">~</div> <div class="layui-input-inline"> <input id="dateEnd" name="dateEnd" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-inline"> <div class="layui-inline" style="margin-left: 0px;"> <div class="layui-inline layui-show-xs-block"> <button class="layui-btn layui-btn-sm layui-btn-normal" id="querysubmit" lay-filter="querysubmit"> <i class="layui-icon layui-icon-sm"></i> </button> </div> </div> </div> </div> </div> </div> <table class="layui-hide" id="test" lay-filter="test"></table> </div> </div> @section Scripts{ <!-- input输入 --> <script type="text/html" id="purchaseTotal"> <input type="number" min="0" class="layui-input" lay-vertype="tips" name="purchase_total" value="" lay-event="purchaseTotal" lay-filter="purchaseTotal"> </script> <script type="text/html" id="inputTest"> <input type="text" class="layui-input" lay-vertype="tips" name="input_Test" value="" lay-event="inputTest" lay-filter="inputTest"> </script> <script type="text/javascript"> layui.use(['form', 'layer', 'laydate'], function () { form = layui.form; laydate = layui.laydate; laydate.render({ elem: '#dateStr' , trigger: 'click' , format: 'yyyy-MM-dd' , theme: 'grid' , isInitValue: true , ready: function (date) { // $("#dateStrh").val($("#dateStrh").val()); } , change: function (value, date, endDate) { $("#dateStrh").val(value); } , done: function (value, date, endDate) { $("#dateStrh").val(value); } }); laydate.render({ elem: '#dateEnd' , trigger: 'click' , format: 'yyyy-MM-dd' , theme: 'grid' , isInitValue: true , ready: function (date) { //$("#dateEndh").val(value); //console.log(date.y);// 得到初始化的日期时间对象 } , change: function (value, date, endDate) { $("#dateEndh").val(value); } , done: function (value, date, endDate) { $("#dateEndh").val(value); } }); form.on('select(Type)', function (data) { var data = $("#Type").val(); console.info(data); if (data) { getInspectionForms(data); } else { $("#Form").empty(); $('#Form').append(new Option("請選擇", "-99")); layui.form.render("select"); } }); }); function getInspectionForms(data) { $.ajax({ url: "/SPC/GetInspectionForms", dataType: 'json', //data: { id: data }, contentType: "application/json", type: 'get', success: function (result) { if (result.data) { $("#Form").empty(); $('#Form').append(new Option("請選擇", "")); var count = 0; $.each(result.data, function (index, item) { if (item.inspectionTypeID == data) { $('#Form').append(new Option(item.inspectionName, item.inspectionFormID)); count = count + 1; } }); if (count == 0) { $("#Form").empty(); $('#Form').append(new Option("無選項", "")); } } else { $("#Form").empty(); $('#Form').append(new Option("無選項", "")); } layui.form.render("select"); } }); }; $("#BarcodeNo").change(function () { var BarcodeNo = $("#BarcodeNo").val(); var WipNo = $("#WipNo").val(); if (BarcodeNo != "" && WipNo != "") { CheckBarcodeNo(BarcodeNo, WipNo); } }); ////搜索 $('#querysubmit').click(function () { console.log('#btnSearch'); var form = $("#Form").val(); if (form) { hg.msghide("刷新数据!"); tt(); } else { alert("請選擇巡檢表單!!!!"); } return false; }); var tableCols = [[ { field: 'inspectionID', title: '#', sort: true }, { field: 'wipNo', title: '工單號碼', sort: true }, { field: 'barcodeNo', title: '抽驗編號', sort: true }, { field: 'itemNo', title: '料號' }, { field: 'statusNo', width: 100, title: '狀態' }, { field: 'createDate', title: '建立日期', sort: true, templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>' }, { field: 'detailItem', title: '檢驗狀態', templet: function (d) { // yiru modify 22-12-09 if (d.detailFail != "0") return "F"; else return "P"; // return "Total:" + d.detailItem + " Pass:" + d.detailPass + " Fail:" + d.detailFail + " N/A:" + d.detailNA; } }, //{ // field: 'detailItem1', // title: '明細狀態1', // width: 200, // templet: function (d) { // yiru modify 22-12-09 // var Tmp = GetdetailQuery(d.inspectionID); // return Tmp; // } //}, { align: 'center', title: '操作', width: 100, fixed: 'right', sort: true, templet: function (item) { var btns = ''; //btns = btns + '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>'; // if (item.statusNo == "暫存") // btns = btns + '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>'; // else if (item.statusNo == "儲存") btns = btns + '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="view">檢視</a>'; return btns; } } ]]; //通过行tool编辑,lay-event="view" function view(obj) { if (obj.data.inspectionID) { hg.open('檢視巡檢結果', '/SPC/SPC004V/' + obj.data.inspectionID, '', '', true); } } //通过行tool删除,lay-event="del" //基本数据表格 var table; //$(function () { // tt(); //}); function tt() { //基本数据表格 var form = ""; var WipNo = ""; var ItemNo = ""; var BarcodeNo = ""; var StatusNo = ""; var sdate = ""; var edate = ""; form = $("#Form").val(); WipNo = $("#WipNo").val(); ItemNo = $("#ItemNo").val(); StatusNo = ""; BarcodeNo = $("#BarcodeNo").val(); sdate = $("#dateStr").val(); edate = $("#dateEnd").val(); table = hg.table.datatable('test', '巡檢結果維護', '/SPC/GetInspectionResultMastersByQueryAll?' + 'id=' + form + '&WipNo=' + WipNo + '&ItemNo=' + ItemNo + '&BarcodeNo=' + BarcodeNo + '&StatusNo=' + StatusNo + '&sdate=' + sdate + '&edate=' + edate , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']); }; function CheckBarcodeNo(BarcodeNo, WipNo) { $.ajax({ url: '/SPC/CheckBarcodeNO?BarcodeNo=' + BarcodeNo + '&WipNo=' + WipNo, dataType: 'json', contentType: "application/json", type: 'get', success: function (result) { if (!result.data) { alert("檢驗編號不在工單區間內"); } } }); }; function GetdetailQuery(id) { var str = ""; $.ajax({ url: '/SPC/GetInspectionResultDetails?id=' + id, dataType: 'json', contentType: "application/json", type: 'get', success: function (result) { if (result.data) { var P = 0; var F = 0; var NA = 0; var Total = 0; // $.each(result.data, (index, item) { $.each(result.data, function () { Total += 1; if (result.data.result == "P") { P += 1; } if (result.data.result == "F") { F += 1; } if (result.data.result == "NA") { NA += 1; } }); if (F != "0") str = "F" else str = "P" // str = "Total:" + Total.toString + " P:" + P.toString() + " F:" + F.toString + " NA:" + NA.toString; return str; } } }); }; </script> }