This commit is contained in:
cwchen 2024-11-11 15:04:57 +08:00
parent 87357dd5cc
commit 528a9fecce
6 changed files with 124 additions and 113 deletions

View File

@ -1,12 +1,12 @@
let objParam = JSON.stringify(decodeURIComponent(getUrlParam('obj'))); let objParam = JSON.stringify(decodeURIComponent(getUrlParam('obj')));
let form, table, element,tableIns,layer; let form, table, element, tableIns, layer;
let pageNum = 1; let pageNum = 1;
layui.use(["form", "table", 'element','layer'], function () { layui.use(["form", "table", 'element', 'layer'], function () {
form = layui.form; form = layui.form;
table = layui.table; table = layui.table;
element = layui.element; element = layui.element;
initTable(); initTable();
}); });
// 查询/重置 // 查询/重置
function queryTable(type) { function queryTable(type) {
@ -50,7 +50,7 @@ function initTable() {
headers: { headers: {
authorization: sessionStorage.getItem("gz-token"), authorization: sessionStorage.getItem("gz-token"),
}, },
height: "full-140", // height: "full-140",
url: dataUrl + "backstage/planOut/getPorInfoDetail2", url: dataUrl + "backstage/planOut/getPorInfoDetail2",
where: { where: {
encryptedData: JSON.stringify({ encryptedData: JSON.stringify({
@ -78,8 +78,8 @@ function initTable() {
title: "序号", title: "序号",
align: "center", align: "center",
templet: function (d) { templet: function (d) {
let color= d.needType === '2' ? '#f56c6c':'#262626'; let color = d.needType === '2' ? '#f56c6c' : '#262626';
return '<span style="color:'+color+'">'+d.LAY_NUM+'</span>' return '<span style="color:' + color + '">' + d.LAY_NUM + '</span>'
}, },
}, },
{ {
@ -89,9 +89,9 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
let color= d.needType === '2' ? '#f56c6c':'#262626'; let color = d.needType === '2' ? '#f56c6c' : '#262626';
return '<span style="color:'+color+'">'+d.typeName+'</span>' return '<span style="color:' + color + '">' + d.typeName + '</span>'
}, },
}, },
{ {
field: "type", field: "type",
@ -100,8 +100,8 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
let color= d.needType === '2' ? '#f56c6c':'#262626'; let color = d.needType === '2' ? '#f56c6c' : '#262626';
return '<span style="color:'+color+'">'+d.type+'</span>' return '<span style="color:' + color + '">' + d.type + '</span>'
}, },
}, },
{ {
@ -111,8 +111,8 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
let color= d.needType === '2' ? '#f56c6c':'#262626'; let color = d.needType === '2' ? '#f56c6c' : '#262626';
return '<span style="color:'+color+'">'+d.name+'</span>' return '<span style="color:' + color + '">' + d.name + '</span>'
}, },
}, },
{ {
@ -122,8 +122,8 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
let color= d.needType === '2' ? '#f56c6c':'#262626'; let color = d.needType === '2' ? '#f56c6c' : '#262626';
return '<span style="color:'+color+'">'+d.module+'</span>' return '<span style="color:' + color + '">' + d.module + '</span>'
}, },
}, },
{ {
@ -133,8 +133,8 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
let color= d.needType === '2' ? '#f56c6c':'#262626'; let color = d.needType === '2' ? '#f56c6c' : '#262626';
return '<span style="color:'+color+'">'+d.unit+'</span>' return '<span style="color:' + color + '">' + d.unit + '</span>'
}, },
}, },
{ {
@ -143,7 +143,7 @@ function initTable() {
width: '13%', width: '13%',
unresize: true, unresize: true,
align: "center", align: "center",
templet:schedule, templet: schedule,
}, },
{ {
field: "needNum", field: "needNum",
@ -152,7 +152,7 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
return setNumColor(d.needNum,1,d.needType); return setNumColor(d.needNum, 1, d.needType);
}, },
}, },
{ {
@ -162,7 +162,7 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
return setNumColor(d.fhNum,2,d.needType); return setNumColor(d.fhNum, 2, d.needType);
}, },
}, },
{ {
@ -172,7 +172,7 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
return setNumColor(d.diff,3,d.needType); return setNumColor(d.diff, 3, d.needType);
}, },
}, },
{ {
@ -182,7 +182,7 @@ function initTable() {
unresize: true, unresize: true,
align: "center", align: "center",
templet: function (d) { templet: function (d) {
return setNumColor(d.tzNum,4,d.needType); return setNumColor(d.tzNum, 4, d.needType);
}, },
}, },
{ {
@ -210,59 +210,60 @@ function setFontBold(value) {
return '<span style="font-weight:bold">' + value + "</span>"; return '<span style="font-weight:bold">' + value + "</span>";
} }
function setNumColor(value, type,needType) { // 1.需要量 2.已发货量 3.待发货量 4.调整量 function setNumColor(value, type, needType) { // 1.需要量 2.已发货量 3.待发货量 4.调整量
let color = '#66b1ff'; let color = '#66b1ff';
if (type === 1 && needType == '2') { if (type === 1 && needType == '2') {
color = '#66b1ff'; color = '#66b1ff';
value = '/'; value = '/';
} else if (type === 2) { } else if (type === 2) {
color = '#19be6b'; color = '#19be6b';
} else if (type === 3) { } else if (type === 3) {
color = '#f56c6c'; color = '#f56c6c';
}else if(type === 4){ } else if (type === 4) {
if(value > 0){ if (value > 0) {
color = '#d9001b'; color = '#d9001b';
}else{ } else {
color = '#ccc'; color = '#ccc';
}
} }
return '<span style="color:' + color + ';font-weight:bold;">' + value + "</span>";
} }
return '<span style="color:' + color + ';font-weight:bold;">' + value + "</span>";
}
// 设置进度值 // 设置进度值
function schedule(d) { function schedule(d) {
d.progress = parseFloat(d.progress) d.progress = parseFloat(d.progress)
d.filter == undefined ? (d.filter = d.LAY_NUM) : d.filter; d.filter == undefined ? (d.filter = d.LAY_NUM) : d.filter;
d.progress == undefined ? (d.progress = 100) : d.progress; d.progress == undefined ? (d.progress = 100) : d.progress;
var color = "layui-bg-orange"; var color = "layui-bg-orange";
if (d.progress < 100) { if (d.progress < 100) {
color = "layui-bg-orange"; color = "layui-bg-orange";
} else if (d.progress === 100) { } else if (d.progress === 100) {
color = "layui-bg-primary"; color = "layui-bg-primary";
} else if (d.progress > 100) { } else if (d.progress > 100) {
color = "layui-bg-blue"; color = "layui-bg-blue";
}
//设置页面进度条
return (
'<div class="layui-progress layui-progress-big" lay-showpercent="true" id="' +d.filter +'" lay-filter="progress' +d.filter +'">' +
'<div class="layui-progress-bar ' +color +'" lay-percent="' +d.progress +'%">' +
"</div></div>"
);
} }
//设置页面进度条
return (
'<div class="layui-progress layui-progress-big" lay-showpercent="true" id="' + d.filter + '" lay-filter="progress' + d.filter + '">' +
'<div class="layui-progress-bar ' + color + '" lay-percent="' + d.progress + '%">' +
"</div></div>"
);
}
// 导出 // 导出
function exportExcel() { function exportExcel() {
let encryptedData = JSON.stringify({ let params = {
'proName': $('#proName').val(), 'name': $('#name').val(),
'status': $('#status').val() 'module': $('#module').val(),
}); 'proId': objParam.proId
let url = dataUrl + "backstage/planOut/exportExcel?encryptedData=" + encryptedData; }
exportExcelUtil(url, '机具公司发货数据'); let url = dataUrl + "backstage/export/exportAllFhList";
exportExcelUtil(url, '发货详情-全部', JSON.stringify(params));
} }
// 打印 // 打印
function print() { function print() {
Print('#body', { Print('#table-box', {
onStart: function () { onStart: function () {
console.log('onStart', new Date()) console.log('onStart', new Date())
}, },

View File

@ -1,5 +1,6 @@
let objParam = JSON.parse(JSON.parse(decodeURIComponent(getUrlParam('obj')))); let objParam = JSON.parse(JSON.parse(decodeURIComponent(getUrlParam('obj'))));
let id = getUrlParam('id'); // 批次ID let id = getUrlParam('id'); // 批次ID
let time = getUrlParam('time'); // 批次日期
let form, table, element, tableIns, layer; let form, table, element, tableIns, layer;
let pageNum = 1; let pageNum = 1;
layui.use(["form", "table", 'element', 'layer'], function () { layui.use(["form", "table", 'element', 'layer'], function () {
@ -16,7 +17,7 @@ function getOutDetails() {
let params = { let params = {
encryptedData: JSON.stringify({ encryptedData: JSON.stringify({
'proId': objParam.proId, 'proId': objParam.proId,
'id':id 'id': id
}) })
}; };
let url = dataUrl + 'backstage/planOut/getOutDetails'; let url = dataUrl + 'backstage/planOut/getOutDetails';
@ -26,7 +27,7 @@ function getOutDetails() {
if (result.code === 200) { if (result.code === 200) {
setBasicValue(result.data); setBasicValue(result.data);
setFileTable(result.data.fileList); setFileTable(result.data.fileList);
}else{ } else {
setBasicValue(null); setBasicValue(null);
setFileTable(null); setFileTable(null);
} }
@ -36,9 +37,9 @@ function getOutDetails() {
} }
function setBasicValue(obj) { function setBasicValue(obj) {
if(obj){ if (obj) {
$('#userName').html(obj.userName); parseInt(); $('#userName').html(obj.userName); parseInt();
$('#createDay').html(obj.createDay + '<a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'viewGs('+JSON.stringify(obj)+')\'>查看概述</a>'); $('#createDay').html(obj.createDay + '<a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'viewGs(' + JSON.stringify(obj) + ')\'>查看概述</a>');
$('#remark').html(obj.remarks); $('#remark').html(obj.remarks);
} }
} }
@ -53,8 +54,8 @@ function setFileTable(fileList) {
'<td>' + handleFileType(item.fileName) + item.fileName + '</td>' + '<td>' + handleFileType(item.fileName) + item.fileName + '</td>' +
'<td><img src="../../../images/user_head_icon.png" width="20px" height="20px">' + item.createName + '</td>' + '<td><img src="../../../images/user_head_icon.png" width="20px" height="20px">' + item.createName + '</td>' +
'<td>' + item.createTime + '</td>' + '<td>' + item.createTime + '</td>' +
'<td><a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'viewFile('+JSON.stringify(item)+')\'>预览</a>' + '<td><a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'viewFile(' + JSON.stringify(item) + ')\'>预览</a>' +
'<a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'downLoadFile('+JSON.stringify(item)+')\'>下载</a>' + '<a style="margin:0 5px;color:#409EFF;cursor: pointer;" onclick=\'downLoadFile(' + JSON.stringify(item) + ')\'>下载</a>' +
'</td>' + '</td>' +
'</tr>'; '</tr>';
}) })
@ -108,7 +109,7 @@ function reloadTable(pageNum) {
'name': $('#name').val(), 'name': $('#name').val(),
'module': $('#module').val(), 'module': $('#module').val(),
'proId': objParam.proId, 'proId': objParam.proId,
'id':id 'id': id
}), }),
}, },
}, },
@ -130,7 +131,7 @@ function initTable() {
'name': $('#name').val(), 'name': $('#name').val(),
'module': $('#module').val(), 'module': $('#module').val(),
'proId': objParam.proId, 'proId': objParam.proId,
'id':id 'id': id
}), }),
}, },
request: { request: {
@ -256,12 +257,14 @@ function setNumColor(value, type) { // 1.需要量 2.本次发货量 3.不发货
// 导出 // 导出
function exportExcel() { function exportExcel() {
let encryptedData = JSON.stringify({ let params = {
'proName': $('#proName').val(), 'name': $('#name').val(),
'status': $('#status').val() 'module': $('#module').val(),
}); 'proId': objParam.proId,
let url = dataUrl + "backstage/planOut/exportExcel?encryptedData=" + encryptedData; 'id': id
exportExcelUtil(url, '机具公司发货数据'); }
let url = dataUrl + "backstage/export/exportPcList";
exportExcelUtil(url, '发货详情-批次-' + time, JSON.stringify(params));
} }
// 打印 // 打印
@ -281,11 +284,11 @@ function viewGs(obj) {
layer.open({ layer.open({
type: 1, type: 1,
shade: false, // 不显示遮罩 shade: false, // 不显示遮罩
content: '<div style="padding: 1%;">'+obj.details+'</div>', content: '<div style="padding: 1%;">' + obj.details + '</div>',
title:'<h3 style="color: #F56C6C;">'+obj.createDay+'发货概述:</h3>', title: '<h3 style="color: #F56C6C;">' + obj.createDay + '发货概述:</h3>',
btn: ['复制文字', '关闭'], btn: ['复制文字', '关闭'],
area: ['60%', '50%'], area: ['60%', '50%'],
move:false, move: false,
btnAlign: 'c', // 按钮居中显示 btnAlign: 'c', // 按钮居中显示
btn1: function () { btn1: function () {
exeCommandCopyText(obj.gs); exeCommandCopyText(obj.gs);
@ -293,7 +296,7 @@ function viewGs(obj) {
btn2: function () { btn2: function () {
layer.close(); layer.close();
}, },
}); });
} }
// 复制文字 // 复制文字
@ -306,31 +309,31 @@ function exeCommandCopyText(text) {
t.select() t.select()
document.execCommand('copy'); document.execCommand('copy');
document.body.removeChild(t) document.body.removeChild(t)
layer.msg('复制成功',{icon:1}); layer.msg('复制成功', { icon: 1 });
} catch (e) { } catch (e) {
console.log(e) console.log(e)
layer.msg('复制失败',{icon:2}); layer.msg('复制失败', { icon: 2 });
} }
} }
// 预览文件 // 预览文件
function viewFile(obj) { function viewFile(obj) {
let fileName = obj.fileName.toLowerCase(); let fileName = obj.fileName.toLowerCase();
if(fileName.indexOf('png') || fileName.indexOf('jpg')|| fileName.indexOf('jpeg')){ if (fileName.indexOf('png') || fileName.indexOf('jpg') || fileName.indexOf('jpeg')) {
layer.photos({ layer.photos({
shade:0.5, shade: 0.5,
photos: { photos: {
"title": "图片预览", "title": "图片预览",
"start": 0, "start": 0,
"data": [ "data": [
{ {
"alt": "layer", "alt": "layer",
"pid": 1, "pid": 1,
"src": "../../../images/captcha.jpg", "src": "../../../images/captcha.jpg",
} }
] ]
} }
}); });
} }
} }

View File

@ -10,11 +10,13 @@ function setParams(obj) {
element = layui.element; element = layui.element;
// tab 切换事件 // tab 切换事件
element.on('tab(demo-filter-tab)', function (data) { element.on('tab(demo-filter-tab)', function (data) {
console.log(data);
let value = $(this).attr('value'); let value = $(this).attr('value');
if (value === '') { // 全部 if (value === '') { // 全部
$('#indexIframe').attr('src', 'delivery_all_list.html?obj=' + encodeURIComponent(JSON.stringify(obj))); $('#indexIframe').attr('src', 'delivery_all_list.html?obj=' + encodeURIComponent(JSON.stringify(obj)));
} else if (value !== '0') { } else if (value !== '0') {
$('#indexIframe').attr('src', 'delivery_batch_list.html?obj=' + encodeURIComponent(JSON.stringify(obj)) + '&id=' + value); let time = $(this).attr('tiem');
$('#indexIframe').attr('src', 'delivery_batch_list.html?obj=' + encodeURIComponent(JSON.stringify(obj)) + '&id=' + value + '&time=' + time);
} else if (value === '0') { } else if (value === '0') {
$('#indexIframe').attr('src', 'delivery_not_send_list.html?obj=' + encodeURIComponent(JSON.stringify(obj))); $('#indexIframe').attr('src', 'delivery_not_send_list.html?obj=' + encodeURIComponent(JSON.stringify(obj)));
} }
@ -43,7 +45,7 @@ function getShipmentBatch(list) {
} else if (item.name === '全部') { } else if (item.name === '全部') {
html += '<li value="' + this.id + '"><span class="li-span">' + this.name + '</span></li>'; html += '<li value="' + this.id + '"><span class="li-span">' + this.name + '</span></li>';
} else { } else {
html += '<li value="' + this.id + '"><span>' + item.name + '</span><span>' + item.tiem + '</span></li>'; html += '<li value="' + this.id + '" tiem="'+item.tiem+'"><span>' + item.name + '</span><span>' + item.tiem + '</span></li>';
} }
}) })
$('.layui-tab-title').empty().append(html); $('.layui-tab-title').empty().append(html);

View File

@ -177,12 +177,13 @@ function setNumColor(value, type) { // 1.需要量 2.本次发货量 3.不发货
// 导出 // 导出
function exportExcel() { function exportExcel() {
let encryptedData = JSON.stringify({ let params = {
'proName': $('#proName').val(), 'name': $('#name').val(),
'status': $('#status').val() 'module': $('#module').val(),
}); 'proId': objParam.proId
let url = dataUrl + "backstage/planOut/exportExcel?encryptedData=" + encryptedData; }
exportExcelUtil(url, '机具公司发货数据'); let url = dataUrl + "backstage/export/exportDfhList";
exportExcelUtil(url, '发货详情-待发货', JSON.stringify(params));
} }
// 打印 // 打印

View File

@ -72,7 +72,7 @@ function exportExcelUtil(url, fileName,params) {
var a = document.createElement("a"); var a = document.createElement("a");
var url = window.URL.createObjectURL(blob); var url = window.URL.createObjectURL(blob);
a.href = url; a.href = url;
a.download = fileName + getNowDate() + ".xlsx"; // 文件名 a.download = fileName + ".xlsx"; // 文件名
} else { } else {
layer.msg("数据发生异常,请稍后重试", { icon: 16, scrollbar: false, time: 2000 }); layer.msg("数据发生异常,请稍后重试", { icon: 16, scrollbar: false, time: 2000 });
} }

View File

@ -15,10 +15,14 @@
padding: 0; padding: 0;
height: 100%; height: 100%;
} }
.layuimini-container {
height: auto;
}
</style> </style>
<body> <body>
<div class="layuimini-container"> <div class="layuimini-container" id="layuimini-container">
<div class="layuimini-main"> <div class="layuimini-main">
<fieldset class="table-search-fieldset"> <fieldset class="table-search-fieldset">
<legend>搜索信息</legend> <legend>搜索信息</legend>
@ -27,14 +31,14 @@
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-inline"> <div class="layui-inline">
<div class="layui-input-inline" style="width: 300px;"> <div class="layui-input-inline" style="width: 300px;">
<input type="text" name="name" id="name" autocomplete="off" <input type="text" name="name" id="name" autocomplete="off" class="layui-input"
class="layui-input" lay-affix="clear" placeholder="输入物机名称" maxlength="30"> lay-affix="clear" placeholder="输入物机名称" maxlength="30">
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline">
<div class="layui-input-inline" style="width: 300px;"> <div class="layui-input-inline" style="width: 300px;">
<input type="text" name="module" id="module" autocomplete="off" <input type="text" name="module" id="module" autocomplete="off" class="layui-input"
class="layui-input" lay-affix="clear" placeholder="输入规格" maxlength="30"> lay-affix="clear" placeholder="输入规格" maxlength="30">
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline">
@ -51,7 +55,7 @@
</form> </form>
</div> </div>
</fieldset> </fieldset>
<div class="table-box" table-responsive style="z-index: 1;"> <div class="table-box" id="table-box" table-responsive style="z-index: 1;">
<table class="layui-hide" id="currentTableId" lay-filter="currentTableId2"></table> <table class="layui-hide" id="currentTableId" lay-filter="currentTableId2"></table>
</div> </div>
</div> </div>