<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<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>
|
.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:900px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<div class="layui-form-item" style="padding:15px;margin:0px">
|
<div class="layui-row" style="width:350px;">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:50px;padding-left:0px;">条形码:</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input style="width:230px;" type="text" name="HBarCode" id="HBarCode" lay-verify="HBarCode" onKeypress="javascript:if(event.keyCode == 32)event.returnValue = false;" autocomplete="off" class="layui-input" onfocus="this.select();">
|
</div>
|
<div class="layui-col-xs1">
|
<button style="width: 60px;" type="button" lay-submit="" class="layui-btn" lay-filter="cmdHBarCode" id="cmdHBarCode">查询</button>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width: 60px; text-align: left;">物料编码:</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input name="HMaterID" id="HMaterID" lay-verify="HMaterID" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width: 60px; text-align: left;">物料名称:</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input name="HName" id="HName" lay-verify="HName" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width: 60px; text-align: left;">规格型号:</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input name="HMaterModel" id="HModel" lay-verify="HModel" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width: 60px; text-align: left;">辅助属性:</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input name="HAuxPropName" id="HAuxPropName" lay-verify="HAuxPropName" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width: 60px; text-align: left;">批次:</label>
|
</div>
|
<div class="layui-col-xs8">
|
<input name="HBatchNo" id="HBatchNo" lay-verify="HBatchNo" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-tab layui-col-xs12" lay-filter="tab-Gy_BarCodeBillInOut_PDA">
|
<ul class="layui-tab-title" lay-filter="tab-all">
|
<li lay-id="1" style="padding:1px;">基本信息</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<!--基本信息-->
|
<table class="" id="mainTable" lay-filter="mainTable"></table>
|
</div>
|
<div class="layer-footer" style="z-index: 10; position:absolute; right:35px;height:50px">
|
<div class="layui-col-xs3">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="cmdCancel">退出</button>
|
</div>
|
</div>
|
</div>
|
</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
|
, element = layui.element;
|
var HBarCode_In = $('#HBarCode_In').val()
|
var OperationType = 0;//操作类型
|
var option = [];
|
var HModName = "Gy_BarCodeBillInOut_PDA";
|
|
//#endregion
|
//#region 进入页面既加载
|
var titleData = ["HInterID", "HAuxPropID", "物料名称", "HBarCode", "辅助属性", "物料编码", "规格型号", "批次1", "HWhID", "HStockPlaceID", "HOutStockPlaceID","HSCWHID"];
|
|
//#region 初始化界面
|
|
set_ClearBill();
|
|
function set_ClearBill() {
|
element.tabChange('tab-Gy_BarCodeBillInOut_PDA', '1');
|
var pFocus = $("#HBarCode_In");
|
pFocus.focus(); //获取光标
|
pFocus.select();
|
set_InitGrid(); //初始化表格
|
|
//加载数据到网格
|
DisPlay_HideColumn();
|
}
|
|
//#endregion
|
|
|
|
|
//#region 初始化表格方法
|
function set_InitGrid() {
|
option = {
|
elem: '#wl-table'
|
, height: 'full-50'
|
//, page: true
|
, cellMinWidth: 90
|
, limit: 50
|
//, limits: [50, 500, 5000, 20000]
|
};
|
}
|
|
//#endregion
|
|
|
|
|
|
|
//判断是否登录 未登录则跳到登录页
|
if (sessionStorage.login != "login") {
|
layer.confirm("登录失效，请重新登录！", {
|
icon: 4, skin: 'layui-layer-lan', title: "温馨提示", closeBtn: 0, btn: ['重新登录']
|
}, function () { window.location.href = "../../user/login.html"; });
|
}
|
|
//#region 扫描物料条码
|
|
//扫条码
|
$('#HBarCode').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
layer.load(3)
|
layer.closeAll("loading");
|
}
|
});
|
|
//#region 查询
|
form.on('submit(cmdHBarCode)', function (data) {
|
layer.load(3)
|
getInfoByBarcode();
|
layer.closeAll("loading");
|
RoadBillMain();
|
});
|
//#endregion
|
|
//##region 监听
|
$('#HBarCode').on('keydown', function (event) {
|
if (event.keyCode == 13) {
|
getInfoByBarcode();
|
RoadBillMain();
|
}
|
});
|
//#endregion
|
|
|
|
|
//#region 加载表头
|
function RoadBillMain() {
|
//查询检验方案单是否存在
|
var HBarCode = $('#HBarCode').val();
|
$.ajax({
|
url: GetWEBURL() + "Gy_BarCodeBillInOut/cx",
|
type: "GET",
|
data: { "HBarCode": HBarCode },
|
success: function (result) {
|
if (result.code == 1) { // 说明验证成功了，
|
var data = result.data[0];
|
allVal = result.data[0];
|
form.val("component-form-group", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
"HMaterID": data.物料编码
|
, "HName": data.物料名称
|
, "HModel": data.规格型号
|
, "HAuxPropName": data.辅助属性
|
, "HBatchNo": data.批次
|
});
|
}
|
}
|
});
|
}
|
//#endregion
|
|
|
|
function getInfoByBarcode() {
|
var HBarCode = $('#HBarCode').val();
|
|
if (!HBarCode) {
|
layer.msg("条形码不能为空！")
|
return;
|
}
|
/*var index = layer.load();*/
|
$.ajax({
|
url: GetWEBURL() + "WEBSController/GetGy_BarCodeBillInOut_PDA_Json",
|
type: "GET",
|
async: false,
|
data: { "HBarCode": HBarCode},
|
success: function (data1) {
|
|
if (data1.count == 1) {
|
|
var data = [];
|
var col = [];
|
//给空的数组赋值
|
for (var key in data1.list) {
|
data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
|
}
|
|
//在列表左边添加序号
|
|
col.push({ type: 'checkbox', fixed: 'left' });
|
col.push({ type: 'numbers', title: '序号', totalRow: true });
|
for (var i = 0; i < data.length; i++) {
|
if ($.inArray(data[i].name, titleData) > -1) {
|
col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //隐藏id列
|
}
|
else {
|
switch (data[i].Type) {
|
//int
|
case 'DateTime':
|
col.push({ field: data[i].id, title: data[i].name, align: 'center' });
|
break;
|
default:
|
col.push({ field: data[i].id, title: data[i].name, align: 'center' });
|
}
|
}
|
}
|
|
option = {
|
elem: '#mainTable'
|
, cellMinWidth: 100
|
/*, page: true*/
|
, limit: 50
|
, limits: [50, 500, 5000, 20000]
|
, height: 'full-70'
|
, cols: [col]
|
, data: data1.data
|
};
|
table.render(option);
|
|
if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") {
|
ColFilter();
|
}
|
}
|
},
|
error: function (err) {
|
layer.msg('错误' + err, {
|
icon: 5,
|
time: 20000
|
}, function () {
|
//do something
|
});
|
}
|
})
|
}
|
|
|
//#region 显示列数据
|
function DisPlay_HideColumn() {
|
$.ajax({
|
url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
|
type: "GET",
|
data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
|
success: function (data1) {
|
if (data1.data.length != 0) {
|
|
var dataCol = [];//数据库查询出的列数据
|
var titleData = ["HMaterID", "HDeptID", "HInterID"];//不需要显示的字段 可扩展
|
|
dataCol = data1.data[0].HGridString.split(',');
|
|
for (var i = 0; i < option.cols[0].length - 1; i++) {
|
if (dataCol[i]) {
|
var dataCols = dataCol[i].split('|');
|
}
|
//隐藏列
|
if (dataCols[1] == 1) {
|
option.cols[0][i + 1]["hide"] = true;
|
}
|
//设置内容字体大小
|
if (data1.data[0].HFontSize != 0) {
|
option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
|
} else {
|
option.cols[0][i + 1]["style"] = "font-size:100%";
|
}
|
//设置列宽
|
if (dataCols[3] > 0) {
|
option.cols[0][i + 1]["width"] = dataCols[3];
|
}
|
//显示列
|
if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) {
|
option.cols[0][i + 1]["hide"] = false;
|
}
|
//字体所在位置(左 居中 右)
|
switch (dataCols[2]) {
|
case "L":
|
option.cols[0][i + 1]["align"] = "left";
|
break;
|
case "M":
|
option.cols[0][i + 1]["align"] = "center";
|
break;
|
case "R":
|
option.cols[0][i + 1]["align"] = "right";
|
break;
|
}
|
}
|
|
//取消冻结列
|
for (var i = 1; i < option.cols[0].length - 1; i++) {
|
if (option.cols[0][i]["fixed"] != null) {
|
option.cols[0][i]["fixed"] = null;
|
}
|
else {
|
break;
|
}
|
}
|
//冻结列
|
if (data1.data[0].HFixCols != 0) {
|
for (var i = 0; i < data1.data[0].HFixCols; i++) {
|
if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) {
|
data1.data[0].HFixCols += 1;
|
}
|
option.cols[0][i + 1]["fixed"] = "left";
|
}
|
}
|
table.render(option);
|
} else {
|
table.render(option);
|
}
|
}, error: function () {
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
})
|
}
|
|
//#endregion
|
|
//#region 退出功能控件
|
|
form.on('submit(cmdCancel)', function () {
|
layer.confirm('您确定要退出吗？', { icon: 3, title: '提示' }, function (index) {
|
parent.location.href = "../../../views/index_Mobile.html";
|
});
|
})
|
//#endregion
|
|
})
|
</script>
|
</body>
|
</html>
|
