<!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, minimum-scale=1.0, maximum-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 30px 0 0;">
|
<div class="layui-form-item">
|
<label class="layui-form-label">单据类型</label>
|
<div class="layui-input-inline" style="width: 20%;">
|
<select name="ImportBillType" id="ImportBillType" lay-verify="required" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
<label class="layui-form-label">入库日期</label>
|
<div class="layui-input-inline" style="width: 20%;">
|
<input type="text" name="ImportDate" lay-verify="required" placeholder="请选择入库日期" autocomplete="off" class="layui-input"
|
id="test1" placeholder="yyyy-MM-dd">
|
</div>
|
<label class="layui-form-label">建单人</label>
|
<div class="layui-input-inline" style="width: 22%;">
|
<input type="text" name="ImportLoginName" disabled placeholder="请输入建单人" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">入库仓库</label>
|
<div class="layui-input-inline" style="width: 20%;">
|
<select name="ImportWarehouseId" id="ImportWarehouseId" lay-verify="required" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
<label class="layui-form-label">供 应 商</label>
|
<div class="layui-input-inline" style="width: 20%;">
|
<select name="ImportSupplierName" id="ImportSupplierName" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
<label class="layui-form-label">部 门</label>
|
<div class="layui-input-inline" style="width: 22%;">
|
<select name="ImportDepartmentName" id="ImportDepartmentName" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">所属客户</label>
|
<div class="layui-input-inline" style="width: 20%;">
|
<select name="ImportCustomerName" id="ImportCustomerName" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
<label class="layui-form-label">所属项目</label>
|
<div class="layui-input-inline" style="width: 20%;">
|
<select name="ImportProjectName" id="ImportProjectName" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-card">
|
<div class="layui-card-body">
|
<div style="padding-bottom: 6px;">
|
<button class="layui-btn 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="switchImportGoodsStatus">
|
<!-- 这里的 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 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');
|
$("input[name='ImportLoginName']").val(username);
|
var day1 = new Date();
|
var year = day1.getFullYear();
|
var month = day1.getMonth();
|
if (month < 10) {
|
month = '0' + month;
|
}
|
var day = day1.getDate();
|
window.success = function(data){
|
refreshTable(data);
|
};
|
function PrefixZero(num, n) {
|
return (Array(n).join(0) + num).slice(-n);
|
}
|
var arr = [];
|
function refreshTable(data) {
|
for (var i in data) {
|
data[i].ImportLotNo = year + '' + month + '' + PrefixZero(day,2);
|
data[i].ImportQuantity = 0;
|
var isHave = 0;
|
for(var j in arr)
|
{
|
if(data[i].GoodId == arr[j].GoodId){
|
isHave = 1;
|
break;
|
}
|
}
|
if(isHave == 0){
|
arr.push(data[i]); //属性
|
}
|
}
|
$.extend(infoOptions, {
|
data: arr
|
});
|
infoOptions.page = {
|
curr: 1
|
}
|
table.render(infoOptions);
|
console.log(arr)
|
console.log('123')
|
}
|
var infoOptions = {
|
elem: '#LAY-app-content-list',
|
height: 'full-320',
|
id: 'LAY-app-content-list',
|
page: true,
|
limit: pageCnt,
|
limits: pageLimits,
|
cellMinWidth: 60, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
cols: [
|
[ //标题栏
|
{
|
field: 'GoodId',
|
title: '物品Id',
|
width: 120,
|
align:'center',
|
fixed:'left',
|
hide:true,
|
},
|
{
|
field: 'GoodsCode',
|
title: '物品编号',
|
width: 100,
|
align:'center',
|
fixed:'left',
|
}, {
|
field: 'GoodsName',
|
title: '物品名称',
|
minWidth: 150,
|
align:'center',
|
fixed:'left',
|
}, {
|
field: 'GoodsStandard',
|
title: '物品规格',
|
align:'center',
|
minWidth: 160
|
}, {
|
field: 'GoodsUnit',
|
title: '单位',
|
align:'center',
|
width: 60
|
}, {
|
field: 'ImportLotNo',
|
title: '批次',
|
align:'center',
|
edit: 'text',
|
width: 100
|
}, {
|
field: 'ImportQuantity',
|
title: '数量',
|
align:'center',
|
width: 80,
|
edit: 'text',
|
}
|
, {
|
field: 'ImportProductionDate',
|
title: '生产日期',
|
width: 110,
|
align:'center',
|
edit: 'text',
|
}, {
|
field: 'ImportGoodsStatus',
|
title: '物品状态',
|
align:'center',
|
templet: '#switchImportGoodsStatus',
|
width: 100,
|
}, {
|
field: 'aaa',
|
title: '操作',
|
align:'center',
|
templet: '#table-content-list',
|
width: 80,
|
}
|
]
|
],
|
};
|
$("input[name='ImportDate']").val(year + '-' + month + '-' + day);
|
var tableIns;
|
refreshTable(null);
|
var $ = layui.$,
|
active = {
|
add: function() {
|
layer.open({
|
type: 2,
|
title: '选择物品信息',
|
content: 'ImportBillGoodsListForm.html',
|
maxmin: true,
|
area: ['950px', '700px'],
|
fixed: false,
|
});
|
}
|
};
|
$('.layui-btn.layuiadmin-btn-list').on('click', function() {
|
var type = $(this).data('type');
|
active[type] ? active[type].call(this) : '';
|
});
|
var ImportId = 0;
|
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.GoodId == arr[j].GoodId){
|
ii = j;
|
break;
|
}
|
}
|
if(ii>-1)
|
{
|
arr.splice(ii, 1);
|
}
|
obj.del();
|
} else if (obj.event === 'finish') {
|
layer.confirm('确定完成此单据吗？', function(index) {
|
ImportId = data.ImportId;
|
var param = {
|
Id: ImportId,
|
Status:2
|
};
|
sendData(IP + "/Import/EditImportBill", param, 'post', function(res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
layer.msg(res.msg, {
|
icon: 1,
|
time: 1000 //1秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
refreshTable();
|
});
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
});
|
}
|
});
|
|
var param = {
|
id: $.cookie('userId'),
|
};
|
sendData(IP + "/Import/GetWareHouseList", param, 'post', function(res) {
|
if (res.code == 1) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#ImportWarehouseId").append('<option value =' + res.data[i].WarehouseId + '>' + res.data[i].WarehouseName +
|
'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
var param = {
|
msg: "",
|
status: 1
|
};
|
sendData(IP + "/Import/GetBillTypeList", param, 'post', function(res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#ImportBillType").append('<option value =' + res.data[i].BillTypeName + '>' + res.data[i].BillTypeName +
|
'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
var param = {
|
msg: "",
|
};
|
sendData(IP + "/Import/GetSupplierList", param, 'post', function(res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#ImportSupplierName").append('<option value =' + res.data[i].SupplierId + '>' + res.data[i].SupplierName +
|
'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
sendData(IP + "/Import/GetDepartmentList", param, 'post', function(res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#ImportDepartmentName").append('<option value =' + res.data[i].Id + '>' + res.data[i].DepartmentName +
|
'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
sendData(IP + "/Import/GetCustomerList", param, 'post', function(res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
for (var i = 0; i < res.data.length; i++) {
|
$("#ImportCustomerName").append('<option value =' + res.data[i].Id + '>' + res.data[i].CustomerName +
|
'</option>');
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
form.verify({
|
emptyNo: function(value) {
|
if (value == '') {
|
return '';
|
} else {
|
var ver = /^[0-9]+$/;
|
if (!ver.test(value)) {
|
return '只能输入正整数';
|
}
|
}
|
}
|
});
|
form.on('submit(form1)', function(data){
|
console.log(infoOptions);
|
return false;
|
});
|
})
|
</script>
|
</body>
|
</html>
|
