New file |
| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | | <title>å°è´§ç¡®è®¤</title> |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| | | <!--å¼ç¨layuiæ ·å¼æä»¶--> |
| | | <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all"> |
| | | <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all"> |
| | | <!--å¼ç¨layui jsæä»¶--> |
| | | <script src="../../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/json2.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <!--èªå®ä¹æ ·å¼--> |
| | | <style> |
| | | .maintitle { |
| | | background-color: #1492ff; |
| | | color: #fff; |
| | | padding: 5px 10px; |
| | | border: none; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | .title { |
| | | border-left: 4px solid #1492ff; |
| | | padding-left: 6px; |
| | | margin: 20px 10px 4px; |
| | | font-size: 16px; |
| | | color: #333; |
| | | } |
| | | |
| | | .buttom_box_little { |
| | | width: 60px; |
| | | height: 36px; |
| | | color: #fff; |
| | | background-color: #1492ff; |
| | | border-radius: 4px; |
| | | border: none; |
| | | margin: 10px; |
| | | } |
| | | |
| | | .layui-input { |
| | | width: 50%; |
| | | } |
| | | |
| | | .layui-inline, img { |
| | | display: block; |
| | | vertical-align: middle |
| | | } |
| | | |
| | | .layui-input, .layui-textarea { |
| | | display: inline-block; |
| | | width: 50%; |
| | | padding-left: 10px; |
| | | } |
| | | |
| | | .laydate-time-list ol { |
| | | overflow-x: hidden !important; |
| | | overflow-y: auto !important; |
| | | } |
| | | |
| | | .layui-form-label { |
| | | padding: 9px 5px; |
| | | width: 85px; |
| | | } |
| | | |
| | | .layui-input-block { |
| | | margin-left: 85px; |
| | | min-height: 36px; |
| | | } |
| | | |
| | | .editable-input { |
| | | border: 0px solid #ccc; |
| | | padding: 5px; |
| | | font-size: 14px; |
| | | width: 50px; /* 坿 ¹æ®éè¦è°æ´å®½åº¦ */ |
| | | box-sizing: border-box; /* ç¡®ä¿å
è¾¹è·åè¾¹æ¡å
å«å¨å®½åº¦å
*/ |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div class="layui-fluid" style="padding: 0;"> |
| | | <div class="layui-card" style="padding: 15px;background-color: #efefef;"> |
| | | <div class="layui-card-body" style="padding: 1px;"> |
| | | <form class="layui-form" action="" lay-filter="formData" id="formData" style="background-color:white;"> |
| | | <div class="maintitle">å°è´§ç¡®è®¤</div> |
| | | <div class="layui-form-item" style="padding-top: 10px;"> |
| | | <div class="layui-row"> |
| | | <label class="layui-form-label" style="width: 85px;"><span style="color:red;">*</span>æ¡ç </label> |
| | | <div class="layui-input-block" style="margin-left: 100px;width:46%;"> |
| | | <input type="text" name="HBarCode" id="HBarCode" placeholder="请é®å
¥åå车" autocomplete="off" class="layui-input"><!--lay-verify="required"--> |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="QueDin" name="QueDin" id="QueDin" style="width: 70px; background-color: #1492ff;color:white">ç¡®å®</button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-tab layui-tab-card" lay-filter="TabTest"> |
| | | <ul class="layui-tab-title"> |
| | | <li lay-id="1" style="padding:1px;" class="layui-this">表头信æ¯</li> |
| | | <li lay-id="2" style="padding:1px;">æç»ä¿¡æ¯</li> |
| | | </ul> |
| | | <div class="layui-tab-content"> |
| | | <div class="layui-tab-item layui-show"> |
| | | <div class="layui-form-item" style="padding-top: 10px;"> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 75px;">åæ®å·:</label> |
| | | <div class="layui-input-block" style="margin-left: 85px;"> |
| | | <input type="text" class="layui-input" name="HBillNo" id="HBillNo"> |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="QueDin2">ç¡®å®</button> |
| | | <input type="hidden" class="layui-input" name="HInterID" id="HInterID" style="width:100px"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 75px;padding: 9px 5px;">ä¾åºå:</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" name="HSupName" id="HSupName" class="layui-input" disabled="disabled"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label" style="width: 75px;padding: 9px 5px;">é¨é¨:</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" name="HDeptName" id="HDeptName" class="layui-input" disabled="disabled"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-tab-item"> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | | <script type="text/html" id="xuhao"> |
| | | {{d.LAY_TABLE_INDEX+1}} |
| | | </script> |
| | | <script type="text/html" id="barDemo"> |
| | | <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">å é¤</a> |
| | | </script> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layer-footer" style="text-align: center;"> |
| | | <button type="button" lay-submit="" class="layui-btn buttom_box_little" lay-filter="btn_Check" id="btn_Check">å®¡æ ¸</button> |
| | | <button type="button" lay-submit="" class="layui-btn buttom_box_little" lay-filter="btn_Cancel" id="btn_Cancel">éåº</button> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <script> |
| | | layui.config({ |
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | }).extend({ |
| | | index: 'lib/index' //主å
¥å£æ¨¡å |
| | | }).use(['index', 'form', 'laydate', 'table', 'element'], function () { |
| | | var $ = layui.$ |
| | | , admin = layui.admin |
| | | , layer = layui.layer |
| | | , table = layui.table |
| | | , form = layui.form |
| | | , laydate = layui.laydate |
| | | , element = layui.element; |
| | | var option = []; |
| | | //åå§åè¡¨æ ¼ |
| | | set_InitGrid(); |
| | | |
| | | //è¡å
äºä»¶ |
| | | table.on('tool(mainTable)', function (obj) { |
| | | set_GridDelete(obj); //è¡å
å é¤ |
| | | }); |
| | | |
| | | //è¿å
¥é¡µé¢é»è®¤å
æ 卿¡å½¢ç ä¸ |
| | | $("#HBillNo").focus(); |
| | | |
| | | //æ¡å½¢ç åè½¦æ¹æ³ |
| | | $('#HBarCode').on('keydown', function (event) { |
| | | if (event.keyCode == 13) { |
| | | GetMeesageByBarCode(); |
| | | } |
| | | }); |
| | | //æ¡å½¢ç 确认 |
| | | form.on('submit(QueDin)', function (data) { |
| | | GetMeesageByBarCode(); |
| | | }); |
| | | //æ«ææ¡å½¢ç æ¹æ³ |
| | | function GetMeesageByBarCode() { |
| | | |
| | | layer.msg("æ éæ«æç©ææ¡ç ï¼") |
| | | |
| | | //var HBarCode = $('#HBarCode').val(); |
| | | //if (!HBarCode) { |
| | | // layer.msg("æ¡å½¢ç ä¸è½ä¸ºç©ºï¼") |
| | | // return; |
| | | //} |
| | | //var HInterID = $('#HInterID').val(); |
| | | //if (!HInterID) { |
| | | // layer.msg("请å
è¾å
¥æ¶æéç¥ååæ®å·ï¼") |
| | | // return; |
| | | //} |
| | | //var index = layer.load(); |
| | | //$.ajax({ |
| | | // url: GetWEBURL() + "/POStockInBillList/Get_ReciveBillByBarcode", |
| | | // type: "GET", |
| | | // data: { "HBarCode": HBarCode, "HInterID": HInterID }, |
| | | // success: function (result) { |
| | | // if (result.code == "1") { |
| | | // var sSubStr = table.cache['mainTable']; |
| | | // for (var i = 0; i < sSubStr.length; i++) { |
| | | // if (sSubStr[i].HMaterID == HBarCode.split("#")[0]) { |
| | | // sSubStr[i].HSQty += parseInt(HBarCode.split("#")[1]); |
| | | // table.render(option); |
| | | // break; |
| | | // } |
| | | // } |
| | | // layer.close(index); |
| | | // } |
| | | // else { |
| | | // layer.close(index); |
| | | // layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | // } |
| | | // }, |
| | | // error: function (err) { |
| | | // layer.close(index); |
| | | // layer.msg("æ¥å£è¯·æ±å¤±è´¥ï¼" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | // } |
| | | //}); |
| | | $('#HBarCode').val(""); |
| | | $("#HBarCode").focus(); |
| | | } |
| | | form.on('submit(btn_Cancel)', function () { |
| | | parent.location.href = "../../../views/index.html" |
| | | }) |
| | | //å®¡æ ¸ |
| | | form.on('submit(btn_Check)', function (data) {//å®¡æ ¸ |
| | | var sSubStr = table.cache['mainTable']; |
| | | var s = 0; |
| | | for (var i = 0; i < sSubStr.length; i++) { |
| | | if (parseInt(sSubStr[i].HSQty) > parseInt(sSubStr[i].HQty)) { |
| | | layer.msg("æç»è®°å½ç¬¬" + (i + 1) + "è¡,æ«ç æ°éä¸è½è¶
åºè®¢åæ°é!", { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | return; |
| | | } |
| | | if (parseInt(sSubStr[i].HSQty) > 0) { |
| | | s = 1; |
| | | } |
| | | } |
| | | if (s == 0) { |
| | | layer.msg("æç»è¡æ°éä¸å
许é½ä¸º0ï¼è¯·è¾å
¥æ°éååå®¡æ ¸ï¼", { icon: 5, btn: ['确认'], time: 100000, offset: 'auto', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | return; |
| | | } |
| | | |
| | | var index = layer.load(); |
| | | var HInterID = $('#HInterID').val(); |
| | | var HBillNo = $('#HBillNo').val(); |
| | | |
| | | //æ¼æ¥åºååçæ°æ® |
| | | var msg = JSON.stringify(sSubStr) + ';' + sessionStorage["HUserName"]; |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + "/POStockInBillList/AuditPOInStockBillPost", |
| | | type: "Post", |
| | | data: { "msg": msg }, |
| | | success: function (result) { |
| | | if (result.code == "1") { |
| | | layer.msg("å®¡æ ¸æå", { |
| | | icon: 1, time: 1000000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º", btn: ['确认'] |
| | | }, function () { |
| | | window.location.reload(); |
| | | element.tabChange('TabTest', '1'); |
| | | }); |
| | | layer.close(index); |
| | | } |
| | | else { |
| | | layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | layer.close(index); |
| | | } |
| | | }, |
| | | error: function (err) { |
| | | layer.msg("æ¥å£è¯·æ±å¤±è´¥ï¼" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | layer.close(index); |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | //åå§åè¡¨æ ¼ |
| | | function set_InitGrid() { |
| | | //表头 |
| | | columns = [ |
| | | { templet: '#xuhao', title: 'åºå·', sort: true, width: 70, fixed: 'left' } |
| | | , { |
| | | field: 'HSQty', title: 'æ°é', width: 80, templet: function (d) { |
| | | return '<input type="number" value="' + d.HSQty + '" autocomplete="off" class="editable-input" data-id="' + d.HEntryID + '" onfocus="this.select();">'; |
| | | } |
| | | } |
| | | //, { field: 'HSQty', title: 'æ°é', edit: 'text', width: 80 } |
| | | , { field: 'HQty', title: 'è®¢åæ°é', width: 90 } |
| | | , { field: 'HMaterID', title: 'HMaterID', hide: true } |
| | | , { field: 'HMaterNum', title: 'ç©æä»£ç ', width: 150 } |
| | | , { field: 'HMaterName', title: 'ç©æåç§°', width: 150 } |
| | | , { field: 'HModel', title: 'è§æ ¼åå·', width: 200 } |
| | | , { field: 'HInterID', title: '主å
ç ', sort: true, width: 200, hide: true } |
| | | , { field: 'HEntryID', title: 'åå
ç ', sort: true, width: 200, hide: true } |
| | | ]; |
| | | option = { |
| | | id: 'mainTable' |
| | | , elem: '#mainTable' |
| | | , page: true |
| | | , cellMinWidth: 120 |
| | | , height: 500 |
| | | , cols: [columns] |
| | | , done: function (res, curr, count) { |
| | | } |
| | | }; |
| | | //option.data = [{ "æ°é": 0, "ç©æä»£ç ": 0, "ç©æåç§°": "", "è§æ ¼åå·": "" }]; |
| | | table.render(option); |
| | | } |
| | | // è¡¨æ ¼è¡å
äºä»¶å é¤ |
| | | function set_GridDelete(obj) { |
| | | var data = obj.data; |
| | | var index = layer.load(); |
| | | var rowIndex = $(obj.tr).attr("data-index"); |
| | | if (obj.event === 'del') { |
| | | layer.confirm('ççå é¤è¡ä¹', function (index) { |
| | | console.log("ç´¢å¼ä¸º:" + rowIndex); |
| | | if (rowIndex === '0') { |
| | | layer.msg('é¦è¡æ æ³å é¤ï¼ï¼ï¼'); |
| | | } else { |
| | | //obj.del(); |
| | | layer.close(index); |
| | | var oldData = table.cache["mainTable"]; |
| | | oldData.splice(obj.tr.data('index'), 1); |
| | | table.reload('mainTable', { data: oldData }); |
| | | layer.close(index); |
| | | } |
| | | }); |
| | | } |
| | | } |
| | | //æºååè½¦æ¹æ³ |
| | | $('#HBillNo').on('keydown', function (event) { |
| | | if (event.keyCode == 13) { |
| | | GetMeesageBySourceBillNo(); |
| | | } |
| | | }); |
| | | //æºå确认 |
| | | form.on('submit(QueDin2)', function (data) { |
| | | GetMeesageBySourceBillNo(); |
| | | }); |
| | | //æ«æºå |
| | | function GetMeesageBySourceBillNo(obj) { //è¿åå·¥ä½ä¸å¿ |
| | | var HBarCode = $('#HBillNo').val();//æ¡å½¢ç ï¼æµè½¬å¡å·ï¼ï¼æ°æ®åºä¸ä¸ºåæ®å·ï¼ |
| | | if (!HBarCode) { |
| | | layer.msg("åæ®å·ä¸è½ä¸ºç©ºï¼") |
| | | return; |
| | | } |
| | | var index = layer.load(); |
| | | $.ajax({ |
| | | url: GetWEBURL() + "/POStockInBillList/Get_ReciveBill", |
| | | type: "GET", |
| | | data: { "HBillno": HBarCode }, |
| | | success: function (result) { |
| | | if (result.code == "1") { |
| | | var data = result.data[0]; |
| | | $("#HSupName").val(data.HSupName); |
| | | $("#HDeptName").val(data.HDeptName); |
| | | $("#HBillNo").val(data.HBillNo); |
| | | $("#HInterID").val(data.HInterID); |
| | | option.data = result.data; |
| | | table.render(option); |
| | | layer.close(index); |
| | | element.tabChange('TabTest', '2'); |
| | | } |
| | | else { |
| | | layer.close(index); |
| | | layer.msg(result.Message, { |
| | | icon: 5, time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º", btn: ['确认'] |
| | | }, function () { |
| | | element.tabChange('TabTest', '1'); |
| | | $("#HBillNo").select(); |
| | | $("#HBillNo").focus(); |
| | | }); |
| | | } |
| | | }, |
| | | error: function (err) { |
| | | layer.close(index); |
| | | layer.msg("æ¥å£è¯·æ±å¤±è´¥ï¼" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨æç¤º" }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //#region çå¬è¾å
¥æ¡çbluräºä»¶ |
| | | |
| | | $(document).on('blur', '.editable-input', function () { |
| | | var $input = $(this); |
| | | var value = $input.val().trim(); // å»é¤è¾å
¥å¼ä¸¤è¾¹çç©ºæ ¼ |
| | | var id = $input.data('id'); |
| | | |
| | | // éåtable.cacheæ¥è·å对åºçè¡æ°æ®ï¼å¹¶æ´æ°å® |
| | | var tableData = table.cache['mainTable']; // è·åè¡¨æ ¼ç¼åçæ°æ® |
| | | var rowData = tableData.find(function (item) { return item.HEntryID == id; }); // æ¾å°å¯¹åºçè¡æ°æ® |
| | | if (rowData) { |
| | | rowData.HSQty = value || 0; // æ´æ°è¡æ°æ®ä¸çHSQtyåæ®µï¼å½value为nullãundefinedã空å符串''ã0ãNaNãfalseæ¶ï¼é½ä¼è®¤ä¸ºvalueæ¯'åy'çï¼ä»èè¿å0 |
| | | |
| | | // 妿è¾å
¥å¼ä¸ºç©ºå符串ï¼åå°å
¶è®¾ç½®ä¸º0 |
| | | if (value === '') { |
| | | $input.val(0); |
| | | } |
| | | } |
| | | }); |
| | | //#endregion |
| | | |
| | | //以ä¸ä¸ºlayui模å |
| | | }); |
| | | </script> |
| | | </body> |
| | | </html> |