<!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">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<style type="text/css">
|
input.layui-input.layui-unselect {
|
padding-right: 0;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<div class="layui-col-md12">
|
<div class="layui-card" style="padding: 1px">
|
<div class="layui-card-body" style="padding: 1px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<div class="layui-tab layui-tab-card" lay-filter="TabTest">
|
<ul class="layui-tab-title">
|
<li class="layui-this">明细信息</li>
|
<li>汇总信息</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<div class="layui-collapse">
|
<div class="layui-colla-item">
|
<div class="layui-colla-title layui-inline">
|
<div class="layui-inline">
|
<span>更多</span>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">开始日期</label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="HStartDate" id="HStartDate" autocomplete="off" model="datetime" dateFormat="yyyy-MM-dd" placeholder="yyyy-MM-dd">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">结束日期</label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="HEndDate" id="HEndDate" autocomplete="off" model="datetime" dateFormat="yyyy-MM-dd" placeholder="yyyy-MM-dd">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">物料</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HNumber" id="HNumber" style="width:190px;">
|
</div>
|
</div>
|
|
<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
|
</button>
|
<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">重置</button>
|
<div class="layui-colla-content">
|
<div class="layui-inline">
|
<div class="layui-inline">
|
<span>其他条件></span>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">条形码</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HBarCode" id="HBarCode" style="width:190px;">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">往来单位</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HSupName" id="HSupName" style="width:190px;">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<table class="" id="layTable" lay-filter="layTable"></table>
|
<script type="text/html" id="toolbarDemo">
|
<div class="layui-btn-container">
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-reload" ><i class="layui-icon layui-icon-refresh"></i>刷新</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-exit" ><i class="layui-icon layui-icon-return"></i>退出</button>
|
|
</div>
|
</script>
|
</div>
|
<div class="layui-tab-item">
|
<div class="layui-collapse">
|
<div class="layui-colla-item">
|
<div class="layui-colla-title layui-inline">
|
<div class="layui-inline">
|
<span>更多</span>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">开始日期</label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="HStartDate1" id="HStartDate1" autocomplete="off" model="datetime" dateFormat="yyyy-MM-dd" placeholder="yyyy-MM-dd">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">结束日期</label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="HEndDate1" id="HEndDate1" autocomplete="off" model="datetime" dateFormat="yyyy-MM-dd" placeholder="yyyy-MM-dd">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">物料</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HNumber1" id="HNumber1" style="width:190px;">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">往来单位</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HSupName1" id="HSupName1" style="width:190px;">
|
</div>
|
</div>
|
<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch1" id="btnSearch1">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
|
</button>
|
<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch1" id="btnReSearch1" style="padding:0 5px">重置</button>
|
<div class="layui-colla-content">
|
<div class="layui-inline">
|
<div class="layui-inline">
|
<span>其他条件</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<table class="" id="layTable1" lay-filter="layTable1"></table>
|
<script type="text/html" id="toolbarDemo1">
|
<div class="layui-btn-container">
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-reload1"><i class="layui-icon layui-icon-refresh"></i>刷新</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-exit1"><i class="layui-icon layui-icon-return"></i>退出</button>
|
</div>
|
</script>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<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>
|
<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<script>
|
var cols_arr = []; //存储表格头的数组
|
var cols_arr1 = []; //存储表格头的数组
|
var table = null;
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index', //主入口模块
|
}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
|
// #region 公共变量
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, element = layui.element
|
, laypage = layui.laypage
|
, laydate = layui.laydate
|
, util = layui.util
|
//查询条件
|
var HStartDate = "";
|
var HEndDate = "";
|
var HNumber = "";
|
var HBarCode = "";
|
var HSupName = "";
|
var HDate1 = "";
|
var HStartDate1 = "";
|
var HEndDate1 = "";
|
var HNumber1 = "";
|
var HSupName1 = "";
|
|
var resultTableHead = []; //获取列表头字段自定义列数组
|
var resultTableHead1 = []; //获取列表头字段自定义列数组
|
//#endregion
|
|
//#region 进入页面即加载
|
|
//初始化表单插件
|
set_InitFrom();
|
//初始化界面
|
set_ClearBill(HStartDate, HEndDate, HNumber, HBarCode, HSupName);
|
//set_ClearBill1(HDate1, HNumber1, HSupName1);
|
|
//#endregion
|
|
//#region 触发事件：包括form.on(){}格式的所有点击事件、选择事件等
|
|
//#region 头工具栏事件
|
table.on('toolbar(mainTable)', function (obj) {
|
switch (obj.event) {
|
//新增
|
case 'set_AddNew': set_AddNew();
|
break;
|
//编辑
|
case 'set_ShowBill': set_ShowBill();
|
break;
|
//删除
|
case 'set_DeleteBill': set_DeleteBill();
|
break;
|
};
|
});
|
$('.layui-tab-title').on('click', function (title) {
|
if (title.toElement.textContent == "明细信息") {
|
get_FastQuery();
|
} else if (title.toElement.textContent == "汇总信息") {
|
get_FastQuery1();
|
}
|
});
|
//#endregion
|
|
//#region 查询按钮
|
form.on('submit(btnSearch)', function (data) {
|
get_FastQuery();
|
});
|
form.on('submit(btnSearch1)', function (data) {
|
get_FastQuery1();
|
});
|
//#endregion
|
|
//#region 重置按钮
|
form.on('submit(btnReSearch)', function (data) {
|
set_ClearQuery();
|
});
|
form.on('submit(btnReSearch1)', function (data) {
|
set_ClearQuery1();
|
});
|
//#endregion
|
|
//#endregion
|
|
//#region 本页面所有被调用的方法
|
|
//#region 初始化表单
|
function set_InitFrom() {
|
laydate.render({
|
elem: '#HStartDate'
|
});
|
laydate.render({
|
elem: '#HEndDate'
|
});
|
laydate.render({
|
elem: '#HStartDate1'
|
});
|
laydate.render({
|
elem: '#HEndDate1'
|
});
|
$("#HStartDate").val(Format(new Date(new Date() - 1000 * 60 * 60 * 24 * 30), "yyyy-MM-dd"));
|
$("#HEndDate").val(Format(new Date(), "yyyy-MM-dd"));
|
$("#HStartDate1").val(Format(new Date(new Date() - 1000 * 60 * 60 * 24 * 30), "yyyy-MM-dd"));
|
$("#HEndDate1").val(Format(new Date(), "yyyy-MM-dd"));
|
}
|
//#endregion
|
|
// #region 初始化界面
|
function set_ClearBill(HStartDate, HEndDate, HNumber, HBarCode, HSupName) {
|
resultTableHead = []; //清空表头列，防止重复渲染
|
//初始查询
|
get_Display(HStartDate, HEndDate, HNumber, HBarCode, HSupName);
|
|
}
|
|
function set_ClearBill1(HStartDate1, HEndDate1, HNumber1, HSupName1) {
|
resultTableHead1 = []; //清空表头列，防止重复渲染
|
//初始查询
|
get_Display1(HStartDate1, HEndDate1, HNumber1, HSupName1);
|
}
|
|
//#endregion
|
|
//#region 查询
|
function get_Display(HStartDate, HEndDate, HNumber, HBarCode, HSupName) {
|
var ajaxLoad = layer.load();
|
var HStartDate = $("#HStartDate").val();//开始日期
|
var HEndDate = $("#HEndDate").val();//结束日期
|
//进入页面显示的缓存列表
|
$.ajax({
|
url: GetWEBURL() + '/Sc_MESReportFrom/ReportMaterialReceiptBillList',
|
type: "GET",
|
data: { "page": 1, "limit": 50, "HStartDate": HStartDate, "HEndDate": HEndDate, "HNumber": HNumber, "HBarCode": HBarCode, "HSupName": HSupName },
|
async: false,
|
dataType: "json",//数据类型可以为 text xml json script jsonp
|
success: function (data1) {
|
for (var key in data1.list) {
|
resultTableHead.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
|
}
|
set_InitGrid(HStartDate, HEndDate, HNumber, HBarCode, HSupName);
|
}, error: function (err) {
|
layer.alert(err.Message, { icon: 5 });
|
}
|
});
|
}
|
|
function get_Display1(HStartDate1, HEndDate1, HNumber1, HSupName1) {
|
var ajaxLoad = layer.load();
|
//进入页面显示的缓存列表
|
$.ajax({
|
url: GetWEBURL() + '/Sc_MESReportFrom/ReportMaterialReceiptBillSumList',
|
type: "GET",
|
data: { "page": 1, "limit": 50, "HStartDate": HStartDate1, "HEndDate": HEndDate1, "HNumber": HNumber1, "HSupName": HSupName1 },
|
async: false,
|
dataType: "json",//数据类型可以为 text xml json script jsonp
|
success: function (data1) {
|
for (var key in data1.list) {
|
resultTableHead1.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });
|
}
|
set_InitGrid1(HStartDate1, HEndDate1, HNumber1, HSupName1);
|
}, error: function (err) {
|
layer.alert(err.Message, { icon: 5 });
|
}
|
});
|
}
|
|
//#endregion
|
|
//#region 初始化表格方法
|
function set_InitGrid(HStartDate, HEndDate, HNumber, HBarCode, HSupName) {
|
//填充表格头数组
|
var data = resultTableHead;
|
cols_arr[0] = [];
|
cols_arr[0][0] = { checkbox: true, fixed: true, totalRowText: '合计' };
|
for (var i = 0; i < data.length; i++) {
|
if (data[i].name == 'HItemID') {
|
cols_arr[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', hide: true }; //隐藏id列
|
}
|
else {
|
switch (data[i].Type) {
|
//int
|
case 'Int32':
|
cols_arr[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', totalRow: true, sort: true };
|
break;
|
//Decimal
|
case 'Decimal':
|
cols_arr[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', totalRow: true, sort: true };
|
break;
|
default:
|
cols_arr[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', sort: true };
|
}
|
}
|
}
|
//填充表格数据
|
table.render({
|
elem: '#layTable',
|
url: GetWEBURL() + '/Sc_MESReportFrom/ReportMaterialReceiptBillList',
|
toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
|
title: '器具即时库存明细表',
|
cols: cols_arr, //填充表格头数据,
|
id: 'layTable', //表格id
|
where: { "HStartDate": HStartDate, "HEndDate": HEndDate, "HNumber": HNumber, "HBarCode": HBarCode, "HSupName": HSupName }, //扩展参数,可以传数据到后台
|
page: true, //开启分页
|
totalRow: true, //开启合计
|
limit: 50, //一页能够显示的最大数目
|
limits: [50, 500, 5000, 20000], //控制多少行一页（默认五条一页）
|
method: 'get', //提交方式
|
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
|
parseData: function (res) { //res 为返回的数据
|
if (res.code == "0") {
|
return {
|
"msg": res.Message
|
}
|
}
|
},
|
response: {
|
statusCode: 1 //重新规定成功的状态码为 1，table 组件默认为 0
|
|
},
|
done: function (res) { //返回数据执行回调函数
|
layer.close(layer.index); //返回数据关闭loading
|
}
|
});
|
}
|
|
function set_InitGrid1(HStartDate1, HEndDate1, HNumber1, HSupName1) {
|
//填充表格头数组
|
var data = resultTableHead1;
|
cols_arr1[0] = [];
|
cols_arr1[0][0] = { checkbox: true, fixed: true, totalRowText: '合计' };
|
for (var i = 0; i < data.length; i++) {
|
if (data[i].name == 'HItemID') {
|
cols_arr1[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', hide: true }; //隐藏id列
|
}
|
else {
|
switch (data[i].Type) {
|
//int
|
case 'Int32':
|
cols_arr1[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', totalRow: true, sort: true };
|
break;
|
//Decimal
|
case 'Decimal':
|
cols_arr1[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', totalRow: true, sort: true };
|
break;
|
default:
|
cols_arr1[0][i + 1] = { field: data[i].id, title: data[i].name, align: 'center', sort: true };
|
}
|
}
|
}
|
//填充表格数据
|
table.render({
|
elem: '#layTable1',
|
url: GetWEBURL() + '/Sc_MESReportFrom/ReportMaterialReceiptBillSumList',
|
toolbar: '#toolbarDemo1', //开启头部工具栏，并为其绑定左侧模板
|
//title: '器具即时库存汇总表',
|
cols: cols_arr1, //填充表格头数据,
|
id: 'layTable1', //表格id
|
where: { "HStartDate": HStartDate1, "HEndDate": HEndDate1, "HNumber": HNumber1, "HSupName": HSupName1 }, //扩展参数,可以传数据到后台
|
page: true, //开启分页
|
totalRow: true, //开启合计
|
limit: 50, //一页能够显示的最大数目
|
limits: [50,100, 300, 500, 1000, 5000], //控制多少行一页（默认五条一页）
|
method: 'get', //提交方式
|
layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
|
response: {
|
statusCode: 1 //重新规定成功的状态码为 1，table 组件默认为 0
|
},
|
done: function (res) { //返回数据执行回调函数
|
layer.close(layer.index); //返回数据关闭loading
|
}
|
});
|
}
|
//endregion
|
|
//#region 快速过滤
|
function get_FastQuery() {
|
var HStartDate = $("#HStartDate").val();//开始日期
|
var HEndDate = $("#HEndDate").val();//结束日期
|
var HNumber = $("#HNumber").val();//物料
|
var HBarCode = $("#HBarCode").val();//条形码
|
var HSupName = $("#HSupName").val();//往来单位
|
set_ClearBill(HStartDate, HEndDate, HNumber, HBarCode, HSupName);
|
|
}
|
|
//#region 快速过滤
|
function get_FastQuery1() {
|
var HStartDate1 = $("#HStartDate1").val();//开始日期
|
var HEndDate1 = $("#HEndDate1").val();//结束日期
|
var HNumber1 = $("#HNumber1").val();//物料
|
var HSupName1 = $("#HSupName1").val();//往来单位
|
set_ClearBill1(HStartDate1, HEndDate1, HNumber1,HSupName1);
|
|
}
|
|
//#endregion
|
|
//#region 重置过滤条件方法
|
function set_ClearQuery() {
|
$("#HStartDate").val(Format(new Date(new Date() - 1000 * 60 * 60 * 24 * 30), "yyyy-MM-dd"));
|
$("#HEndDate").val(Format(new Date(), "yyyy-MM-dd"));
|
$("#HNumber").val("");//物料
|
$("#HBarCode").val("");//条形码
|
$("#HSupName").val("");//往来单位
|
get_FastQuery();
|
|
}
|
function set_ClearQuery1() {
|
$("#HStartDate1").val(Format(new Date(new Date() - 1000 * 60 * 60 * 24 * 30), "yyyy-MM-dd"));
|
$("#HEndDate1").val(Format(new Date(), "yyyy-MM-dd"));
|
$("#HNumber1").val("");//物料
|
$("#HSupName1").val("");//往来单位
|
get_FastQuery();
|
|
}
|
//#endregion
|
|
//#endregion
|
|
//#region 重新加载表格(备用方法)
|
function reloadByKeyword() {
|
table.reload('layTable', {
|
page: {
|
curr: 1 //重新从第 1 页开始
|
},
|
request: {
|
pageName: 'page', //页码的参数名称，默认:page
|
limitName: 'limit'//每页数据量的参数名，默认:limit
|
},
|
where: {
|
keyword: $('#demoInput').val() //可传参查询的参数
|
}
|
});
|
}
|
//#endregion
|
|
//#region 获取表格中的值(备用方法)
|
function batchDel() {
|
var data = table.checkStatus('layTable').data;
|
var ids = "";
|
for (var i = 0; i < data.length; i++) {
|
ids += data[i].id + ",";
|
}
|
alert(ids);
|
}
|
//#endregion
|
|
//#endregion
|
|
//以上是layui模块
|
});
|
</script>
|
|
</body>
|
</html>
|
