<!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">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
|
<style>
|
.layui-table-cell {
|
height: auto;
|
white-space: normal;
|
}
|
|
.layui-col-xs8 {
|
width: 55.666667%;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid" style="padding:0">
|
<div class="layui-card" style="padding: 1px">
|
<div class="layui-card-body" style="padding: 5px; height:800px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<div style="background-color:#0085E8;">
|
<span style="color: white;"><i class="layui-icon layui-icon-form"></i>产线关键件绑定</span>
|
</div>
|
<div class="layui-form-item" style="padding:15px;margin:0px">
|
<div class="layui-row">
|
<div class="layui-col-xs1">
|
<label class="layui-form-label" style="width:40px;padding-left:0px;">SN号</label>
|
</div>
|
<div class="layui-col-xs4">
|
<input type="text" name="HBarCode" id="HBarCode" lay-verify="HBarCode" autocomplete="off" class="layui-input">
|
</div>
|
|
<div class="layui-col-xs1" style="margin-left:40px">
|
<label class="layui-form-label" style="width:30px;padding-left:0px;">工序</label>
|
</div>
|
<div class="layui-col-xs3" style="margin-left:-20px">
|
<input type="text" name="HProc" id="HProc" lay-verify="HProc" autocomplete="off" class="layui-input">
|
<input type="hidden" name="HProcID" id="HProcID" lay-verify="HProcID" value="0" autocomplete="off" class="layui-input">
|
</div>
|
<div class="layui-col-xs2">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HProcID-BT">...</button>
|
</div>
|
</div>
|
|
<div class="layui-row">
|
<div class="layui-col-xs1">
|
<label class="layui-form-label" style="width:50px;padding-left:0px;">关键件</label>
|
</div>
|
<div class="layui-col-xs4">
|
<input type="text" name="HPCrux" id="HPCrux" lay-verify="HPCrux" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-tab layui-col-xs12" lay-filter="tab-POStockInBill">
|
<ul class="layui-tab-title" lay-filter="tab-all">
|
<li lay-id="1" style="padding:1px;" class="layui-this">配件信息</li>
|
<li lay-id="2" style="padding:1px;">条码清单</li>
|
<li lay-id="3" style="padding:1px;">日志信息</li>
|
</ul>
|
<div class="layui-tab-content">
|
<!--配件信息-->
|
<div class="layui-tab-item layui-show">
|
<div class="layui-row">
|
<div class="layui-col-xs12">
|
<table class="layui-hide" id="pj-table" lay-filter="pj-table"></table>
|
</div>
|
</div>
|
</div>
|
<!--条码清单-->
|
<div class="layui-tab-item">
|
<div class="layui-row">
|
<div class="layui-col-xs12">
|
<table class="layui-hide" id="tm-table" lay-filter="tm-table"></table>
|
</div>
|
</div>
|
</div>
|
<!--日志信息-->
|
<div class="layui-tab-item">
|
<div class="layui-form-item" style="padding:0px;margin:0px">
|
<div class="layui-row">
|
<div class="layui-col-xs2">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">单据号</label>
|
</div>
|
<div class="layui-col-xs6">
|
<input type="text" name="HBillNo" id="HBillNo" lay-verify="HBillNo" autocomplete="off" class="layui-input mobile">
|
<input type="hidden" name="HInterID" id="HInterID" lay-verify="HInterID" disabled="disabled" autocomplete="off" class="layui-input mobile">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="padding:0px;margin:0px">
|
<div class="layui-row">
|
<div class="layui-col-xs2">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">生产资源</label>
|
</div>
|
<div class="layui-col-xs6">
|
<input type="text" name="HSCZY" id="HSCZY" lay-verify="HSCZY" autocomplete="off" class="layui-input">
|
<input type="hidden" name="HSCZYID" id="HSCZYID" lay-verify="HSCZYID" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="padding:0px;margin:0px">
|
<div class="layui-row">
|
<div class="layui-col-xs2">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">操作员</label>
|
</div>
|
<div class="layui-col-xs6">
|
<input type="text" name="HKeeperName" id="HKeeperName" lay-verify="HKeeperName" autocomplete="off" class="layui-input">
|
<input type="hidden" name="HKeeperID" id="HKeeperID" lay-verify="HKeeperID" value="0" autocomplete="off" class="layui-input">
|
</div>
|
<div class="layui-col-xs2">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HKeeperID-BT">...</button>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="padding:0px;margin:0px">
|
<div class="layui-row">
|
<div class="layui-col-xs2">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">生产班组</label>
|
</div>
|
<div class="layui-col-xs6">
|
<input type="text" name="HGroupName" id="HGroupName" lay-verify="HGroupName" autocomplete="off" class="layui-input">
|
<input type="hidden" name="HGroupID" id="HGroupID" lay-verify="HGroupID" value="0" autocomplete="off" class="layui-input">
|
</div>
|
<div class="layui-col-xs2">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HGroupID-BT">...</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layer-footer" style="z-index: 10; position: fixed; text-align: center; bottom: 0; width:100%; height:50px">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="Saver">提交</button>
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="cmdDelete">删除</button>
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="Cancel">退出</button>
|
</div>
|
<div id="" style="display:none;">
|
<audio id="cs" hidden controls>
|
<source src="../../video/jingbao.wav" type="audio/ogg">
|
</audio>
|
</div>
|
<div id="" style="display:none;">
|
<audio id="cs2" hidden controls>
|
<source src="../../video/success.wav" type="audio/ogg">
|
</audio>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
|
<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>
|
<script src="../../layuiadmin/PubCustom.js"></script>
|
<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
|
, table1 = layui.table
|
, form = layui.form
|
, element = layui.element;
|
//清空界面 new
|
var option = [];
|
var option1 = [];
|
|
|
//表头初始化赋值（根据登录用户获取工序 生产资源、操作员、生产班组） new
|
//工序
|
|
$("#HProcID").val(sessionStorage["HProcID"]);
|
$("#HProc").val(sessionStorage["HProc"]);
|
//生产资源
|
$("#HSCZY").val(sessionStorage["HSource"]);
|
$("#HSCZYID").val(sessionStorage["HSourceID"] == undefined ? "0" : sessionStorage["HSourceID"]);
|
//操作员
|
$("#HKeeperName").val(sessionStorage["HKeeper"]);
|
$("#HKeeperID").val(sessionStorage["HKeeperID"]);
|
//生产班组
|
$("#HGroupName").val(sessionStorage["HGroup"]);
|
$("#HGroupID").val(sessionStorage["HGroupID"]);
|
//默认带入的仓库，如果启用仓位则仓位有效，如果没有启用则仓位灰度 new
|
|
//默认光标
|
$("#HBarCode").focus();
|
|
//获取参数
|
function getUrlVars() {
|
var vars = [], hash;
|
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
|
for (var i = 0; i < hashes.length; i++) {
|
hash = hashes[i].split('=');
|
vars.push(hash[0]);
|
vars[hash[0]] = hash[1];
|
}
|
return vars;
|
}
|
var params = getUrlVars();
|
var linterid = params[params[0]]; //从参数中获取 单据内码
|
var lSourceBillType = params[params[2]]; //从单据获取 源单类型
|
|
|
//判断是否新增
|
if (linterid == null || linterid == 0) {
|
//获取最大单据号 new
|
$("#HInterID").val("");
|
$("#HBillNo").val("");
|
$.ajax({
|
url: GetWEBURL() + "/Web/GetMAXNumPDA",
|
//url: GetWEBURL() + "/Web/UpdatePOInStockBillPrintQty", //方法所在页面和方法名
|
type: "GET",
|
data: { "HBillType": '3727' },
|
success: function (d) {
|
//console.log(d.data);
|
$("#HInterID").val(d.data[0].HInterID);
|
$("#HBillNo").val(d.data[0].HBillNo);
|
}
|
});
|
}
|
|
//初始化表格
|
set_InitGridPJ();
|
set_InitGridTM();
|
|
//选择工序
|
form.on('submit(HProcID-BT)', function () {
|
layer.open({
|
type: 2//弹窗类型
|
, skin: 'layui-layer-rim' //加上边框
|
, area: ['90%', '90%']//大小
|
, title: '职员列表'//标题
|
, shift: 2//弹出动画
|
, content: ['../Baseset/基础资料/Gy_ProcList.html', 'yes']
|
, btn: ['确定', '取消']
|
, btn1: function (index, layero) {//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
$("#HProc").val(checkStatus.data[0].工序);
|
$("#HProcID").val(checkStatus.data[0].HItemID);
|
layer.close(index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) { }
|
})
|
});
|
//选择操作员
|
form.on('submit(HKeeperID-BT)', function () {
|
layer.open({
|
type: 2//弹窗类型
|
, skin: 'layui-layer-rim' //加上边框
|
, area: ['90%', '90%']//大小
|
, title: '职员列表'//标题
|
, shift: 2//弹出动画
|
, content: ['../PublicPage/UserInformation.html', 'yes']
|
, btn: ['确定', '取消']
|
, btn1: function (index, layero) {//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
$("#HKeeperName").val(checkStatus.data[0].HName);
|
$("#HKeeperID").val(checkStatus.data[0].HItemID);
|
layer.close(index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) { }
|
})
|
});
|
//选择班组
|
form.on('submit(HGroupID-BT)', function (data) {
|
layer.open({
|
type: 2//弹窗类型
|
, skin: 'layui-layer-rim' //加上边框
|
, area: ['90%', '90%']//大小
|
, title: '职员列表'//标题
|
, shift: 2//弹出动画
|
, content: ['../PublicPage/GroupInformation.html', 'yes']
|
, btn: ['确定', '取消']
|
, btn1: function (index, layero) {//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
$("#HGroupName").val(checkStatus.data[0].HName);
|
$("#HGroupID").val(checkStatus.data[0].HItemID);
|
layer.close(index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) { }
|
})
|
});
|
|
//退出
|
form.on('submit(Cancel)', function () {
|
sessionStorage["SourceFlag"] = false;
|
layer.confirm('您确定要删除吗？', {
|
btn: ['确定', '取消'] //按钮
|
, yes: function (index, layero) {
|
Pub_Close(2);
|
}
|
});
|
})
|
|
//删除
|
form.on('submit(cmdDelete)', function () {
|
var checkStatus = table.checkStatus('tm-table')
|
, data = checkStatus.data;
|
var sInterID = $('#HInterID').val()
|
var sMaterID = data[0].HMaterID
|
var sBarCode = data[0].HPJM.toString();
|
$.ajax(
|
{
|
type: "Get",
|
url: GetWEBURL() + "/Sc_PckSplit/Delete_PHPCruxBillListByME",
|
async: true,
|
data: { "HInterID": sInterID, "HMaterID": sMaterID, "HBarCode": sBarCode },
|
dataType: "json",
|
success: function (data) {
|
if (data.count == 1) {
|
option1.data = data.data;
|
table1.render(option1);
|
}
|
else {
|
layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
},
|
error: function (err) {
|
layer.msg('错误' + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
});
|
});
|
|
//提交
|
form.on('submit(Saver)', function (data) {//提交
|
var sMainStr = JSON.stringify(data.field);
|
var sSubStr = JSON.stringify(table.cache['pj-table']);
|
var sSubStr1 = JSON.stringify(table.cache['tm-table']);
|
var sMainSub = sMainStr + ';' + sSubStr + ';' + sSubStr1 + ';' + sessionStorage["HUserName"];
|
$.ajax(
|
{
|
type: "POST",
|
url: GetWEBURL() + "/Sc_PckSplit/Add_PHPCruxBillList",
|
async: true,
|
data: { "msg": sMainSub },
|
dataType: "json",
|
success: function (data) {
|
if (data.count == 1) { // 说明验证成功了
|
layer.msg("提交成功" + data.Message + $("#HBillNo").val(), { time: 1 * 1000, icon: 1 }, function () {
|
location.reload();
|
});
|
//layer.msg("提交成功" + data.Message + $("#HBillNo").val(), { icon: 1, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
//location.reload();
|
}
|
else {
|
//layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't' });
|
layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
layer.closeAll("loading");
|
layui.form.render();
|
},
|
error: function (err) {
|
//layer.msg("错误:" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't' });
|
layer.msg("错误:" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
});
|
});
|
|
//监听提交
|
form.verify({
|
numberOrEmpty: function (value, item) {
|
// if (value != '') {
|
if (!/^\d+$/.test(value)) {
|
return '不能为空或数字或者0';
|
}
|
//}
|
}
|
});
|
|
|
//SN码回车方法
|
$('#HBarCode').on('keydown', function (event) {
|
var sBarCode = $('#HBarCode').val()
|
var sProcID = $('#HProcID').val()
|
var sInterID = $('#HInterID').val()
|
var sBillNo = $('#HBillNo').val()
|
if (sBarCode == "") {
|
layer.msg("请输入SN号", { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return false;
|
}
|
if (sProcID == "" || sProcID == "undefined") {
|
sProcID = 0;
|
}
|
if (event.keyCode == 13) {
|
$.ajax({
|
url: GetWEBURL() + "/Sc_PckSplit/Get_PHPCruxSNBillList",
|
type: "GET",
|
async: false,
|
data: { "HinterID": sInterID, "HBarCode": sBarCode, "HProcID": sProcID, "HBillNo": sBillNo },
|
success: function (result) {
|
if (result.count == 1) {
|
option.data = result.data;
|
table.render(option);
|
}
|
else {
|
layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
layer.closeAll("loading");
|
}
|
});
|
//显示完后，光标到关键件上
|
$("#HPCrux").focus();
|
}
|
});
|
//关键件回车方法
|
$('#HPCrux').on('keydown', function (event) {
|
var sHPCrux = $('#HPCrux').val()
|
var sInterID = $('#HInterID').val()
|
var sBillNo = $('#HBillNo').val()
|
if (sHPCrux == "") {
|
layer.msg("请输入关键码", { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return false;
|
}
|
if (event.keyCode == 13) {
|
$.ajax({
|
url: GetWEBURL() + "/Sc_PckSplit/Get_PHPCruxBillList",
|
type: "GET",
|
async: false,
|
data: { "HinterID": sInterID, "HPCrux": sHPCrux, "HBillNo": sBillNo },
|
success: function (result) {
|
if (result.count == 1) {
|
option1.data = result.data;
|
table1.render(option1);
|
}
|
else if (result.count == 2) {
|
layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
else {
|
layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
layer.closeAll("loading");
|
}
|
});
|
//显示完后，光标到关键件上
|
$("#HPCrux").focus();
|
}
|
});
|
|
|
//初始化表格—配件
|
function set_InitGridPJ() {
|
columns = [
|
{ type: 'checkbox', fixed: 'left' }
|
, { field: 'HMaterID', title: 'HMaterID', edit: 'text', width: 150, hide: true }
|
, { field: 'HMaterName', title: '物料名称', edit: 'text', width: 150 }
|
, { field: 'HMaterSpec', title: '规格型号', edit: 'text', width: 150 }
|
, { field: 'HQtyMust', title: '应收数量', edit: 'text', width: 150 }
|
, { field: 'HQty', title: '数量', edit: 'text', width: 150 }
|
, { field: 'HCPM', title: '成品码', edit: 'text', width: 150 }
|
];
|
option = {
|
elem: '#pj-table'
|
, height: '550'
|
, page: true
|
, cellMinWidth: 90
|
, limit: 50
|
, limits: [50, 500, 5000, 20000]
|
, cols: [columns]
|
};
|
option.data = [];
|
table.render(option);
|
}
|
//初始化表格—条码
|
function set_InitGridTM() {
|
columns = [
|
{ type: 'checkbox', fixed: 'left' }
|
, { field: 'HMaterID', title: 'HMaterID', edit: 'text', width: 150, hide: true }
|
, { field: 'HEntryID', title: 'HEntryID', edit: 'text', width: 150, hide: true }
|
, { field: 'HMaterName', title: '物料名称', edit: 'text', width: 150 }
|
, { field: 'HMaterSpec', title: '规格型号', edit: 'text', width: 150 }
|
, { field: 'HQty', title: '数量', edit: 'text', width: 150 }
|
, { field: 'HPJM', title: '配件码', edit: 'text', width: 150 }
|
];
|
option1 = {
|
elem: '#tm-table'
|
, height: '550'
|
, page: true
|
, cellMinWidth: 90
|
, limit: 50
|
, limits: [50, 500, 5000, 20000]
|
, cols: [columns]
|
};
|
option1.data = [];
|
table1.render(option1);
|
}
|
|
});
|
|
|
</script>
|
</body>
|
</html>
|
