|
|
<!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-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 id="layout1" 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="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
<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">
|
<form id="form1" class="layui-form layui-form-pane" action="">
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">单 据 号：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HBillNo" lay-verify="HBillNo" id="HBillNo" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">单据日期：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HDate" id="HDate" readonly="readonly" autocomplete="off" disabled>
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">主 管：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HManagerName" id="HManagerName" readonly="readonly" autocomplete="off" disabled>
|
<input id="HManagerID" name="HManagerID" type="hidden" />
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">业 务 员：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HEmpName" id="HEmpName" readonly="readonly" autocomplete="off">
|
<input id="HEmpID" name="HEmpID" type="hidden" />
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">单据状态：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HStatus" id="HStatus" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label"> 供 应 商：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HSupName" lay-verify="HSupName" id="HSupName" readonly="readonly" autocomplete="off">
|
<input id="HSupID" name="HSupID" type="hidden" />
|
</div>
|
</div>
|
<div class="layui-col-xs6">
|
<label class="layui-form-label"> 备 注：</label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="HRemark" id="HRemark" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<div class="layui-tab-item">
|
<form id="form2" class="layui-form layui-form-pane" action="">
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">制 单 人：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HMaker" id="HMaker" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">审 核 人：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HChecker" id="HChecker" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">变 更 人：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HUpDater" id="HUpDater" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<!--<div class="layui-col-xs3">
|
<label class="layui-form-label">确 认 人：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HConfirmMan" id="HConfirmMan" readonly="readonly" autocomplete="off">
|
</div>
|
</div>-->
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">制单日期：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HMakeDate" id="HMakeDate" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">审核日期：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HCheckDate" id="HCheckDate" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">变更日期：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HUpDateDate" id="HUpDateDate" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<!--<div class="layui-col-xs3">
|
<label class="layui-form-label">确认日期：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HConfirmDate" id="HConfirmDate" readonly="readonly" autocomplete="off">
|
</div>
|
</div>-->
|
</div>
|
</div>
|
<!--<div class="layui-form-item">
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">驳 回 人：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HBacker" id="HBacker" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs3">
|
<label class="layui-form-label">驳回日期：</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HBackDate" id="HBackDate" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-col-xs6">
|
<label class="layui-form-label">驳回理由：</label>
|
<div class="layui-input-block">
|
<input class="layui-input" name="HBackRemark" id="HBackRemark" readonly="readonly" autocomplete="off">
|
</div>
|
</div>
|
</div>
|
</div>-->
|
|
</form>
|
</div>
|
|
</div>
|
</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-view"><i class="layui-icon layui-icon-tips"></i>预览</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-print"><i class="layui-icon layui-icon-print"></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-exit"><i class="layui-icon layui-icon-return"></i>退出</button>
|
|
</div>
|
</script>
|
<blockquote class="layui-elem-quote">要货通知单</blockquote>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--<script src="../../layuiadmin/layui/lay/modules/mobile/jquery-3.3.1.min.js"></script>-->
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../layuiadmin/Scripts/json2.js" type="text/javascript"></script>
|
<script src="../../layuiadmin/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
|
<script src="../../../../Scripts/webConfig.js"></script>
|
<!--<script src="../../../../Scripts/jquery-1.8.2.js"></script>-->
|
<script>
|
var sql = " and 1=1";
|
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'table', 'form', 'element'], function () {
|
var table = layui.table
|
, $ = layui.$
|
, form = layui.form
|
, element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
|
|
form.on('submit(Saver)', function (data) {//保存
|
//debugger;
|
var sMainStr = JSON.stringify(data.field);
|
var sSubStr = JSON.stringify(table.cache['mainTable']);
|
var sMainSub = sMainStr + ';' + sSubStr;
|
layer.load(3)
|
$.ajax(
|
{
|
type: "POST",
|
url: GetWEBURL()+"SaverPODemandPlan", //方法所在页面和方法名
|
async: true,
|
data: { "msg": sMainSub },
|
dataType: "json",
|
success: function (data) {
|
if (data.count == 1) { // 说明验证成功了，
|
layer.msg(data.Message, { icon: 1 });
|
}
|
else {
|
layer.msg(data.Message, { icon: 5 });
|
}
|
layer.closeAll("loading");
|
},
|
error: function (err) {
|
f_alert("错误:" + err);
|
}
|
});
|
return false;
|
});
|
|
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;
|
}
|
var params = getUrlVars();
|
var linterid = params[params[0]];
|
var lentryid = params[params[1]];
|
RoadBillMain(linterid);
|
RoadBillSub(linterid);
|
// debugger;
|
function RoadBillMain(linterid)
|
{
|
$.ajax({
|
url: GetWEBURL()+"GetPODemandPlanShowBillMain",
|
type: "GET",
|
data: { "sMsg": linterid },
|
success: function (d) {
|
console.log(d.data);
|
//$("#HDate").val(d.)
|
$("#HInterID").val(d.data[0].HInterID);
|
$("#HBillNo").val(d.data[0].HBillNo);
|
$("#HRemark").val(d.data[0].HRemark);
|
$("#HDate").val(d.data[0].HDateForWeb);
|
$("#HStatus").val(d.data[0].HStatus);
|
$("#HSupID").val(d.data[0].HSupID);
|
$("#HSupName").val(d.data[0].HSupName);
|
$("#HEmpID").val(d.data[0].HEmpID);
|
$("#HEmpName").val(d.data[0].HEmpName);
|
$("#HManagerID").val(d.data[0].HManagerID);
|
$("#HManagerName").val(d.data[0].HManagerName);
|
$("#HMaker").val(d.data[0].HMaker);
|
$("#HMakeDate").val(d.data[0].HMakeDate)
|
$("#HChecker").val(d.data[0].HChecker);
|
$("#HCheckDate").val(d.data[0].HCheckDate);
|
$("#HUpDater").val(d.data[0].HUpDater);
|
$("#HUpDateDate").val(d.data[0].HUpDateDate);
|
$("#HConfirmMan").val(d.data[0].HConfirmMan);
|
$("#HConfirmDate").val(d.data[0].HConfirmDate);
|
$("#HBacker").val(d.data[0].HBacker);
|
$("#HBackDate").val(d.data[0].HBackDate);
|
$("#HBackRemark").val(d.data[0].HBackRemark);
|
}
|
});
|
}
|
|
///加载显示数据
|
function RoadBillSub(linterid) {
|
$.ajax({
|
type: "get",
|
url: GetWEBURL()+"GetPODemandPlanShowBillSub",
|
async: true,
|
data: { sMsg: linterid },
|
success: function (result) {
|
ajaxReturnData = JSON.parse(JSON.stringify(result)).data;
|
table.reload('mainTable', {
|
data: ajaxReturnData
|
, height: 'full-10'
|
, loading: false
|
, done: function (index, res) {
|
|
}
|
});
|
},
|
error: function (result) {
|
console.log(result);
|
//layer.msg('获取要货通知单出现异常', { icon: 2, time: 2000 });
|
}
|
});
|
}
|
|
|
|
|
//监听提交
|
//form.verify({
|
// numberOrEmpty: function (value, item) {
|
// // if (value != '') {
|
// if (!/^\d+$/.test(value)) {
|
// return '不能为空或数字或者0';
|
// }
|
// //}
|
// }
|
//});
|
layer.load(3)
|
table.render({
|
elem: '#mainTable'
|
, url: GetWEBURL()+'GetPODemandPlanShowBillSub'
|
, toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
|
, defaultToolbar: ['filter', 'exports']
|
, where: { sMsg: linterid }
|
, cellMinWidth: 100
|
, cols: [[
|
{ type: 'checkbox', fixed: 'left' }
|
, { field: 'hmainid', title: 'hmainid', sort: true, fixed: true, hide: true }
|
, { field: 'hsubid', title: 'hsubid', sort: true, fixed: true, hide: true }
|
, { field: 'HStatus', title: '状态', sort: true, fixed: true }
|
, { field: 'HMTONO', title: '计划跟踪单号', width: 100, sort: true, fixed: true , hide: true }
|
, { field: 'HMaterID', title: '物料ID', width: 100, hide: true }
|
, { field: 'HMaterNumber', title: '物料代码', width: 200 }
|
, { field: 'HMaterName', title: '物料名称', width: 200 }
|
, { field: 'HMaterModel', title: '规格型号', width: 200 }
|
, { field: 'HUnitName', title: '计量单位', width: 100 }
|
, { field: 'HUnitNumber', title: '计量单位代码', width: 100, hide: true }
|
, { field: 'HUnitID', title: '计量单位ID', width: 100, hide: true }
|
, { field: 'HQty', title: '数量', width: 100 }
|
, { field: 'HPrice', title: '单价', width: 100 }
|
, { field: 'HMoney', title: '金额', width: 100 }
|
, { field: 'HDate', title: '要求交货日期', width: 150 }
|
//, { field: 'HDate2', title: '确认交货日期', width: 150 }
|
, { field: 'HConfirmMan', title: '确认人', width: 150 }
|
, { field: 'HConfirmDate', title: '确认日期', width: 150 }
|
, { field: 'HBacker', title: '驳回人', width: 150 }
|
, { field: 'HBackDate', title: '驳回日期', width: 150 }
|
, { field: 'HBackRemark', title: '驳回理由', width: 150 }
|
, { field: 'HREQUIREORGID', title: '需求组织', width: 150 }
|
, { field: 'HSTOCKORGID', title: '收料组织', width: 150 }
|
, { field: 'HSETTLEORGID', title: '结算组织', width: 150 }
|
, { field: 'HPURCHASEORGID', title: '采购组织', width: 150 }
|
, { field: 'HSTOCKINORGID', title: '入库组织', width: 150 }
|
, { field: 'HINSTOCKOWNERID', title: '入库货主', width: 150 }
|
, { field: 'HSourceBillType', title: '源单类型', width: 100, hide: true }
|
, { field: 'HSourceBillNo', title: '源单单号', width: 200, hide: true }
|
, { field: 'HSourceInterID', title: '源单主内码', width: 150, hide: true }
|
, { field: 'HSourceEntryID', title: '源单子内码', width: 150, hide: true }
|
, { field: 'HPOOrderBillNo', title: '采购订单号', width: 200, hide: true }
|
, { field: 'HPOOrderInterID', title: '采购订单主内码', width: 150, hide: true }
|
, { field: 'HPOOrderEntryID', title: '采购订单子内码', width: 150, hide: true }
|
, { field: 'HWWOrderBillNo', title: '委外订单号', width: 200, hide: true }
|
, { field: 'HWWOrderInterID', title: '委外订单主内码', width: 150, hide: true }
|
, { field: 'HWWOrderEntryID', title: '委外订单内码', width: 150, hide: true }
|
, { field: 'HWWOrderDetaiLID', title: '委外订单明细内码', width: 150, hide: true }
|
]]
|
// , data: [linterid]
|
//, page: true //是否显示分页
|
//, limits: [10, 20, 50, 100]
|
//, limit: 50 //每页默认显示的数量
|
//, height: 500
|
, done: function () {
|
layer.closeAll("loading");
|
}
|
});
|
//头工具栏事件
|
table.on('toolbar(mainTable)', function (obj) {
|
var checkStatus = table.checkStatus(obj.config.id);
|
switch (obj.event) {
|
case 'btn-view':
|
window.open("../../views/WarM/HBarPlanPrint.html?linterid=" + linterid + "&Type=HPODemandPlanBill");
|
break;
|
case 'btn-print':
|
window.open("../../views/WarM/HBarPlanPrint.html?linterid=" + linterid + "&Type=HPODemandPlanBill");
|
break;
|
|
//自定义头工具栏右侧图标 - 提示
|
case 'btn-reload':
|
RoadBillMain(linterid);
|
RoadBillSub(linterid);
|
var demoReload = $('#mainTable');
|
//执行重载
|
table.reload('mainTable', {
|
where: {
|
key: {
|
id: demoReload.val()
|
}
|
}
|
});
|
break;
|
case 'btn-confirm':
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
var HBillNo = $("#HBillNo").val();
|
var i;
|
var HEntry = '';
|
layer.confirm('是否确认?', { icon: 3, title: '提示' }, function (index) {
|
for (i = 0; i < data.length; i++) {
|
if (data[i]["HStatus"] == "未确认") {
|
$.ajax({
|
type: "get",
|
url: GetWEBURL()+"PODemandPlanAccept",
|
data: { "HInterID": data[i]["hmainid"].toString(), "HEntryID": data[i]["hsubid"].toString(), "HBillNo": HBillNo, "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 + ',';
|
}
|
}
|
RoadBillMain(linterid);
|
RoadBillSub(linterid);
|
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 HBillNo = $("#HBillNo").val();
|
var HBackRemark;
|
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]["HStatus"] == "未确认") {
|
$.ajax({
|
type: "get",
|
url: GetWEBURL()+"PODemandPlanRefuse",
|
data: { "HInterID": data[i]["hmainid"].toString(), "HEntryID": data[i]["hsubid"].toString(), "HBillNo": HBillNo, "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 + ',';
|
}
|
}
|
RoadBillMain(linterid);
|
RoadBillSub(linterid);
|
layer.close(index);
|
if (HEntry != '') {
|
layer.msg("选中的第" + HEntry + "行无法进行驳回操作！", { icon: 5, time: 2000 });
|
}
|
});
|
break;
|
|
case 'btn-exit':
|
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
parent.layer.close(index); //再执行关闭
|
break;
|
};
|
});
|
function f_SaveBill() {
|
//
|
//jiuajax从服务器获取
|
layer.load(3)
|
$.ajax(
|
{
|
type: "POST",
|
url: GetWEBURL()+"SaverPODemandPlan", //方法所在页面和方法名
|
async:true,
|
data: { msg: sMainSub },
|
dataType: "json",
|
success: function (data) {
|
if (data.count == 1) { // 说明验证成功了，
|
layer.msg(data.Message, { icon: 1 });
|
}
|
else {
|
// $("#verifycode").click();
|
layer.msg(data.Message, { icon: 5 });
|
}
|
layer.closeAll("loading");
|
},
|
error: function (err) {
|
f_alert("错误:" + err);
|
}
|
});
|
}
|
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();
|
// }
|
//});
|
}
|
//function form2json() {
|
// var jsonuserinfo = jQuery('#form1').serializeObject();
|
// return JSON.stringify(jsonuserinfo).replace(/(")/g, "\\\"");
|
//}
|
//jQuery.fn.serializeObject = function () {
|
// var o = {};
|
// var a = this.serializeArray();
|
// jQuery.each(a, function () {
|
// if (o[this.name]) {
|
// if (!o[this.name].push) {
|
// o[this.name] = [o[this.name]];
|
// }
|
// o[this.name].push(this.value || '');
|
// } else {
|
// o[this.name] = this.value || '';
|
// }
|
// });
|
// return o;
|
//};
|
//form.on('submit(Saver)', function (data) {//保存
|
// debugger;
|
// var ajaxData = data.field;
|
|
// return JSON.stringify(ajaxData).replace(/(")/g, "\\\"");
|
// // return false;
|
//});
|
|
//function f_SaveBefore() {
|
// //保存前处理(字段格式：int类型不能为空，日期类型符合格式，bool类型)
|
// if ($("#HInterID").val() == '') {
|
// $("#HInterID").val('0');
|
// }
|
// //明细网格不能为空
|
|
// return 'Y'
|
//}
|
//$('.test-table-reload-btn .layui-btn').on('click', function () {
|
// var type = $(this).data('type');
|
// active[type] ? active[type].call(this) : '';
|
//});
|
});
|
</script>
|
</body>
|
</html>
|
