<!DOCTYPE html>
|
<html>
|
<head>
|
<meta 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.0, minExum-scale=1.0, maxExum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
</head>
|
<body>
|
|
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list"
|
style="padding: 20px 0 0 0;">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">出库仓库</label>
|
<div class="layui-input-inline">
|
<select name="ExportWarehouseId" id="ExportWarehouseId" lay-filter="WarehouseId" lay-verify="required" lay-search>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">单据类型</label>
|
<div class="layui-input-inline">
|
<select name="ExportBillType" id="ExportBillType" lay-verify="required" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">货主</label>
|
<div class="layui-input-inline">
|
<select name="ExportCustomerName" id="ExportCustomerName" lay-verify="required" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">拣货区</label>
|
<div class="layui-input-inline">
|
<select name="PickingArea" id="PickingArea" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-card">
|
<div class="layui-card-body">
|
<div style="padding-bottom: 2px;">
|
<button class="layui-btn layui-btn-sm layuiadmin-btn-list" data-type="add">添加明细</button>
|
</div>
|
<table id="LAY-app-content-list" name="LAY-app-content-list" lay-filter="LAY-app-content-list">
|
</table>
|
<script type="text/html" id="switchExportGoodsStatus">
|
<!-- 这里的 checked 的状态只是演示 -->
|
<input type="checkbox" name="sex" value="{{d.id}}" lay-skin="switch" checked lay-text="合格|待检">
|
</script>
|
<script type="text/html" id="table-content-list">
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"> <i
|
class="layui-icon layui-icon-delete"></i>删除</a>
|
</script>
|
<button type="submit" class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit=""
|
lay-filter="form1">立即提交</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../js/public.js"></script>
|
<script src="../../../js/jquery-3.5.1.min.js"></script>
|
<script src="../../../js/jquery.cookie.js"></script>
|
<script>
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'layer', 'laydate', 'table'], function() {
|
var $ = layui.$,
|
form = layui.form,
|
laydate = layui.laydate,
|
table = layui.table,
|
layer = layui.layer;
|
|
laydate.render({
|
elem: '#test1'
|
});
|
var username = $.cookie('userName');
|
var userid = $.cookie('userId');
|
var arr = [];
|
initPage();
|
window.success = function(data) {
|
refreshTable(data);
|
};
|
|
function PrefixZero(num, n) {
|
return (Array(n).join(0) + num).slice(-n);
|
}
|
|
function refreshTable(data) {
|
//table.clear();
|
var isHave = false;
|
for (var i in data) {
|
for(var j in arr){
|
if(arr[j].StockGoodsCode == data[i].StockGoodsCode
|
&& arr[j].StockLotNo == data[i].StockLotNo){
|
isHave = true;
|
break;
|
}
|
}
|
if(isHave){
|
continue;
|
}
|
arr.push(data[i]); //属性
|
}
|
$.extend(infoOptions, {
|
data: arr
|
});
|
infoOptions.page = {
|
curr: 1
|
}
|
table.render(infoOptions);
|
}
|
var infoOptions = {
|
elem: '#LAY-app-content-list',
|
height: 'full-250',
|
id: 'LAY-app-content-list',
|
page: true,
|
limit: pageCnt,
|
limits: pageLimits,
|
cellMinWidth: 60, //全局定义常规单元格的最小宽度,layui 2.2.1 新增
|
cols: [
|
[ //标题栏
|
{
|
field: 'StockGoodsId',
|
title: '物品Id',
|
width: 50,
|
align: 'center',
|
fixed: 'left',
|
hide: true,
|
}, {
|
field: 'NeedLotNo',
|
hide: true,
|
}, {
|
field: 'StockGoodsCode',
|
title: '物品编码',
|
width: 100,
|
align: 'center',
|
fixed: 'left',
|
}, {
|
field: 'StockGoodsName',
|
title: '物品名称',
|
minWidth: 200,
|
align: 'center',
|
fixed: 'left',
|
}, {
|
field: 'StockGoodsStandard',
|
title: '物品规格',
|
align: 'center',
|
minWidth: 100
|
}, {
|
field: 'StockGoodsUnitName',
|
title: '计量单位',
|
fixed: 'right',
|
align: 'center',
|
width: 60
|
}, {
|
field: 'StockLotNo',
|
title: '批次',
|
align: 'center',
|
width: 100,
|
|
}, {
|
field: 'OwnerName',
|
title: '货主',
|
align: 'center',
|
width: 100,
|
|
}, {
|
field: 'StockGoodsStatus',
|
title: '物品状态',
|
align: 'center',
|
width: 100,
|
hide: true
|
}, {
|
field: 'StockQuantity',
|
title: '库存数量',
|
width: 100,
|
fixed: 'right',
|
align: 'center',
|
}, {
|
field: 'ExportQuantity',
|
title: '出库数量',
|
align: 'center',
|
width: 100,
|
fixed: 'right',
|
edit: 'number',
|
event: 'dataNumber'
|
}, {
|
title: '操作',
|
align: 'center',
|
templet: '#table-content-list',
|
width: 90,
|
fixed: 'right',
|
}
|
]
|
],
|
};
|
var tableIns;
|
|
var $ = layui.$,
|
active = {
|
add: function() {
|
layer.open({
|
type: 2,
|
title: '选择物品信息',
|
content: 'ExportBillGoodsListForm.html?houseId=' + $("#ExportWarehouseId")
|
.val(),
|
maxmin: true,
|
area: ['950px', '90%'],
|
fixed: false,
|
});
|
}
|
};
|
$('.layui-btn.layuiadmin-btn-list').on('click', function() {
|
var type = $(this).data('type');
|
active[type] ? active[type].call(this) : '';
|
});
|
var ExportId = "";
|
table.on('tool(LAY-app-content-list)', function(obj) {
|
var data = obj.data;
|
if (obj.event === 'del') {
|
var ii = -1;
|
for (var j in arr) {
|
if (obj.data.StockGoodsCode == arr[j].StockGoodsCode) {
|
ii = j;
|
break;
|
}
|
}
|
if (ii > -1) {
|
arr.splice(ii, 1);
|
obj.del();
|
}
|
} else if (obj.event === 'dataNumber') {
|
$("table input").attr("type", "number");
|
$("table input").attr("step", "1");
|
}
|
});
|
|
form.verify({
|
emptyNo: function(value) {
|
if (value == '') {
|
return '';
|
} else {
|
var ver = /^[0-9]+$/;
|
if (!ver.test(value)) {
|
return '只能输入正整数';
|
}
|
}
|
}
|
});
|
var isrun = 0;
|
form.on('submit(form1)', function(data) {
|
if(isrun == 1){
|
return;
|
}
|
isrun = 1;
|
if (infoOptions.data == 0) {
|
layer.msg("请添加明细!", {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {
|
|
});
|
isrun = 0;
|
return;
|
}
|
var DataList = [];
|
for (var i in infoOptions.data) {
|
if (infoOptions.data[i].ExportQuantity == "") {
|
layer.msg("请输入出库数量!", {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
isrun = 0;
|
return;
|
}
|
if(typeof infoOptions.data[i].ExportQuantity == String){
|
|
if(infoOptions.data[i].ExportQuantity.indexOf('.')>=0){
|
alert("出库数量必须是大于0的整数");
|
isrun = 0;
|
return;
|
}
|
if(infoOptions.data[i].ExportQuantity.indexOf('-')>=0){
|
alert("出库数量必须是大于0的整数");
|
isrun = 0;
|
return;
|
}
|
if(infoOptions.data[i].ExportQuantity.charAt(0)=='0'){
|
alert("出库数量必须是大于0的整数");
|
isrun = 0;
|
return;
|
}
|
}
|
if (infoOptions.data[i].ExportQuantity <= 0) {
|
layer.msg("出库数量必须大于0!", {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
isrun = 0;
|
return;
|
}
|
if (infoOptions.data[i].ExportQuantity > infoOptions.data[i].StockQuantity) {
|
layer.msg("出库数量不能大于库存数量!", {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
isrun = 0;
|
return;
|
}
|
var item = {
|
GoodsId: infoOptions.data[i].StockGoodsId,
|
StockGoodsStatus: infoOptions.data[i].StockGoodsStatus,
|
StockGoodsCode: infoOptions.data[i].StockGoodsCode,
|
StockLotNo: infoOptions.data[i].StockLotNo,
|
ExportQuantity: infoOptions.data[i].ExportQuantity,
|
ProductionDate: infoOptions.data[i].StockProductionDate,
|
LostDate: infoOptions.data[i].StockLostDate,
|
NeedLotNo: infoOptions.data[i].NeedLotNo
|
};
|
DataList.push(item); //属性
|
}
|
var param = {
|
BillCode: ExportId,
|
ExportWarehouseId: data.field.ExportWarehouseId,
|
ExportBillType: data.field.ExportBillType,
|
ExportCustomerName: data.field.ExportCustomerName,
|
PickingArea: data.field.PickingArea,
|
UserId: userid,
|
Detail: DataList
|
}
|
|
sendData(IP + "/Export/UpdateExportBill", param, 'post', function(res) {
|
if (res.code == 1) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {
|
parent.location.reload();
|
parent.layer.close(layer.index);
|
});
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
isrun = 0;
|
}
|
});
|
return false;
|
});
|
form.on('select(WarehouseId)', function(data) {
|
getBillTypeList();
|
});
|
function getBillTypeList(){
|
var houseId = $("#ExportWarehouseId").val();
|
var param = {
|
houseId: houseId
|
};
|
sendData(IP + "/Export/GetExportBillTypeList", param, 'post', function(res) {
|
if (res.code == 1) {
|
$("#ExportBillType").empty();
|
$("#ExportBillType").append('<option></option>');
|
for (var i = 0; i < res.data.length; i++) {
|
$("#ExportBillType").append('<option value =' + res.data[i].BillTypeCode + '>' +
|
res.data[i].BillTypeName + '</option>');
|
}
|
form.render('select');
|
} else{
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
}
|
});
|
}
|
//
|
function getData(){
|
ExportId = getQueryString("id");
|
var param = {
|
id: ExportId
|
};
|
sendData(IP + "/Export/GetEditExportBill", param, 'post', function(res) {
|
if(res.code == 1){
|
$("#ExportWarehouseId").val(res.data.ExportWarehouseId);
|
$("#ExportCustomerName").val(res.data.ExportCustomerName);
|
$("#PickingArea").val(res.data.PickingArea);
|
form.render('select');
|
changeBillType(res.data.ExportBillType);
|
refreshTable(res.data.Detail);
|
}
|
else{
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
}
|
});
|
}
|
function changeBillType(billType){
|
var houseId = $("#ExportWarehouseId").val();
|
var param = {
|
houseId: houseId
|
};
|
sendData(IP + "/Export/GetExportBillTypeList", param, 'post', function(res) {
|
if (res.code == 1) {
|
$("#ExportBillType").empty();
|
$("#ExportBillType").append('<option></option>');
|
for (var i = 0; i < res.data.length; i++) {
|
$("#ExportBillType").append('<option value =' + res.data[i].BillTypeCode + '>' +
|
res.data[i].BillTypeName + '</option>');
|
}
|
form.render('select');
|
$("#ExportBillType").val(billType);
|
form.render('select');
|
} else{
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
}
|
});
|
}
|
function initPage() {
|
sendData(IP + "/Export/GetAllSelect", "", 'post', function(res) {
|
if (res.code == 1) { //成功
|
for (var i = 0; i < res.Warehousedata.length; i++) {
|
$("#ExportWarehouseId").append('<option value =' + res.Warehousedata[i]
|
.WarehouseId +
|
'>' + res.Warehousedata[i].WarehouseName + '</option>');
|
}
|
for (var i = 0; i < res.BillTypedata.length; i++) {
|
$("#ExportBillType").append('<option value =' + res.BillTypedata[i].BillTypeCode + '>' +
|
res.BillTypedata[i].BillTypeName +
|
'</option>');
|
}
|
for (var i = 0; i < res.Customerdata.length; i++) {
|
$("#ExportCustomerName").append('<option value =' + res.Customerdata[i].CustomerCode +
|
'>' + res.Customerdata[i].CustomerName +
|
'</option>');
|
}
|
for (var i = 0; i < res.PickingArea.length; i++) {
|
$("#PickingArea").append('<option value =' + res.PickingArea[i].Code +
|
'>' + res.PickingArea[i].TypeName +
|
'</option>');
|
}
|
form.render('select');
|
getData();
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭(如果不配置,默认是3秒)
|
}, function() {});
|
}
|
});
|
}
|
//获取浏览器参数
|
function getQueryString(name) {
|
var query = window.location.search.substring(1);
|
var vars = query.split("&");
|
for (var i=0;i<vars.length;i++) {
|
var pair = vars[i].split("=");
|
if(pair[0] == name){
|
return pair[1];
|
}
|
}
|
return(false);
|
}
|
})
|
</script>
|
</body>
|
</html>
|