<!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>
|
<script src="../../../layuiadmin/PubCustom.js"></script>
|
<!--自定义样式-->
|
<style>
|
.maintitle {
|
background-color: #1492ff;
|
color: #fff;
|
padding: 5px 10px;
|
border: none;
|
border-radius: 4px;
|
}
|
|
.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">
|
<div class="layui-card-body" style="padding: 0px; height:800px;">
|
<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:15px;margin:0px">
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">收料单号</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="text" name="HBillNo" id="HBillNo" lay-verify="HBillNo" autocomplete="off" class="layui-input" style="border-radius: 5px;background-color:#efefef4d;" disabled>
|
<input type="hidden" name="HMainID" id="HMainID" value="0">
|
<input type="hidden" name="HSubID" id="HSubID" value="0">
|
<input type="hidden" name="HSupID" id="HSupID" value="0">
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">采购订单号</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="text" name="HOrderBillNo" id="HBillNo" lay-verify="HOrderBillNo" autocomplete="off" class="layui-input" style="border-radius: 5px;background-color:#efefef4d;" disabled>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">物料编码</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="hidden" name="HMaterID" id="HMaterID" value="0">
|
<input type="text" name="HMaterNumber" id="HMaterNumber" lay-verify="HMaterNumber" autocomplete="off" class="layui-input" style="border-radius: 5px;background-color:#efefef4d;" disabled>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">物料名称</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="text" name="HMaterName" id="HMaterName" lay-verify="HMaterName" autocomplete="off" class="layui-input" style="border-radius: 5px;background-color:#efefef4d;" disabled>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">规格型号</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="text" name="HMaterModel" id="HMaterModel" lay-verify="HMaterModel" autocomplete="off" class="layui-input" style="border-radius: 5px;background-color:#efefef4d;" disabled>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">收料数量</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="text" name="HQty" id="HQty" lay-verify="HQty" autocomplete="off" class="layui-input" style="border-radius: 5px;background-color:#efefef4d;" disabled>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">每箱数量</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="text" name="HMinQty" id="HMinQty" lay-verify="HMinQty" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">箱数</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input type="text" name="HBQty" id="HBQty" lay-verify="HBQty" autocomplete="off" class="layui-input" style="border-radius: 5px;background-color:#efefef4d;" disabled>
|
</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>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<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="z-index: 10; position: fixed; text-align: center; bottom: 0; width:100%; height:50px">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HBarCode_Add" id="HBarCode_Add">条码生成</button>
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HPrint_bt" id="HPrint_bt">打印</button>
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="Cancel" id="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 params = getUrlVars();
|
var OperationType = params[params[0]]; //从参数中获取 数据类型 1添加 保存 2复制 3 编辑
|
var linterid = params[params[1]]; //从参数中获取 单据内码
|
var HEntryID = params[params[2]]; //从参数中获取 单据内码
|
var ref = /^[0-9]+\.?[0-9]*$/;
|
var option = [];
|
//初始化表格
|
set_InitGrid();
|
|
GetBarCoreList();//获取源单信息
|
|
//行内事件
|
table.on('tool(mainTable)', function (obj) {
|
set_GridDelete(obj); //行内删除
|
});
|
|
form.on('submit(Cancel)', function () {
|
if (OperationType == 1) {
|
Pub_Close(1);
|
} else {
|
layer.confirm('您确定要退出吗？', { icon: 3, title: '提示' }, function (index) {
|
parent.location.href = "../../../views/index_Mobile.html";
|
});
|
}
|
|
});
|
|
// 监听 每箱数量回填箱数
|
$("#HMinQty").blur(function (data) { //工废数量
|
// 获取输入框的值
|
if (!ref.test($("#HMinQty").val())) {
|
layer.msg(("每箱数量，请输入0-9正确数值", sessionStorage["HTranSlate"]), { time: 3000, });
|
$("#HWasterQty_Work").val("0");
|
}
|
// 使用 Math.ceil() 向上取整
|
$("#HBQty").val(Math.ceil(Number($("#HQty").val()) / Number($("#HMinQty").val()))); //数量除以最小包装数并向上取整
|
});
|
|
|
form.on('submit(HBarCode_Add)', function (data) {
|
//获取表头数据并序列化
|
var sMainStr = JSON.stringify([data.field]); //主表数据
|
//获取选择的组织
|
var HOrgType = sessionStorage["Organization"];
|
//获取选择的工厂代码
|
var CampanyName = "xxx";
|
//获取选择的源单类型
|
var HSourceBillType = "收料通知单";
|
//获取选择的条码类型
|
var HSelectBarCodeType = "唯一条码";
|
//获取当前登录人员
|
var UserName = sessionStorage["HUserName"];
|
var sMainSub = sMainStr + ';' + HOrgType + ';' + HSourceBillType + ';' + HSelectBarCodeType + ';' + CampanyName + ';' + UserName;
|
SaveBarCodeCreate(sMainSub);
|
})
|
|
//初始化表格
|
function set_InitGrid() {
|
//表头
|
columns = [
|
{ type: 'checkbox', fixed: 'left' }
|
, { templet: '#xuhao', title: '序号', sort: true, fixed: 'left', event: "qwe", width: 75 }
|
, { field: 'HMaterID', title: '物料ID', width: 100, hide: true }
|
, { field: '物料代码', title: '物料代码', width: 200 }
|
, { field: '物料名称', title: '物料名称', width: 200 }
|
, { field: '规格型号', title: '规格型号', width: 200 }
|
, { field: '条码编号', title: '条码编号', width: 200 }
|
, { field: '数量', title: '数量', edit: 'text', width: 100, totalRow: true }
|
/*, { fixed: 'right', title: '操作', toolbar: '#barDemo' }*/
|
];
|
option = {
|
id: 'mainTable'
|
, elem: '#mainTable'
|
, page: false
|
, cellMinWidth: 75
|
, height: 'full-325'
|
, cols: [columns]
|
, limit: 500 //每页默认显示的数量
|
, done: function (res, curr, count) {
|
}
|
};
|
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);
|
}
|
});
|
}
|
}
|
|
//获取源单信息
|
function GetBarCoreList() {
|
$.ajax({
|
url: GetWEBURL() + "/Cg_POInStockBill/loadCg_POInStockBill_Push",
|
type: "GET",
|
data: { "HInterID": linterid, "HSubID": HEntryID },
|
success: function (result) {
|
if (result.code == "1") {
|
var data = result.data[0];
|
$("#HMainID").val(linterid);
|
$("#HSubID").val(HEntryID);
|
$("#HBillNo").val(data.单据号);
|
$("#HMaterID").val(data.HMaterID);
|
$("#HMaterNumber").val(data.物料代码);
|
$("#HMaterName").val(data.物料名称);
|
$("#HMaterModel").val(data.规格型号);
|
$("#HSupID").val(data.HSupID);
|
$("#HQty").val(data.数量);
|
}
|
else {
|
layer.close(index);
|
layer.msg(result.Message, {
|
icon: 5, time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示", btn: ['确认']
|
}, function () {
|
});
|
}
|
},
|
error: function (err) {
|
layer.close(index);
|
layer.msg("接口请求失败！" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
});
|
}
|
|
|
|
//条码生成
|
function SaveBarCodeCreate(sMainSub, CampanyName) {
|
$.ajax(
|
{
|
type: "POST",
|
url: GetWEBURL() + "/Sc_BarCode/Sub_SaveBill", //方法所在页面和方法名
|
async: false,
|
data: { "msg": sMainSub, "CampanyName": CampanyName },
|
dataType: "json",
|
success: function (result) {
|
if (result.count == 1) { // 说明验证成功了，
|
//加载档案列表
|
table.reload('mainTable', {
|
data: result.data // 调用table.reload 重新渲染显示加载追加了数据的表格
|
});
|
|
}
|
else {
|
layer.alert((result.Message, sessionStorage["HTranSlate"]), { icon: 5 });
|
}
|
layer.closeAll("loading");
|
},
|
error: function (err) {
|
layer.alert((err.Message, sessionStorage["HTranSlate"]), { icon: 5 });
|
}
|
});
|
}
|
|
|
//#region 获取参数
|
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;
|
}
|
//#endregion
|
|
//以上为layui模块
|
});
|
</script>
|
</body>
|
</html>
|
