<!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">
|
<style type="text/css">
|
.layui-input-block {
|
width: 200px;
|
}
|
</style>
|
</head>
|
<body>
|
|
<div class="layui-card layadmin-header">
|
<div class="layui-breadcrumb" lay-filter="breadcrumb">
|
<a lay-href="">主页</a>
|
<a><cite>要货通知单</cite></a>
|
<a><cite>要货通知单表格</cite></a>
|
<a><cite>要货通知单表格的重载</cite></a>
|
</div>
|
</div>
|
<div class="layui-fluid">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md12">
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
<!--<div class="test-table-reload-btn" style="margin-bottom: 10px;">-->
|
<form class="layui-form" action="">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">订单状态</label>
|
<div class="layui-input-block">
|
<select name="HStatus" id="HStatus" lay-filter="">
|
<option value="" selected="">全部</option>
|
<option value="未确认">未确认</option>
|
<option value="已确认">已确认</option>
|
<option value="已驳回">已驳回</option>
|
<option value="未送货">未送货</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">单据号</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HBillNo" id="HBillNo">
|
</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">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">产品名称</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HName" id="HName">
|
</div>
|
</div>
|
<!--<div class="layui-inline">
|
<label class="layui-form-label">规格型号</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HModel" id="HModel">
|
</div>
|
</div>-->
|
<div class="layui-inline">
|
<label class="layui-form-label">关闭状态</label>
|
<div class="layui-input-block">
|
<select id="HClStatus" name="HClStatus" lay-filter="">
|
<option value="">全部</option>
|
<option value="未关闭" selected="">未关闭</option>
|
<option value="已关闭">已关闭</option>
|
</select>
|
</div>
|
</div>
|
<!--<div class="layui-inline">
|
<label class="layui-form-label">开始日期</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HDate1" id="HDate1">
|
</div>
|
</div>-->
|
<!--<div class="layui-inline">
|
<label class="layui-form-label">结束日期</label>
|
<div class="layui-input-block">
|
<input type="text" class="layui-input" name="HDate2" id="HDate2">
|
</div>
|
</div>-->
|
<!--<div class="layui-inline">
|
<label class="layui-form-label">交货时间</label>
|
<div class="layui-input-block">
|
<select id="Time" name="Time" lay-filter="">
|
<option value="1">一周内交货</option>
|
<option value="2">二周内交货</option>
|
<option value="3">一月内交货</option>
|
<option value="4">两月内交货</option>
|
<option value="5">三月内交货</option>
|
<option value="6">半年内交货</option>
|
<option value="7">一年内交货</option>
|
<option value="8" selected="">长期交货</option>
|
</select>
|
</div>
|
</div>-->
|
|
<!--<div class="layui-inline">
|
<label class="layui-form-label">采购组织</label>
|
<div class="layui-input-block">
|
<select id="HPURCHASEORGID" name="HPURCHASEORGID" lay-filter="">
|
<option value="">组织1</option>
|
<option value="">组织2</option>
|
</select>
|
</div>
|
</div>-->
|
<!--<div class="layui-inline">
|
<label class="layui-form-label">委外组织</label>
|
<div class="layui-input-block">
|
<select id="HSUBORGID" name="HSUBORGID" lay-filter="">
|
<option value="">组织1</option>
|
<option value="">组织2</option>
|
</select>
|
</div>
|
</div>-->
|
<div class="layui-inline">
|
<label class="layui-form-label">是否已下推送货单</label>
|
<div class="layui-input-block">
|
<select id="HISGenerate" name="HISGenerate" lay-filter="">
|
<option value="全部">全部</option>
|
<option value="是">是</option>
|
<option value="否" selected="">否</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="f_Query">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
|
</button>
|
</div>
|
</div>
|
</form>
|
<!--</div>-->
|
</div>
|
|
|
<table class="layui-hide" id="mainTable" lay-filter="mainTable"></table>
|
<script type="text/html" id="toolbarDemo">
|
<div class="layui-btn-container">
|
<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-getCheckData"><i class="layui-icon layui-icon-tips"></i>预览</button>-->
|
<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-confirm"><i class="layui-icon layui-icon-ok-circle"></i>确认</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-back"><i class="layui-icon layui-icon-close-fill"></i>驳回</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-details"><i class="layui-icon layui-icon-form"></i>详情</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-generate"><i class="layui-icon layui-icon-file"></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>
|
</div>
|
</div>
|
|
<!--<script src="../../layuiadmin/layui/lay/modules/mobile/jquery-3.3.1.min.js"></script>-->
|
<script src="../../layuiadmin/layui/layui.js" charset="utf-8"></script>
|
<script src="../../../../Scripts/webConfig.js"></script>
|
<script>
|
var _cur_page = 1;
|
var sql = " and 1=1";
|
var options = document.getElementById('HStatus').children;
|
function getUrlVars() {
|
var vars = [], hash;
|
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
|
for (var i = 0; i < hashes.length; i++) {
|
hash = hashes[i].split('=');
|
vars.push(hash[0]);
|
vars[hash[0]] = hash[1];
|
}
|
return vars;
|
}
|
function f_alert(sMsg) {
|
layer.alert(sMsg, { icon: 5 });
|
//layer.open({
|
// type: 1
|
// , offset: 'auto' //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
|
// , id: 'layerDemo' //防止重复弹出
|
// , content: '<div style="padding: 20px 100px;">' + sMsg + '</div>'
|
// , shade: 0 //不显示遮罩
|
// , yes: function () {
|
// layer.closeAll();
|
// }
|
//});
|
}
|
var params = getUrlVars();
|
var type = params[params[0]];
|
switch (type) {
|
case "UnConfirm":
|
options[1].selected = true;
|
sql += " and 状态 like ^^%未确认%^^";
|
break;
|
case "ReConfirm":
|
options[2].selected = true;
|
sql += " and 状态 like ^^%已确认%^^";
|
sql += " and 未关联数量 > 0";
|
break;
|
case "ReBack":
|
options[3].selected = true;
|
sql += " and 状态 like ^^%已驳回%^^";
|
break;
|
case "UnSend":
|
options[4].selected = true;
|
sql += " and 状态 like ^^%未送货%^^";
|
break;
|
}
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'laydate', 'code', 'table', 'element', 'layer'], function () {
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, laydate = layui.laydate
|
, table = layui.table
|
, form = layui.form
|
, element = layui.element;
|
//常规用法
|
laydate.render({
|
elem: '#HDate1'
|
});
|
laydate.render({
|
elem: '#HDate2'
|
});
|
//layui.code();
|
RoadHBillNo(sql);
|
layer.load(3)
|
//方法级渲染
|
table.render({
|
elem: '#mainTable'
|
, dateType: 'json'
|
, colFilterRecord: true//是否开启字段筛选的记忆功能
|
, data: []
|
// , url: GetWEBURL()+'GetPODemandPlanBill'
|
, toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
|
, defaultToolbar: ['filter', 'exports', 'print']
|
// , where: { msg: "", NowPage: 1, OnePage: 10 }
|
, cellMinWidth: 100
|
, cols: [[
|
//{ checkbox: true, fixed: true }
|
{ type: 'checkbox', fixed: 'left' }
|
//{ type: 'radio', fixed: true }
|
, { field: 'sorderid', title: '序号', width: 80, fixed: true }
|
, { field: 'hmainid', title: 'hmainid', sort: true, fixed: true, hide: true }
|
, { field: 'hsubid', title: 'hsubid', sort: true, fixed: true, hide: true }
|
, { field: '状态', title: '状态', sort: true, fixed: true }
|
, { field: '单据号', title: '单据号', width: 180, sort: true, fixed: 'left' }
|
, { field: '日期', title: '日期', width: 180, sort: true, fixed: 'left' }
|
, { field: '供应商', title: '供应商', width: 180, sort: true, fixed: 'left', hide: true }
|
|
, { field: '物料代码', title: '物料代码', width: 180, sort: true }
|
, { field: '物料名称', title: '物料名称', width: 180, sort: true }
|
, { field: '规格型号', title: '规格型号', width: 180, sort: true }
|
, { field: '计量单位', title: '计量单位', width: 80, sort: true }
|
, { field: '数量', title: '订货数量', sort: true }
|
, { field: '交货地点', title: '交货地点', sort: true }
|
, { field: '交货日期', title: '交货日期', width: 180, sort: true }
|
, { field: '计划跟踪单号', title: '计划跟踪单号', sort: true, hide: true }
|
, { field: '采购订单号', title: '采购订单号', sort: true, hide: true }
|
, { field: '委外订单号', title: '委外订单号', sort: true, hide: true }
|
, { field: '剩余入库数量', title: '剩余入库数量', sort: true }
|
, { field: '剩余送货数量', title: '剩余送货数量', sort: true }
|
, { field: '关闭状态', title: '关闭状态', sort: true }
|
, { field: '变更状态', title: '变更状态', sort: true }
|
, { field: '委外组织', title: '委外组织', sort: true }
|
, { field: '采购组织', title: '采购组织', sort: true }
|
, { field: '确认人', title: '确认人', sort: true, hide: true }
|
, { field: '确认日期', title: '确认日期', sort: true, hide: true }
|
, { field: '驳回人', title: '驳回人', sort: true, hide: true }
|
, { field: '驳回日期', title: '驳回日期', sort: true, hide: true }
|
, { field: '驳回理由', title: '驳回理由', sort: true, hide: true }
|
]]
|
//, skin: 'row' //表格风格
|
// , even: true
|
, page: true //是否显示分页
|
, limits: [10, 20, 50, 100]
|
, limit: 50 //每页默认显示的数量
|
//, height: 500
|
, done: function (res, curr, count) {
|
_cur_page = curr;
|
layer.closeAll("loading");
|
}
|
|
});
|
|
//头工具栏事件
|
table.on('toolbar(mainTable)', function (obj) {
|
var checkStatus = table.checkStatus(obj.config.id);
|
switch (obj.event) {
|
case 'btn-getCheckData':
|
var data = checkStatus.data;
|
layer.alert(JSON.stringify(data));
|
break;
|
case 'btn-reload':
|
_cur_page = $(".layui-laypage-em").next().html();
|
RoadHBillNo(sql);
|
// });
|
break;
|
case 'btn-confirm':
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
var i;
|
var HEntry = '';
|
_cur_page = $(".layui-laypage-em").next().html();
|
layer.confirm('是否确认?', { icon: 3, title: '提示' }, function (index) {
|
for (i = 0; i < data.length; i++) {
|
if (data[i]["状态"] == "未确认") {
|
$.ajax({
|
type: "get",
|
url: GetWEBURL()+"PODemandPlanAccept",
|
data: { "HInterID": data[i]["hmainid"].toString(), "HEntryID": data[i]["hsubid"].toString(), "HBillNo": data[i]["单据号"].toString(), "HUser": sessionStorage["HUserName"] },
|
success: function (result) {
|
if (result.count == 1) { // 说明验证成功了，
|
layer.msg(result.Message, { icon: 1 });
|
}
|
else {
|
layer.msg(result.Message, { icon: 5 });
|
}
|
layer.closeAll("loading");
|
}
|
})
|
}
|
else {
|
HEntry += i + ',';
|
}
|
|
}
|
RoadHBillNo(sql);
|
layer.close(index);
|
if (HEntry != '') {
|
layer.msg("选中的第" + HEntry + "行无法进行确认操作！", { icon: 5, time: 2000 });
|
}
|
|
});
|
|
break;
|
case 'btn-back':
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
var HBackRemark;
|
//var cr = mainTable.config.page.curr;//获取当前页码
|
_cur_page = $(".layui-laypage-em").next().html();
|
var i;
|
var HEntry = '';
|
layer.prompt({
|
formType: 2,
|
//value: '',
|
title: '请输入驳回理由',
|
area: ['400px', '200px'] //自定义文本域宽高
|
}, function (value, index, elem) {
|
HBackRemark = value.toString();
|
for (i = 0; i < data.length; i++) {
|
if (data[i]["状态"] == "未确认") {
|
$.ajax({
|
type: "get",
|
url: GetWEBURL()+"PODemandPlanRefuse",
|
data: { "HInterID": data[i]["hmainid"].toString(), "HEntryID": data[i]["hsubid"].toString(), "HBillNo": data[i]["单据号"].toString(), "HUser": sessionStorage["HUserName"],"HBackRemark": HBackRemark},
|
success: function (result) {
|
if (result.count == 1) { // 说明验证成功了，
|
layer.msg(result.Message, { icon: 1 });
|
isOK = true;
|
}
|
else {
|
layer.msg(result.Message, { icon: 5 });
|
}
|
layer.closeAll("loading");
|
}
|
})
|
|
}
|
else {
|
HEntry += i + ',';
|
}
|
}
|
RoadHBillNo(sql);
|
layer.close(index);
|
if (HEntry != '') {
|
layer.msg("选中的第" + HEntry + "行无法进行驳回操作！", { icon: 5, time: 2000 });
|
}
|
});
|
|
|
break;
|
case 'btn-generate':
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
ajaxLabelData = data;
|
var rows = '';
|
var HEntry = '';
|
for (var i = 0; i < data.length; i++) {
|
if (data[i]["状态"] == "已确认") {
|
rows += data[i].hmainid.toString() + ',' + data[i].hsubid.toString() + ';';
|
}
|
else {
|
HEntry += (i + 1) + ',';
|
}
|
}
|
if (HEntry != '') {
|
HEntry = HEntry.substring(0, HEntry.length - 1);
|
layer.msg("第" + HEntry + "行未确认！", { icon: 5 });
|
}
|
else
|
{
|
layer.open({
|
type: 2
|
, area: ['100%', '100%']
|
, title: '送货单'
|
, shade: 0.6 //遮罩透明度
|
, maxmin: false //允许全屏最小化
|
, anim: 0 //0-6的动画形式，-1不开启
|
, content: ['../../views/SRM/SRM_POInStockBill_Edit.html?linterid=' + data[0].hmainid.toString() + '&lentryid=' + rows.toString() + '&lSourceBillType=1513', 'yes']
|
, resize: false
|
//, cancel: function () {
|
// $(".layui-btn").removeClass("layui-btn-disabled");
|
//}
|
})
|
}
|
break;
|
case 'btn-details':
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
|
var linterid = data[0].hmainid.toString();
|
//if (AllowLoadData(sSubStr) != false) {//非空验证
|
layer.open({
|
type: 2
|
, area: ['100%', '100%']
|
, title: '要货通知单'
|
, shade: 0.6 //遮罩透明度
|
, maxmin: true //允许全屏最小化
|
, anim: 0 //0-6的动画形式，-1不开启
|
, content: '../../../src/views/SRM/SRM_PODemandPlanBill.html?linterid=' + linterid
|
, resize: false
|
, cancel: function () {
|
//$(".layui-btn").removeClass("layui-btn-disabled");
|
}
|
})
|
break;
|
case 'btn-exit':
|
//var index = parent.layer.getFrameIndex(window.name);
|
//element.tabDelete('layadmin-layout-tabs', this);
|
parent.layui.admin.events.closeThisTabs();
|
//parent.layer.close(index);
|
break;
|
};
|
});
|
|
|
|
///加载显示数据
|
function RoadHBillNo(sqlWhere) {
|
where = sqlWhere;
|
$.ajax({
|
type: "POST",
|
url: GetWEBURL()+"GetPODemandPlanBill",
|
async: true,
|
data: { "HSupNo": sessionStorage["HUserName"], "sqlWhere": sqlWhere },
|
success: function (result) {
|
ajaxReturnData = JSON.parse(JSON.stringify(result)).data;
|
table.reload('mainTable', {
|
data: ajaxReturnData
|
, height: 'full-10'
|
, page: {
|
curr: _cur_page //必须从第 1 页开始
|
}
|
, loading: false
|
, done: function (index, res) {
|
|
}
|
});
|
},
|
error: function (result) {
|
console.log(result);
|
//layer.msg('获取要货通知单出现异常', { icon: 2, time: 2000 });
|
}
|
});
|
};
|
form.on('submit(f_Query)', function (data) {//查询
|
var sqlWhere = " and 1=1 ";
|
if ($("#HStatus").val() != "")
|
sqlWhere += " and 状态 like ^^%" + $("#HStatus").val() + "%^^";
|
if ($("#HBillNo").val() != "")
|
sqlWhere += " and 单据号 like ^^%" + $("#HBillNo").val() + "%^^";
|
if ($("#HNumber").val() != "")
|
sqlWhere += " and 物料代码 like ^^%" + $("#HNumber").val() + "%^^";
|
if ($("#HName").val() != "")
|
sqlWhere += " and 物料名称 like ^^%" + $("#HName").val() + "%^^";
|
//if ($("#HModel").val() != "")
|
// sqlWhere += " and 规格型号 like ^^%" + $("#HModel").val() + "%^^";
|
if ($("#HClStatus").val() != "")
|
sqlWhere += " and 关闭状态 like ^^%" + $("#HClStatus").val() + "%^^";
|
//if ($("#HPURCHASEORGID").val() != "")
|
// sqlWhere += " and 采购组织 like ^^%" + $("#HPURCHASEORGID").val() + "%^^";
|
//if ($("#HDate1").val() != "") {
|
// sqlWhere += " and 日期 >= ^^" + $("#HDate1").val() + "^^";
|
//}
|
//if ($("#HDate2").val() != "") {
|
// sqlWhere += " and 日期 <= ^^" + $("#HDate2").val() + "^^";
|
//}
|
if ($("#HISGenerate").val() != "") {
|
if ($("#HISGenerate").val() == "是") {
|
sqlWhere += " and 未关联数量 <= 0";
|
}
|
else if ($("#HISGenerate").val() == "否") {
|
sqlWhere += " and 未关联数量 > 0";
|
}
|
}
|
//var Time = $("#Time").val();
|
//var dd = new Date();
|
//var dt;
|
//switch (Time) {
|
// case 1: dd = new Date(dd.setDate(dd.getDate() + 7));
|
// case 2: dd = new Date(dd.setDate(dd.getDate() + 14));
|
// case 3: dd = new Date(dd.setMonth(dd.getMonth() + 1));
|
// case 4: dd = new Date(dd.setMonth(dd.getMonth() + 2));
|
// case 5: dd = new Date(dd.setMonth(dd.getMonth() + 3));
|
// case 6: dd = new Date(dd.setMonth(dd.getMonth() + 6));
|
// case 7: dd = new Date(dd.setMonth(dd.getMonth() + 12));
|
// default: dd = new Date(dd.setDate(dd.getDate()));
|
//}
|
//dt = dd.getFullYear().toString();
|
//if (dd.getMonth() + 1 < 10) {
|
// dt = dt + "-0" + (dd.getMonth() + 1).toString();
|
//}
|
//else {
|
// dt = dt + "-0" + (dd.getMonth() + 1).toString();
|
//}
|
//if (dd.getDate() < 10) {
|
// dt = dt + "-0" + dd.getDate().toString();
|
//}
|
//else {
|
// dt = dt + "-" + dd.getDate().toString();
|
//}
|
//if (Time != 8) {
|
// sqlWhere += " and 交货日期 <= ^^" + dt + "^^";
|
//}
|
sql = sqlWhere;
|
//从第一页开始
|
_cur_page = 1;
|
RoadHBillNo(sqlWhere);
|
});
|
var $ = layui.$, active = {
|
f_Query: function () { //查询
|
|
},
|
f_Qrjq: function () { //接受
|
|
},
|
f_Bhjq: function () { //拒绝
|
|
},
|
//JSreload: function () {
|
// var demoReload = $('#test-table-demoReload');
|
// //执行重载
|
// table.JSreload('mainTable', {
|
// page: {
|
// curr: 1 //重新从第 1 页开始
|
// }
|
// , where: {
|
// key: {
|
// id: demoReload.val()
|
// }
|
// }
|
// });
|
//}
|
};
|
$('.test-table-reload-btn .layui-btn').on('click', function () {
|
var type = $(this).data('type');
|
active[type] ? active[type].call(this) : '';
|
});
|
});
|
</script>
|
</body>
|
|
</html>
|
