<!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">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
</head>
|
<body>
|
|
<div class="layui-fluid">
|
<div class="layui-card">
|
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">创建日期</label>
|
<div class="layui-input-inline">
|
<input type="date" autocomplete="off" id="StartTime" class="layui-input"
|
placeholder="开始日期">
|
</div>
|
<div class="layui-form-mid">-</div>
|
<div class="layui-input-inline">
|
<input type="date" autocomplete="off" id="EndTime" class="layui-input"
|
placeholder="结束日期">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">物品名称</label>
|
<div class="layui-input-inline">
|
<input type="text" id="GoodsName" name="GoodsName" placeholder="物品名称" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">物品编码</label>
|
<div class="layui-input-inline">
|
<input type="text" id="GoodsCode" name="GoodsCode" placeholder="物品编码" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">批次</label>
|
<div class="layui-input-inline">
|
<input type="text" id="ImportLotNo" name="ImportLotNo" placeholder="物品批次" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">入库单号</label>
|
<div class="layui-input-inline">
|
<input type="text" id="ImportBillCode" name="ImportBillCode" placeholder="入库单号" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<button class="layui-btn layuiadmin-btn-list" lay-submit
|
lay-filter="LAY-app-contlist-search">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="layui-card-body">
|
<table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
|
<script type="text/html" id="table-toolbar1"></script>
|
<script type="text/html" id="createTime">
|
{{# if(d.ImportProductionDate == undefined){ }}
|
<p>{{""}}</p>
|
{{# } else { }}
|
<p>{{ formatDate(d.ImportProductionDate) }}</p>
|
{{# } }}
|
</script>
|
<script type="text/html" id="createTimes">
|
{{# if(d.ImportAddDateTime == undefined){ }}
|
<p>{{""}}</p>
|
{{# } else { }}
|
<p>{{ formatDate(d.ImportAddDateTime) }}</p>
|
{{# } }}
|
</script>
|
<script type="text/html" id="buttonTpl">
|
<!-- {{# if(d.ImportExecuteFlag=='0'){ }} -->
|
<button class="layui-btn layui-btn-radius layui-btn-primary layui-btn-xs">待执行</button>
|
<!-- {{# } else if(d.ImportExecuteFlag=='1') { }} -->
|
<button class="layui-btn layui-btn-radius layui-btn-warm layui-btn-xs">正在执行</button>
|
<!-- {{# } else if(d.ImportExecuteFlag=='2') { }} -->
|
<button class="layui-btn layui-btn-radius layui-btn-xs">已完成</button>
|
<!-- {{# } else if(d.ImportExecuteFlag=='3') { }} -->
|
<button class="layui-btn layui-btn-radius layui-btn-xs">已上传</button>
|
<!-- {{# } else if(d.ImportExecuteFlag=='-1') { }} -->
|
<button
|
class="layui-btn layui-btn-radius layui-btn-danger layui-btn-xs">已作废</button>
|
<!-- {{# } else { }} -->
|
<!-- <button
|
class="layui-btn layui-btn-radius layui-btn-danger layui-btn-xs">未知</button>
|
{{# } }} -->
|
</script>
|
</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>
|
var uid = $.cookie('userId');
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'table', 'laypage', 'layer', 'laydate'], function() {
|
var table = layui.table,
|
form = layui.form,
|
laypage = layui.laypage,
|
layer = layui.layer;
|
var d = new Date();
|
var yy = d.getFullYear();
|
var mm = d.getMonth() + 1;
|
if (mm < 10)
|
mm = "0" + mm;
|
var dd = d.getDate();
|
if (dd < 10)
|
dd = "0" + dd;
|
var date1 = yy + "-" + mm + "-" + "01";
|
var date2 = yy + "-" + mm + "-" + dd;
|
var tableIns;
|
var laydate = layui.laydate;
|
//常规用法
|
// laydate.render({
|
// elem: '#startDate',
|
// value: date1
|
// });
|
// laydate.render({
|
// elem: '#endDate',
|
// value: date2
|
// });
|
// refreshTable("", date1, date2);
|
|
function refreshTable(StartDate, EndDate,GoodsName,GoodsCode,ImportLotNo,ImportBillCode) {
|
var param = {
|
StartDate: StartDate,
|
EndDate: EndDate,
|
GoodsName: GoodsName,
|
GoodsCode:GoodsCode,
|
ImportLotNo:ImportLotNo,
|
ImportBillCode:ImportBillCode
|
|
};
|
sendData(IP + "/ImportNotify1/GetImportNotifyListcs", param, 'post', function(res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
var list = res.data;
|
$.extend(infoOptions, {
|
data: list
|
});
|
infoOptions.page = {
|
curr: 1
|
}
|
tableIns = table.render(infoOptions);
|
} else { //不成功
|
layer.msg('获取入库单信息失败！', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
|
}
|
// table.reload()
|
// 表单需要的变量
|
var infoOptions = {
|
elem: '#LAY-app-content-list',
|
height: 'full-134',
|
toolbar: '#table-toolbar1',
|
id: 'LAY-app-content-list',
|
page: true,
|
limit: pageCnt,
|
limits: pageLimits,
|
cellMinWidth: 60, //全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
cols: [
|
[{
|
field: 'WarehouseName',
|
title: '所属仓库',
|
align: 'center',
|
width: 150,
|
fixed: 'left'
|
}, {
|
field: 'ImportBillCode',
|
title: '入库单号',
|
width: 170,
|
align: 'center',
|
fixed: 'left',
|
sort: true,
|
}, {
|
field: 'ImportListNo',
|
title: '序号',
|
align: 'center',
|
width: 60,
|
}, {
|
field: 'BillTypeName',
|
title: '单据类型',
|
align: 'center',
|
width: 120,
|
}, {
|
field: 'GoodsCode',
|
title: '物品编码',
|
align: 'center',
|
width: 100,
|
}, {
|
field: 'GoodsName',
|
title: '物品名称',
|
align: 'center',
|
width: 200,
|
}, {
|
field: 'GoodsStandard',
|
title: '物品规格',
|
align: 'center',
|
width: 100,
|
}, {
|
field: 'ImportLotNo',
|
title: '批次',
|
align: 'center',
|
width: 100,
|
}, {
|
field: 'ImportProductionDate',
|
title: '生产日期',
|
align: 'center',
|
width: 105,
|
templet: '#createTime'
|
}, {
|
field: 'ImportGoodsStatus',
|
title: '物品状态',
|
align: 'center',
|
width: 90,
|
}, {
|
field: 'UnitName',
|
title: '计量单位',
|
align: 'center',
|
width: 100,
|
}, {
|
field: 'ImportAddDateTime',
|
title: '添加时间',
|
align: 'center',
|
width: 180,
|
templet: '#createTimes'
|
}, {
|
field: 'ImportQuantity',
|
title: '计划数量',
|
align: 'center',
|
fixed: 'right',
|
width: 90
|
}, {
|
field: 'ImportFactQuantity',
|
title: '已下发数量',
|
fixed: 'right',
|
align: 'center',
|
width: 100
|
}, {
|
field: 'ImportCompleteQuantity',
|
title: '完成数量',
|
fixed: 'right',
|
align: 'center',
|
width: 90
|
}, {
|
field: 'ImportExecuteFlag',
|
templet: '#buttonTpl',
|
title: '执行标志',
|
fixed: 'right',
|
align: 'center',
|
width: 90,
|
}]
|
],
|
|
};
|
// table.reload();
|
refreshTable("","","","","","");
|
var $ = layui.$;
|
form.on('submit(LAY-app-contlist-search)', function(data) {
|
|
var start = data.field.startDate;
|
var end = data.field.endDate;
|
var GoodsName = data.field.GoodsName;
|
var GoodsCode = data.field.GoodsCode;
|
var ImportLotNo = data.field.ImportLotNo;
|
var ImportBillCode = data.field.ImportBillCode;
|
|
refreshTable(start,end,GoodsName,GoodsCode,ImportLotNo,ImportBillCode);
|
});
|
|
});
|
</script>
|
</body>
|
</html>
|
