<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" style="background-color:white;">
|
<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">
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../layuiadmin/Scripts/json2.js" type="text/javascript"></script>
|
<script src="../../layuiadmin/Scripts/webConfig.js"></script>
|
<style>
|
.layui-form-label {
|
font-size: 14px;
|
width: 85px;
|
text-align: inherit;
|
}
|
/*全局设置输入框高度*/
|
.layui-input {
|
height: 30px;
|
}
|
/*设置表头输入框*/
|
.t1_input {
|
padding: 1%;
|
}
|
/*本站信息td*/
|
.bz_td {
|
display: -webkit-box; /*设置按钮不换行*/
|
padding: 1%; /*设置输入框边距*/
|
}
|
/*设置本站信息按钮高度*/
|
.bz_btu {
|
height: 30px;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid" style="padding:0">
|
<div class="layui-card">
|
<!--<div class="layui-card-header"></div>-->
|
<div class="layui-card-body" style="padding: 0;">
|
<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="margin: 1% 0;text-align: right;">
|
<button type="button" lay-submit="" lay-filter="HAddBT" class="layui-btn layui-btn-radius">新增</button>
|
<!--<button type="button" lay-submit="" lay-filter="" class="layui-btn layui-btn-radius">清空</button>-->
|
<button type="button" lay-submit="" lay-filter="Saver" class="layui-btn layui-btn-radius">保存</button>
|
<button type="button" lay-submit="" lay-filter="Close" class="layui-btn layui-btn-radius layui-btn-danger">退出</button>
|
</div>
|
<div class="layui-form-item">
|
<table style="width:80%;">
|
<tbody>
|
<tr>
|
<th>条形码</th>
|
<td class="t1_input">
|
<input type="text" name="HBarCode" class="layui-input" id="HBarCode" placeholder="请输入条形码" style="border-radius: 50px;">
|
</td>
|
</tr>
|
<tr>
|
<th>流转卡号</th>
|
<td class="t1_input">
|
<input type="text" name="HProcExchBillNo" class="layui-input" id="HProcExchBillNo" placeholder="流转卡号" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>流水号</th>
|
<td class="t1_input">
|
<input type="text" name="HProcNo" class="layui-input" id="HProcNo" placeholder="请输入流水号" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>工序代码</th>
|
<td class="t1_input">
|
<input type="text" name="HProcID" class="layui-input" id="HProcID" placeholder="请输入工序代码" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>工序名称</th>
|
<td class="t1_input">
|
<input type="text" name="HProc" class="layui-input" id="HProc" placeholder="请输入工序名称" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>创建人</th>
|
<td class="t1_input">
|
<input type="text" class="layui-input" id="HEmp" placeholder="请输入创建人" style="background-color:#efefef4d;" readonly>
|
<input type="hidden" name="HEmpID" id="HEmpID" value="0" autocomplete="off" class="layui-input">
|
</td>
|
</tr>
|
<tr>
|
<th>合格数量</th>
|
<td class="t1_input">
|
<input type="text" name="HQty" class="layui-input" id="HQty" placeholder="请输入合格数量">
|
</td>
|
</tr>
|
<tr>
|
<th>工时</th>
|
<td class="t1_input">
|
<input type="text" name="HWorkTimes" class="layui-input" id="HWorkTimes" placeholder="请输入工时">
|
</td>
|
</tr>
|
<tr>
|
<th>报废数量</th>
|
<td class="t1_input">
|
<input type="text" name="HWasterQty" class="layui-input" id="HWasterQty" placeholder="请输入报废数量">
|
</td>
|
</tr>
|
<tr>
|
<th>生产资源</th>
|
<td class="bz_td">
|
<input type="text" name="HSource" class="layui-input" id="HSource" placeholder="选择生产资源" style="background-color:#efefef4d;" readonly>
|
<input type="hidden" name="HSourceID" id="HSourceID" value="0" autocomplete="off" class="layui-input">
|
<button type="button" lay-submit="" class="layui-btn layui-col-xs2 bz_btu" lay-filter="ProductionResources-BT">...</button>
|
</td>
|
</tr>
|
<tr>
|
<th>生产班组</th>
|
<td class="bz_td">
|
<input type="text" name="HGroup" class="layui-input" id="HGroup" placeholder="选择生产班组" style="background-color:#efefef4d;" readonly>
|
<input type="hidden" name="HGroupID" id="HGroupID" value="0" autocomplete="off" class="layui-input">
|
<button type="button" lay-submit="" class="layui-btn layui-col-xs2 bz_btu" lay-filter="ProductionTeam-BT">...</button>
|
</td>
|
</tr>
|
<tr>
|
<th>工作中心</th>
|
<td class="bz_td">
|
<input type="text" name="HCenter" class="layui-input" id="HCenter" placeholder="选择工作中心" style="background-color:#efefef4d;" readonly>
|
<input type="hidden" name="HCenterID" id="HCenterID" value="0" autocomplete="off" class="layui-input">
|
<button type="button" lay-submit="" class="layui-btn layui-col-xs2 bz_btu" lay-filter="HWorkingProcedure-BT">...</button>
|
</td>
|
</tr>
|
<tr>
|
<th>检验员</th>
|
<td class="bz_td">
|
<input type="text" name="HQCCheck" class="layui-input" id="HQCCheck" placeholder="选择检验员" style="background-color:#efefef4d;" readonly>
|
<input type="hidden" name="HQCCheckID" id="HQCCheckID" value="0" autocomplete="off" class="layui-input">
|
<button type="button" lay-submit="" class="layui-btn layui-col-xs2 bz_btu" lay-filter="HSecManagerID-BT">...</button>
|
</td>
|
</tr>
|
<tr>
|
<th>出站单号</th>
|
<td class="t1_input">
|
<input type="text" name="HBillNo" class="layui-input" id="HBillNo" placeholder="请输入出站单号" style="background-color:#efefef4d;" readonly>
|
<input type="hidden" name="HInterID" class="layui-input" id="HInterID">
|
</td>
|
</tr>
|
<tr>
|
<th>日期</th>
|
<td class="t1_input">
|
<input type="date" name="HStationOutTime" class="layui-input" id="HStationOutTime" placeholder="请选择日期">
|
</td>
|
</tr>
|
<tr>
|
<th>生产订单</th>
|
<td class="t1_input">
|
<input type="text" name="HICMOBillNo" class="layui-input" id="HICMOBillNo" placeholder="请输入生产订单" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>产品代码</th>
|
<td class="t1_input">
|
<input type="text" name="HMaterID" class="layui-input" id="HMaterID" placeholder="请输入产品代码" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>产品名称</th>
|
<td class="t1_input">
|
<input type="text" name="HMaterName" class="layui-input" id="HMaterName" placeholder="请输入产品名称" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>规格型号</th>
|
<td class="t1_input">
|
<input type="text" name="HMaterModel" class="layui-input" id="HMaterModel" placeholder="请输入规格型号" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>订单跟踪号</th>
|
<td class="t1_input">
|
<input type="text" name="HOrderProcNO" class="layui-input" id="HOrderProcNO" placeholder="请输入订单跟踪号" style="background-color:#efefef4d;" readonly>
|
</td>
|
</tr>
|
<tr>
|
<th>生产订单数量</th>
|
<td class="t1_input">
|
<input type="text" name="HICMOQty" class="layui-input" id="HICMOQty" placeholder="请输入生产订单数量" style="background-color:#efefef4d;" readonly>
|
<!--隐藏字段-->
|
<input type="hidden" name="HICMOInterID" class="layui-input" id="HICMOInterID"><!--任务单号ID取hicmointerid-->
|
<input type="hidden" name="HDeptID" class="layui-input" id="HDeptID"><!--生产车间id-->
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
|
<script src="../../layuiadmin/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
|
<script src="../../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<script>
|
|
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 BillStatusjson = params[params[0]];
|
var InterID = params[params[1]];
|
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'laydate', 'table', 'element'], function () {
|
var $ = layui.$
|
, admin = layui.admin
|
, element = layui.element
|
, layer = layui.layer
|
, table = layui.table
|
, laydate = layui.laydate
|
, form = layui.form;
|
|
//获取当前时间处理
|
$("#HStationOutTime").val(Format(new Date(), "yyyy-MM-dd"));
|
$("#HEmp").val(sessionStorage["HUserName"]);
|
$("#HEmpID").val(sessionStorage["Czybm"]);
|
|
//页面初始化赋值
|
//获取单据号
|
$.ajax({
|
url: GetWEBURL() + "/api/newBill/getNewInterBillNo",
|
type: "GET",
|
//data: { "HBillType": '3790' },
|
success: function (d) {
|
$("#HBillNo").val(d.data.HBillNo);//进站单号
|
$("#HInterID").val(d.data.HInterID);//进站单号ID
|
}, error: function () {
|
layer.alert("获取单据号失败!", { icon: 5 });
|
}
|
});
|
|
$("#HBarCode").focus();
|
$("#HBarCode").css("box-shadow", "0 0 0 1px #00ff00");
|
$("#Serial_number").attr("readonly", "readonly");//流水号只读
|
$("#Serial_number").css("background-color", "#efefef4d");
|
$("#Entrants_number").attr("readonly", "readonly");//进站数量只读
|
$("#Entrants_number").css("background-color", "#efefef4d");
|
|
|
//扫条形码方法
|
$('#HBarCode').on('keydown', function (event) { //扫条形码
|
var HBarCode = $('#HBarCode').val();//条形码（流转卡号）（数据库中为单据号）
|
if (event.keyCode == 13) {
|
//判断文本框是否有数据 new
|
if (HBarCode == "") {
|
layer.alert("条形码为空！", { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
|
return;
|
}
|
//
|
$.ajax({
|
url: GetWEBURL() + "api/newBill/getHbarCodeDetail",
|
type: "GET",
|
data: {
|
"sBillBarCode": HBarCode
|
},
|
success: function (result) {
|
if (result.code == 1) { // 说明验证成功了，
|
var data = result.data.h_v_Sc_ProcessExchangeBillList[0];
|
form.val("component-form-group", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
"HProcExchBillNo": $("#HBarCode").val()
|
, "HProcID": data.HProcID
|
, "HProc": data.工序
|
, "HCenter": data.工作中心
|
, "HCenterID": data.工作中心代码
|
, "HICMOInterID": data.hicmointerid
|
, "HICMOBillNo": data.任务单号
|
, "HDeptID": data.HDeptID
|
, "HQty": data.计划数量
|
, "HMaterID": data.产品代码
|
, "HMaterName": data.产品
|
, "HMaterModel": data.规格型号
|
, "HICMOQty": data.生产数量
|
, "HOrderProcNO": data.订单跟踪号
|
});
|
//$("#HBarCode").attr("readonly", "readonly");//条形码只读
|
//$("#HBarCode").css("background-color", "#efefef4d");
|
$("#HBarCode").css("box-shadow", "none");
|
$("#HProcNo").removeAttr("readonly");//移除流水号只读
|
$("#HProcNo").css("background-color", "white");
|
$("#HProcNo").focus();
|
$("#HProcNo").css("box-shadow", "0 0 0 1px #00ff00");
|
} else {
|
layer.alert(result.msg, { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
|
}
|
}, error: function () {
|
layer.alert("扫条形码方法发生错误!", { icon: 5 });
|
}
|
});
|
}
|
});
|
|
//流水号回车方法
|
$('#HProcNo').on('keydown', function (event) { //扫条形码
|
var HProcNo = $('#HProcNo').val();
|
var HBarCode = $('#HBarCode').val();
|
if (event.keyCode == 13) {
|
if (HProcNo == "" || HBarCode == "") {
|
layer.alert("流水号或流转卡号为空！", { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
|
return;
|
}
|
$.ajax({
|
url: GetWEBURL() + "/api/newBill/getProcDetail",
|
type: "GET",
|
data: {
|
"sBillNo": HBarCode
|
, "sProcNo": HProcNo
|
},
|
success: function (result) {
|
var data = result.data.h_v_Sc_ProcessExchangeBillList[0];
|
if (result.code == 1) { // 说明验证成功了，
|
form.val("component-form-group", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
"HProcID": data.HProcID
|
, "HProc": data.工序
|
, "HCenter": data.工作中心
|
, "HCenterID": data.工作中心代码
|
, "HICMOInterID": data.hicmointerid
|
, "HICMOBillNo": data.任务单号
|
, "HDeptID": data.HDeptID
|
, "HQty": data.计划数量
|
, "HMaterID": data.产品代码
|
, "HMaterName": data.产品
|
, "HMaterModel": data.规格型号
|
, "HICMOQty": data.生产数量
|
});
|
$("#HProcNo").css("box-shadow", "none");
|
checkPopup();
|
} else {
|
layer.alert(result.Message, { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
|
}
|
}, error: function () {
|
layer.alert("流水号方法发生错误!", { icon: 5 });
|
}
|
});
|
}
|
});
|
|
//合格数量回车方法
|
$('#HQty').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
$("#HQty").css("box-shadow", "none");
|
checkPopup();
|
}
|
});
|
|
//工时回车方法
|
$('#HWorkTimes').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
$("#HWorkTimes").css("box-shadow", "none");
|
checkPopup();
|
}
|
});
|
|
//报废数量回车方法
|
$('#HWasterQty').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
$("#HWasterQty").css("box-shadow", "none");
|
checkPopup();
|
}
|
});
|
|
//选择生产班组弹窗
|
form.on('submit(ProductionTeam-BT)', function () {//选择生产班组
|
layer.open({
|
type: 2
|
, area: ['80%', '80%']
|
, title: '生产班组'
|
, shade: 0.6 //遮罩透明度
|
//, maxmin: true //允许全屏最小化
|
, anim: 0 //0-6的动画形式，-1不开启
|
, content: ['../Baseset/基础资料/Gy_GetProductionTeamList.html', 'yes']
|
, resize: false
|
, cancel: function (index, layero) {
|
}
|
})
|
});
|
|
//选择生产资源弹窗
|
form.on('submit(ProductionResources-BT)', function () {//生产资源
|
layer.open({
|
type: 2
|
, area: ['80%', '80%']
|
, title: '生产资源'
|
, shade: 0.6 //遮罩透明度
|
//, maxmin: true //允许全屏最小化
|
, anim: 0 //0-6的动画形式，-1不开启
|
, content: ['../Baseset/基础资料/Gy_GetProductionResourcesList.html', 'yes']
|
, resize: false
|
, cancel: function (index, layero) {
|
}
|
})
|
});
|
|
//选择工作中心弹窗
|
form.on('submit(HWorkingProcedure-BT)', function () {//选择工作中心
|
layer.open({
|
type: 2
|
, area: ['80%', '80%']
|
, title: '工作中心'
|
, shade: 0.6 //遮罩透明度
|
//, maxmin: true //允许全屏最小化
|
, anim: 0 //0-6的动画形式，-1不开启
|
, content: ['../Baseset/基础资料/Gy_WorkCenterList.html', 'yes']
|
, resize: false
|
, cancel: function (index, layero) {
|
}
|
})
|
});
|
|
//选择检验员
|
form.on('submit(HSecManagerID-BT)', function (data) {//选择检验员
|
var sMainStr = JSON.stringify(data.field);
|
layer.open({
|
type: 2
|
, area: ['100%', '100%']
|
, title: '检验员列表'
|
, shade: 0.6 //遮罩透明度
|
, maxmin: true //允许全屏最小化
|
, anim: 0 //0-6的动画形式，-1不开启
|
, content: ['../Baseset/基础资料/Gy_EmployeeList.html?Type=HSecManager', 'yes']
|
, resize: false
|
, cancel: function () {
|
//$(".layui-btn").removeClass("layui-btn-disabled");
|
}
|
})
|
});
|
|
//保存按钮
|
form.on('submit(Saver)', function (data) {//提交
|
//debugger;
|
var sMainStr = data.field;
|
console.log(sMainStr);
|
$.ajax(
|
{
|
type: "POST",
|
url: GetWEBURL() + "/api/newBill/setStationOutBill", //方法所在页面和方法名
|
//url:"http://localhost:12761/api/newBill/setStationOutBill",
|
async: true,
|
data: sMainStr,
|
dataType: "json",
|
success: function (result) {
|
console.log(result);
|
if (result.code == 1) { // 说明验证成功了，
|
$("#sHWHID").val("");
|
layer.alert(result.msg + "单号为：" + $("#HBillNo").val(), { icon: 1 }, function () {
|
window.location.reload();//刷新页面
|
});
|
}
|
else {
|
layer.alert(result.msg, { icon: 5 });
|
}
|
layer.closeAll("loading");
|
layui.form.render();
|
},
|
error: function (err) {
|
layer.alert("接口请求失败:" + err, { icon: 5 });
|
}
|
});
|
});
|
|
//退出按钮
|
form.on('submit(Close)', function (data) {//退出
|
layer.confirm('您确定要关闭本页吗？', { icon: 3, title: '提示' }, function (index) {
|
parent.location.href = "../../views/index.html";
|
});
|
});
|
|
//新增按钮
|
form.on('submit(HAddBT)', function (data) {//退出
|
layer.confirm('您确定要新增吗？', { icon: 3, title: '提示' }, function (index) {
|
window.location.reload();
|
});
|
});
|
|
|
|
|
|
|
//以上为layui模块
|
});
|
|
//原生js初始化
|
$(function () {
|
|
});
|
|
//校验是否选择弹窗事件
|
function checkPopup() {
|
if (!$("#HQty").val()) {
|
$("#HQty").css("box-shadow", "0 0 0 1px #00ff00");
|
$("#HQty").focus();
|
}
|
else if (!$("#HWorkTimes").val()) {
|
$("#HWorkTimes").css("box-shadow", "0 0 0 1px #00ff00");
|
$("#HWorkTimes").focus();
|
}
|
else if (!$("#HWasterQty").val()) {
|
$("#HWasterQty").css("box-shadow", "0 0 0 1px #00ff00");
|
$("#HWasterQty").focus();
|
}
|
else if (!$("#HSource").val()) {
|
$("#HSource").css("box-shadow", "0 0 1px 2px #00ff00");
|
$("#HSource").focus();
|
}
|
else if (!$("#HGroup").val()) {
|
$("#HGroup").css("box-shadow", "0 0 1px 2px #00ff00");
|
$("#HGroup").focus();
|
}
|
else if (!$("#HCenter").val()) {
|
$("#HCenter").css("box-shadow", "0 0 1px 2px #00ff00");
|
$("#HCenter").focus();
|
}
|
}
|
|
//返回生产班组
|
function GetProductionTeamValue(obj) { //返回生产班组
|
if (obj.length == 0) {
|
layer.msg("请先选择班组", { index: 0 });
|
} else {
|
$("#HGroup").val(obj[0].班组);
|
$("#HGroupID").val(obj[0].HItemID);
|
$("#HGroup").css("box-shadow", "none");
|
checkPopup();
|
layer.closeAll();
|
}
|
}
|
|
//返回生产资源
|
function GetProductionResourcesValue(obj) { //返回生产资源
|
if ($("#HSource").val()) {
|
$("#HSource").css("box-shadow", "none");
|
}
|
$("#HSource").val(obj[0].生产资源);
|
$("#HSourceID").val(obj[0].HItemID);
|
$("#HSource").css("box-shadow", "none");
|
checkPopup();
|
}
|
|
//返回工作中心
|
function GetWorkCenterValue(obj) { //返回工作中心
|
if (obj.length == 0) {
|
layer.msg("请先选择班组", { index: 0 });
|
} else {
|
$("#HCenter").val(obj[0].工作中心);
|
$("#HCenterID").val(obj[0].HItemID);
|
$("#HCenter").css("box-shadow", "none");
|
checkPopup();
|
layer.closeAll();
|
}
|
}
|
|
//返回检验员
|
function GetHSecManagerValue(obj) { //返回检验员
|
$("#HQCCheck").val(obj[0].HName);
|
$("#HQCCheckID").val(obj[0].HItemID);
|
}
|
|
|
</script>
|
</body>
|
</html>
|
