@{ 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="barcodeNo" name="barcodeNo" autocomplete="off" class="layui-input"> </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"> <input id="wipNo" name="wipNo" autocomplete="off" class="layui-input"> </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"> <input id="boxNo" name="boxNo" autocomplete="off" class="layui-input"> </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">RecordNumber:</label> <div class="layui-input-inline"> <input id="inhouseNo" name="inhouseNo" autocomplete="off" class="layui-input"> </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="date_str" 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="date_end" autocomplete="off" class="layui-input" readonly=""> </div> </div> </div> <div class="layui-row"> <div class="layui-form-item"> </div> </div> <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"> <select name="Status" id="Status" class="custom-select col-sm-2"> <option value="ALL">全部</option> <option value="Y">已入庫</option> <option value="N">待入庫</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"> <select name="Status" id="FactoryID" class="custom-select col-sm-2"> <option value="1">安勤</option> <option value="2">昶亨</option> </select> </div> </div> </div> <div class="layui-col-sm"> <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> <div class="layui-row"> <div class="layui-form-item"> <div class="layui-col-sm4"> <div class="layui-inline"> <label class="layui-form-label">RecordNumber 輸入:</label> <div class="layui-input-inline"> <input id="inhouseNo1" name="inhouseNo1" autocomplete="off" class="layui-input"> </div> </div> </div> <div class="layui-col-sm4"> <div class="layui-inline"> <label class="layui-form-label">RecordDate 輸入:</label> <div class="layui-input-inline" style="width:150px"> <input id="recordDate" name="date_str" autocomplete="off" value="@System.DateTime.Now.ToString("yyyy-MM-dd")" class="layui-input" readonly=""> </div> </div> </div> </div> </div> </div> <table class="layui-hide" id="query" lay-filter="query"></table> </div> </div> @section Scripts{ <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' }); laydate.render({ elem: '#recordDate' , trigger: 'click' , format: 'yyyy-MM-dd' , theme: 'grid' }); }); $('#inhouseNo1').on('keypress', function (event) { if (event.keyCode == 13) { var data = $("#inhouseNo1").val(); if (data == '') { alert("請輸入recordNumber") } else { $('#recordNumber2 ').each(function () { $(this).val(data); }); } } }); $('#querysubmitTmp').click(function () { var data = $("#inhouseNo1").val(); var data = $("#inhouseNo1").val(); if (data == '') { alert("請輸入recordNumber") } else { $('#recordNumber2 ').each(function () { $(this).val(data); }); } }); //监听表单提交事件 hg.form.onsubmit('querysubmit', function (data) { hg.msghide("重新載入資料.."); // table && table.reload(data); tt(); }); var tableCols = [[ { type: 'checkbox' }, { field: 'serialNo', width: 145, title: '箱號', sort: true, totalRowText : '合計:' }, { field: 'boxQty', width: 70, title: '數量', sort: true, totalRow: true }, { field: 'inhouseNo', width: 140, title: '送驗單號', sort: true }, { field: 'seqID', title: '順序', width: 60, sort: true }, { field: 'wipNo', title: '工單號碼', sort: true }, { field: 'itemNo', title: '料號', sort: true }, { field: 'createDate', title: 'FQC時間', sort: true, templet: '<div>{{ layui.util.toDateString(d.createDate, "yyyy/MM/dd") }}</div>' }, { field: 'statusName', title: '檢驗狀態', width: 60, sort: true, templet: '#statusName' }, { field: 'endTime', title: '抽驗結束時間', sort: true, templet: '<div>{{ layui.util.toDateString(d.endTime, "yyyy/MM/dd") }}</div>' }, { field: 'locationNo', width: 150, title: '庫別', fixed: 'right', edit: 'text', templet: function (d) { var txt = '<div class="layui-input-inline" style="width:130px"><input id="locationNo" name="locationNo" autocomplete="off" class="layui-input" placeholder="請輸入庫別"></div>'; if (d.locationNo != null) txt = '<div class="layui-input-inline" style="width:130px"><input id="locationNo" name="locationNo" autocomplete="off" class="layui-input" value="' + d.locationNo +'" ></div>'; if (d.recordNumber != null) { if (d.locationNo != null) txt = d.locationNo else txt = ""; } return txt; } } @*, { field: 'recordNumber', width: 150, title: 'RecordNumber', fixed: 'right', edit: 'text', templet: function (d) { var txt = '<div class="layui-input-inline" style="width:130px"><input id="recordNumber" name="recordNumber" autocomplete="off" class="layui-input" placeholder="請輸入recordNumber"></div>'; if (d.recordNumber != null) txt = d.recordNumber; return txt; } }*@, { field: 'right', width: 150, title: '操作', fixed: 'right', templet: function (d) { var btn = '<a class="layui-btn layui-btn-warm layui-icon layui-icon-list layui-btn-xs" lay-event="detail">檢視</a>'; if (d.recordNumber == null) btn = btn + '<a class="layui-btn layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">入庫</a>'; else btn = btn + '<a> 已入庫</a>'; return btn; } } ]]; //通过行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 }); }); }; function detail(obj) { hg.open('箱號資料查詢', '/PCS/PCS031V?QuotName=' + $("#FactoryID").val()+'&InhouseNo=' + obj.data.inhouseNo + '&SeqID=' + obj.data.seqID, '', '', true); } function edit(obj) { var recordmumber = $("#inhouseNo1").val(); var recordDate = $("#recordDate").val(); var Factority_ID = $("#FactoryID").val(); if (recordmumber == '') { hg.msg('請輸入recordmumber!'); } else { hg.confirm("送驗單號_箱號:【" + obj.data.inhouseNo + "_" + obj.data.serialNo + "】,確定要入庫嗎?", function () { $.ajax({ url: '/PCS/PCS031inhouse', data: { InhouseNo: obj.data.inhouseNo, boxNo: obj.data.serialNo, seq: obj.data.seqID, recordNumber: recordmumber, locationNo: obj.data.locationNo, recordDate: recordDate, factorityID: Factority_ID, itemNo: obj.data.itemNo }, type: 'POST', success: function (data) { if (data.success) { hg.msg("success" + data.msg); tt(); } else { hg.msg(data.msg); } }, error: function () { hg.msg("網路請求失敗!" + data.msg); } }); }); } } var toolbar = [{ text: '批次入庫', layuiicon: '', class: 'ayui-btn-warm', handler: function (obj, row) { if (obj.checkstatus && obj.checkstatus.data.length > 0) { console.log(obj.checkstatus.data.map(function (x) { return x.serialNo }).join(',')) var recordmumber = $("#inhouseNo1").val(); var recorddate = $("#recordDate").val(); var Factority_ID = $("#FactoryID").val(); if (recordmumber == '') { hg.msg('請輸入recordmumber!'); } else { hg.confirm("批量入庫所有选中的数据,確定要入庫吗?", function () { $.ajax({ url: '/PCS/PCS031inhouse_all', data: { ids: obj.checkstatus.data.map(function (x) { return x.inhouseNo + "," + x.serialNo + "," + x.seqID + "," + recordmumber + "," + x.locationNo + "," + recorddate + "," + Factority_ID + "," + x.itemNo }) }, type: 'POST', success: function (data) { if (data.success) { hg.msg(data.msg); //重载表格数据 tt(); } else { //hg.msg(data.msg); hg.msg('批量入庫失败!'); } }, error: function () { hg.msg("网络请求失败!"); } }); }); } } else { hg.msg('請選中一個或多個複選框,再操作!'); } } }, { text: '查詢勾選數量合計', layuiicon: '', class: 'layui-btn-normal', handler: function (obj, row) { if (obj.checkstatus && obj.checkstatus.data.length > 0) { console.log(obj.checkstatus.data.map(function (x) { return x.serialNo }).join(',')) $.ajax({ url: '/PCS/PCS031sum', data: { ids: obj.checkstatus.data.map(function (x) { return x.boxQty }) }, type: 'POST', success: function (data) { if (data.success) { layer.msg('已選數量合計:' + data.msg); } else { //hg.msg(data.msg); layer.msg('查詢失败!'); } }, error: function () { layer.msg("网络请求失败!"); } }); } else { layer.msg('請選中一個或多個複選框,再操作!'); } } } ]; //基本数据表格 // var table = hg.table.datatable('query', 'FQC查詢', '/PCS/PCS031Query', {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports'], true); // var table = hg.table.datatable('query', 'FQC查詢', '/PCS/PCS031Query?'+'barcodeNo=' + $("#barcodeNo").val() + '&wipNo=' + $("#wipNo").val() + '&boxNo=' + $("#boxNo").val() + '&inhouseNo=' + $("#inhouseNo").val() + '&date_str=' + $("#dateStr").val() + '&date_end=' + $("#dateEnd").val() + '&status=' + $("#Status").val(), {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports'], true); var table; $(function () { tt(); }); //基本数据表格 function tt() { table = hg.table.datatable('query', 'FQC查詢', '/PCS/PCS031Query?' + 'factority=' + $("#FactoryID").val()+'&barcodeNo=' + $("#barcodeNo").val() + '&wipNo=' + $("#wipNo").val() + '&boxNo=' + $("#boxNo").val() + '&inhouseNo=' + $("#inhouseNo").val() +'&date_str=' + $("#dateStr").val() + '&date_end=' + $("#dateEnd").val() + '&status=' + $("#Status").val(), {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports'], true); } </script> <script type="text/html" id="statusName"> {{# if(d.statusName === '允收'){ }} <span style="color: #07ab2a;">{{ d.statusName }}</span> {{# } else if(d.statusName === '批退'){ }} <span style="color: #d70841;">{{ d.statusName }}</span> {{# } else { }} {{ d.statusName }} {{# } }} </script> }