440 lines
12 KiB
JavaScript
440 lines
12 KiB
JavaScript
let idParam,objParam,fileList = new Array(), imgListUp = new Array();
|
||
let form,laydate,layer,upload,table,util;
|
||
let jjDataArr = []; // 新增需求计划外机具的数据
|
||
let jjDetailArr = []; // 机具明细数据
|
||
function setParams(id) {
|
||
idParam = id;
|
||
layui.use([ 'form', 'layer','laydate','upload','table'], function() {
|
||
form = layui.form;
|
||
layer = layui.layer;
|
||
laydate = layui.laydate;
|
||
upload = layui.upload;
|
||
table = layui.table;
|
||
util = layui.util;
|
||
laydate.render({
|
||
elem: '#time'
|
||
});
|
||
form.verify();
|
||
form.on('submit(formData)', function(data) {
|
||
submitApply(data);
|
||
});
|
||
form.render();
|
||
let uploadObj = upload.render({
|
||
elem: '#test2',
|
||
multiple: true,
|
||
dataType: "json",
|
||
exts: 'jpg|png|jpeg|doc|docx|pdf|xlsx|xls',
|
||
acceptMime: 'image/jpg,image/png,image/jpeg,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
|
||
number: 5, //最大上传数量
|
||
size: 1024 * 10, //最大文件大小，单位k
|
||
auto: false, //是否自动上传 ，默认为true
|
||
bindAction: '#hideUpload', //绑定的按钮
|
||
choose: function (obj) {
|
||
uploadObj.config.elem.next()[0].value = '';
|
||
obj.preview(function (index, file, result) {
|
||
console.log(file);
|
||
$('#uploader-list').append(
|
||
'<div id="" class="file-iteme">' +
|
||
'<div class="handle"><p>x</p></div>' +
|
||
handleFileType(index, file, result) +
|
||
'</div>'
|
||
);
|
||
let map = new Map();//将选择的图片索引和图片写成对象存入集合
|
||
map.index = index;
|
||
map.file = file;
|
||
fileList.push(map);
|
||
});
|
||
}
|
||
});
|
||
initTable();
|
||
});
|
||
}
|
||
// 设置文件类型
|
||
function handleFileType(index, file, result) {
|
||
let html = '',img = '';
|
||
if(file.ext === 'doc' || file.ext === 'docx'){
|
||
img = '../../../images/docx.png';
|
||
}else if(file.ext === 'xls' || file.ext === 'xlsx'){
|
||
img = '../../../images/xlsx.png';
|
||
}else if(file.ext === 'pdf'){
|
||
img = '../../../images/PDF.png';
|
||
}else{
|
||
return '<img class="img" style="width: 130px;height: 120px;" data-index=' + index + ' data-name=' + file.name + ' src=' + result + '>';
|
||
}
|
||
html += '<div class="layout upload-file" data-index=' + index + '>' +
|
||
'<img src="'+img+'">' +
|
||
'<p style="text-align: center;font-size:12px;">' + file.name +'</p>' +
|
||
'</div>';
|
||
return html;
|
||
}
|
||
|
||
// 删除文件
|
||
$(document).on("click", ".file-iteme .handle", function (event) {
|
||
imgListUp.splice(0, imgListUp.length);
|
||
let index = $(this).next().attr('data-index');
|
||
$.each(fileList, function (inx, ele) {
|
||
//对比删除文件索引
|
||
//将未删除的存入新集合
|
||
if (index != ele.index) {
|
||
imgListUp.push(ele);
|
||
}
|
||
});
|
||
$(this).parent().remove();
|
||
//将新文件集合替换老集合
|
||
fileList.splice(0, fileList.length);
|
||
$.each(imgListUp, function (inx, ele) {
|
||
fileList.push(ele)
|
||
});
|
||
});
|
||
|
||
|
||
// 表格数据
|
||
function initTable() {
|
||
let dataList = [
|
||
{
|
||
id: "1",
|
||
username: "张三",
|
||
num: 1,
|
||
num2: 1,
|
||
status: "部分发货",
|
||
progress: 30,
|
||
lastSendTime:'2024-11-07 12:00:00',
|
||
'xyl':'1',
|
||
'fhl':'1'
|
||
},
|
||
{
|
||
id: "2",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00',
|
||
'xyl':'1',
|
||
'fhl':'1'
|
||
},
|
||
{
|
||
id: "3",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00',
|
||
'xyl':'1',
|
||
'fhl':'1'
|
||
},
|
||
{
|
||
id: "4",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00',
|
||
'xyl':'1',
|
||
'fhl':'1'
|
||
},
|
||
{
|
||
id: "5",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00',
|
||
'xyl':'1',
|
||
'fhl':'1'
|
||
},
|
||
{
|
||
id: "6",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00'
|
||
},
|
||
{
|
||
id: "7",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00'
|
||
},
|
||
{
|
||
id: "8",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00'
|
||
},
|
||
{
|
||
id: "9",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00'
|
||
},
|
||
{
|
||
id: "10",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00'
|
||
},
|
||
{
|
||
id: "11",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07'
|
||
},
|
||
{
|
||
id: "12",
|
||
username: "李四",
|
||
num: 1,
|
||
num2: 2,
|
||
status: "全部发货",
|
||
progress: 150,
|
||
lastSendTime:'2024-11-07 12:00:00'
|
||
},
|
||
];
|
||
table.render({
|
||
elem: "#currentTableId",
|
||
id:'currentTableId',
|
||
data: dataList,
|
||
height: "full",
|
||
// url: "../api/table.json",
|
||
parseData: function(res){
|
||
console.error(res);
|
||
|
||
},
|
||
cols: [
|
||
[
|
||
{
|
||
width: 80,
|
||
title: "序号",
|
||
align: "center",
|
||
templet: function (d) {
|
||
return d.LAY_NUM;
|
||
},
|
||
},
|
||
{
|
||
field: "username",
|
||
width: 150,
|
||
title: "物机类型",
|
||
unresize: true,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "num",
|
||
width: 150,
|
||
title: "物机名称",
|
||
unresize: true,
|
||
align: "center",
|
||
templet: function (d) {
|
||
// return setNumColor(d.num);
|
||
},
|
||
},
|
||
{
|
||
field: "num2",
|
||
width: 120,
|
||
title: "规格 ",
|
||
unresize: true,
|
||
align: "center",
|
||
templet: function (d) {
|
||
// return setNumColor(d.num2);
|
||
},
|
||
},
|
||
{
|
||
field: "unit",
|
||
title: "单位",
|
||
width: 120,
|
||
unresize: true,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "xyl",
|
||
width: 120,
|
||
title: "需要量",
|
||
unresize: true,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "yfhl",
|
||
width: 120,
|
||
title: "已发货量",
|
||
unresize: true,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "cql",
|
||
width: 120,
|
||
title: "差缺量",
|
||
unresize: true,
|
||
align: "center",
|
||
},
|
||
{
|
||
field: "fhl",
|
||
width: 150,
|
||
title: "<span style='color:red'> * </span>本次发货量",
|
||
unresize: true,
|
||
align: "center",
|
||
edit:'text',
|
||
style: 'outline: 1px solid #e6e6e6;outline-offset: -5px;'
|
||
},
|
||
{
|
||
field: "tzl",
|
||
width: 150,
|
||
title: "调整量<img id='tips' style='cursor: pointer;' src='../../../images/demandPlan/yw.png'>",
|
||
unresize: true,
|
||
align: "center",
|
||
edit:'text',
|
||
style: 'outline: 1px solid #e6e6e6;outline-offset: -5px;'
|
||
},
|
||
{
|
||
field: "remark",
|
||
width: 250,
|
||
title: "备注",
|
||
unresize: true,
|
||
align: "center",
|
||
edit:'textarea',
|
||
style: 'outline: 1px solid #e6e6e6;outline-offset: -5px;'
|
||
},
|
||
|
||
],
|
||
],
|
||
limits: [10, 15, 20, 25, 50, 100],
|
||
limit: 10,
|
||
page: true,
|
||
done: function (res, curr, count) {
|
||
$("#tips").suspensionTips({"content": "1.如需单个机具进度达到100%，请填写不发货的数量；2.若填写不发货数量，请填写备注不发货原因及附件说明", position:"top", width:300});
|
||
|
||
},
|
||
});
|
||
table.on('edit(currentTableId)', function(obj){
|
||
console.log(obj);
|
||
|
||
var field = obj.field; // 得到修改的字段
|
||
var value = obj.value // 得到修改后的值
|
||
var oldValue = obj.oldValue // 得到修改前的值 -- v2.8.0 新增
|
||
var data = obj.data // 得到所在行所有键值
|
||
var col = obj.getCol(); // 得到当前列的表头配置属性 -- v2.8.0 新增
|
||
if(field === 'fhl' || field === 'tzl'){ // 本次发货量/调整量
|
||
if(value){
|
||
const regex = /^(0|[1-9]\d{0,6})$/;
|
||
if(!regex.test(value)){
|
||
obj.reedit();
|
||
return layer.msg('格式不正确，最大输入6位数，且为正整数！',{icon:7})
|
||
}
|
||
}
|
||
}else if(field === 'remark'){ // 备注
|
||
if(value){
|
||
if(value.length > 255){
|
||
obj.reedit();
|
||
return layer.msg('备注最多输入255位！',{icon:7})
|
||
}
|
||
}
|
||
}
|
||
// 显示 - 仅用于演示
|
||
layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改值为：'+ util.escape(value));
|
||
let id = obj.data.id;
|
||
let fhl = obj.data.fhl;
|
||
let tzl = obj.data.tzl;
|
||
let remark = obj.data.remark;
|
||
let objParam = {
|
||
id:id,
|
||
fhl:fhl,
|
||
tzl:tzl,
|
||
remark:remark
|
||
}
|
||
updateOrAddObject(id,objParam);
|
||
});
|
||
}
|
||
|
||
// 根据id 判断对象数组的对象是否存在 如果存在则替换，不存在则添加
|
||
function updateOrAddObject(id, newObject) {
|
||
const index = jjDetailArr.findIndex(obj => obj.id === id);
|
||
if (index !== -1) {
|
||
// 如果对象存在，则替换它
|
||
jjDetailArr[index] = newObject;
|
||
} else {
|
||
// 如果对象不存在，则添加到数组
|
||
jjDetailArr.push(newObject);
|
||
}
|
||
}
|
||
function saveData2() {
|
||
$('#formSubmit').trigger('click')
|
||
}
|
||
|
||
|
||
// 提交
|
||
function submitApply(data) {
|
||
data.field.jjDataArr = jjDetailArr;
|
||
data.field.jjDetailArr = jjDetailArr;
|
||
let formData = new FormData();
|
||
//遍历最终文件集合
|
||
for (let i = 0; i < fileList.length; i++) {
|
||
formData.append("file[]", fileList[i].file)
|
||
}
|
||
formData.append('params',JSON.stringify(data.field));
|
||
/* let loadingMsg = layer.msg('正在提交保存,请稍等...', {
|
||
icon : 16,
|
||
shade : 0.01,
|
||
time : '0'
|
||
}); */
|
||
console.log(JSON.stringify(data.field));
|
||
data.field.applyId = idParam;
|
||
}
|
||
|
||
|
||
// 处理数字
|
||
function handleNum(value){
|
||
if(!value){
|
||
return null;
|
||
}
|
||
const regex = /^(0|[1-9]\d{0,6})$/;
|
||
if(!regex.test(value)){
|
||
return layer.msg('格式不正确，最大输入6位数，且为正整数！',{icon:7})
|
||
}
|
||
return null;
|
||
}
|
||
|
||
// 详情
|
||
function openDetail(){
|
||
alert('详情');
|
||
}
|
||
|
||
// 新增需求计划外机具
|
||
function addJjData(){
|
||
let params = '-1';
|
||
if(jjDataArr && jjDataArr.length > 0){
|
||
params = JSON.stringify(jjDataArr);
|
||
}
|
||
openIframeByParam("addJjData", '新增需求计划外机具', "./add_jj_data.html", '72%', '80%',params);
|
||
}
|
||
|
||
function addJjDatas(data){
|
||
console.log('新增的数据：'+data);
|
||
jjDataArr = JSON.parse(data);
|
||
}
|
||
// 关闭页面
|
||
function closePage(type) {
|
||
let index = parent.layer.getFrameIndex(window.name); // 先得到当前 iframe层的索引
|
||
parent.layer.close(index); // 再执行关闭
|
||
if (type == 1) {
|
||
window.parent.closePage();
|
||
}
|
||
|
||
} |