323 lines
11 KiB
JavaScript
323 lines
11 KiB
JavaScript
var example = null;
|
||
var pers = null;
|
||
var form = null;
|
||
var lumpSumContractId = localStorage.getItem("lumpSumContractId");
|
||
var lumpSumType = localStorage.getItem("lumpSumType");
|
||
var gxListArr=[];
|
||
|
||
var selectedGxListInParent = [];// 父页面存储已选数据
|
||
|
||
var deletedGxList = []; // 用于存储被删除的数据
|
||
layui.use(['layer', 'laydate', 'form'], function () {
|
||
form = layui.form;
|
||
form.render();
|
||
form.verify();
|
||
pers = checkPermission();
|
||
|
||
$(document).ready(function() {
|
||
init(); // 初始化表格
|
||
});
|
||
|
||
$("#searchBt").click(function () {
|
||
example.ajax.reload();
|
||
});
|
||
|
||
//重置
|
||
$("#resetBt").click(function () {
|
||
$("#gxName").val("");
|
||
$("#pilePosition").val("");
|
||
|
||
gxListArr=[];
|
||
selectedGxListInParent = [];// 父页面存储已选数据
|
||
example.ajax.reload();
|
||
});
|
||
|
||
form.on('submit(formDemo)', function (data) {
|
||
const table = $('#dt-table').DataTable();
|
||
const rowsData = table.rows().data().toArray(); // 获取所有行数据
|
||
|
||
if (rowsData.length === 0) {
|
||
layer.msg("没有可保存的数据", { icon: 2, time: 2000 });
|
||
return;
|
||
}
|
||
|
||
const gxList = rowsData.map(row => ({
|
||
gxId: row.gxId, // 表格行中的 id 字段作为 gxId
|
||
gxName: row.gx, // 包干工序字段
|
||
gxZw: row.pilePosition // 桩位字段
|
||
}));
|
||
|
||
// 构造最终对象
|
||
const submitData = {
|
||
id: lumpSumContractId, // 转换为整数
|
||
type: "1",
|
||
gxList: gxList
|
||
};
|
||
|
||
// 提交到后端
|
||
$.ajax({
|
||
url: ctxPath + "/teamSmallBagDryTreaty/operContract", // 替换为你的实际接口
|
||
type: 'POST',
|
||
contentType: 'application/json',
|
||
data: JSON.stringify(submitData),
|
||
success: function (res) {
|
||
if (res.res === 1) {
|
||
layer.msg("保存成功", { icon: 1, time: 2000 });
|
||
setTimeout("reloading()", 2001);
|
||
} else {
|
||
layer.msg(res.resMsg || "保存失败", { icon: 2, time: 2000 });
|
||
}
|
||
},
|
||
error: function (xhr, status, error) {
|
||
console.error("保存失败:", error);
|
||
layer.msg("网络错误，请重试", { icon: 5, time: 2000 });
|
||
}
|
||
});
|
||
return false; // 阻止表单刷新页面
|
||
});
|
||
});
|
||
|
||
function init() {
|
||
example = $('#dt-table').DataTable({
|
||
"searching": false, // 禁用搜索
|
||
"processing": true, // 加载数据时显示进度状态
|
||
"serverSide": false,
|
||
'scrollY': "640px",
|
||
'scroller': true,
|
||
'scrollCollapse': true,
|
||
'deferRender': true,
|
||
"language": {
|
||
"url": ctxPath + "/js/plugin/datatables/Chinese.lang"
|
||
},
|
||
"ajax": {
|
||
"url": ctxPath + "/commonSelect/getGxPilePositions",
|
||
"type": "get",
|
||
"dataSrc": function (res) {
|
||
if (res.res === 1) {
|
||
return res.obj; // 使用 obj 作为数据源
|
||
} else {
|
||
layer.msg(res.resMsg || '数据加载失败');
|
||
return [];
|
||
}
|
||
},
|
||
"data": function (d) {
|
||
d.contractId = lumpSumContractId;
|
||
d.type = lumpSumType;
|
||
d.gxName = $("#gxName").val();
|
||
d.pilePosition = $("#pilePosition").val();
|
||
},
|
||
"error": function (xhr, textStatus, errorThrown) {
|
||
var msg = xhr.responseText;
|
||
console.log(msg);
|
||
var response = JSON.parse(msg);
|
||
var code = response.code;
|
||
var message = response.message;
|
||
if (code == 400) {
|
||
layer.msg(message);
|
||
} else if (code == 401) {
|
||
localStorage.removeItem("token");
|
||
layer.msg("token过期，请先登录", {shift: -1, time: 1000}, function () {
|
||
location.href = ctxPath + '/login.html';
|
||
});
|
||
} else if (code == 403) {
|
||
console.log("未授权:" + message);
|
||
layer.msg('未授权');
|
||
} else if (code == 500) {
|
||
console.log('系统错误：' + message);
|
||
}
|
||
}
|
||
},
|
||
"lengthMenu": [ [10, 20, 50], [10, 20, 50] ], // 设置每页显示数据量选项
|
||
"paging": false, // 禁用分页
|
||
"ordering": false, // 禁用排序
|
||
"drawCallback": function() {
|
||
// 这里可以根据需要进行额外的处理
|
||
},
|
||
"dom": "<'dt-toolbar'r>t<'dt-toolbar-footer'<'col-sm-4 col-xs-4 hidden-xs'i><'col-xs-8 col-sm-8' p v>><'dt-table-length'l>",
|
||
"columns": [
|
||
{
|
||
"width": "5%",
|
||
"orderable": false,
|
||
data: function (row, type, set, meta) {
|
||
var c = meta.settings._iDisplayStart + meta.row + 1;
|
||
return c;
|
||
}
|
||
},
|
||
{
|
||
"data": "gx",
|
||
"width": "5%",
|
||
"defaultContent": "" // 如果字段缺失，默认显示空字符串
|
||
},
|
||
{
|
||
"data": "pilePosition",
|
||
"width": "6%",
|
||
"defaultContent": "" // 如果字段缺失，默认显示空字符串
|
||
},
|
||
{
|
||
"data": "",
|
||
"defaultContent": "",
|
||
"orderable": false,
|
||
"width": "10%",
|
||
"render": function (data, type, row) {
|
||
var id = row['id'];
|
||
var gx = row['gx'];
|
||
var gxId = row['gxId'];
|
||
var pilePosition = row['pilePosition'];
|
||
var clockStatus = row['clockStatus'];
|
||
var html = '';
|
||
if (clockStatus == 1){
|
||
html += '<span class="label label-success">不可操作</span>';
|
||
}else{
|
||
html += buttonDelView(id, "", pers);
|
||
}
|
||
return html;
|
||
}
|
||
},
|
||
],
|
||
"order": [] // 在栏目列上显示排序功能
|
||
});
|
||
}
|
||
|
||
function buttonDelView(id, permission, pers) {
|
||
|
||
if (permission != "") {
|
||
if ($.inArray(permission, pers) < 0) {
|
||
return "";
|
||
}
|
||
}
|
||
var btn = $("<button class='layui-btn layui-btn-xs' style='margin: 5px 5px;' title='删除' onclick='delView(\"" + id + "\")'>删除</button>");
|
||
return btn.prop("outerHTML");
|
||
}
|
||
|
||
/**
|
||
* 删除工程
|
||
* */
|
||
function delView(id) {
|
||
layer.confirm("确定删除吗？", function (index) {
|
||
const table = $('#dt-table').DataTable();
|
||
// 遍历所有行，找到匹配 id 的行并删除
|
||
table.rows().every(function () {
|
||
const data = this.data();
|
||
if(data){
|
||
if (data.id == id) {
|
||
// 从 selectedGxListInParent 中移除对应的项
|
||
selectedGxListInParent = selectedGxListInParent.filter(item => item.gxId !== data.id);
|
||
table.row(this.index()).remove().draw(); // 删除该行并重绘表格
|
||
}
|
||
}
|
||
});
|
||
layer.close(index); // 关闭确认框
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 新增选择包干工序及桩位
|
||
*/
|
||
function lumpSumAdd(){
|
||
localStorage.setItem("lumpSumType", "1")
|
||
// 获取当前表格中所有数据
|
||
const table = $('#dt-table').DataTable();
|
||
const allData = table.rows().data().toArray();
|
||
let index = layer.open({
|
||
title: ['选择包干工序及桩位', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
|
||
type: 2,
|
||
content: 'lumpSumAddForm.html',
|
||
area: ['90%', '90%'],
|
||
maxmin: false,
|
||
btn: ['确定','关闭'],
|
||
|
||
success: function(layero, index){
|
||
var myIframe = window[layero.find('iframe')[0]['name']];
|
||
var fnc = myIframe.receiveDataFromParent(JSON.stringify(selectedGxListInParent)); //aaa()为子页面的方法
|
||
},
|
||
yes: function (index, layero) {
|
||
// 获取弹出层中的form表单元素
|
||
var formSubmit = layer.getChildFrame('form', index);
|
||
var submited = formSubmit.find('button')[1];
|
||
submited.click();
|
||
},
|
||
});
|
||
}
|
||
|
||
function receiveDataFromChild(gxList,resultStrings) {
|
||
selectedGxListInParent = JSON.parse(gxList); // 更新父页面缓存
|
||
console.log('收到子页面数据:', gxList);
|
||
console.log('收到子页面数据groupedData:', resultStrings);
|
||
const cleaned = JSON.parse(resultStrings).map(item => item.replace(/\s+/g, ''));
|
||
// 第二步：处理每一项，生成标准化格式
|
||
const formatted = cleaned.map(item => {
|
||
// 使用正则提取工序名 和 桩位列表
|
||
const nameMatch = item.match(/^([\u4e00-\u9fa5]+)(?:工序)/);
|
||
const pileMatch = item.match(/桩位(.*)/);
|
||
if (!nameMatch || !pileMatch) return item;
|
||
const gxName = nameMatch[1]; // 工序名
|
||
let piles = pileMatch[1]; // 桩位字符串
|
||
// 去重 + 排序（可选）
|
||
const uniquePiles = [...new Set(piles.split(','))].filter(Boolean).join(',');
|
||
// 返回标准格式
|
||
return `${gxName}工序${uniquePiles}桩位`;
|
||
});
|
||
if(formatted.length > 0){
|
||
$("#gxList").val("1");
|
||
}
|
||
gxListArr = formatGxList(gxList);
|
||
selectedGxList(gxListArr)
|
||
}
|
||
|
||
function selectedGxList(gxListArr) {
|
||
|
||
const table = $('#dt-table').DataTable();
|
||
// 清除之前追加的数据
|
||
table.rows().every(function () {
|
||
const data = this.data();
|
||
if (data.added) {
|
||
table.row(this.index()).remove();
|
||
}
|
||
});
|
||
|
||
// 遍历数据并追加到表格
|
||
gxListArr.forEach(item => {
|
||
// 构造一行数据对象，对应 columns 定义的字段
|
||
const rowData = {
|
||
id: item.gxId,
|
||
gx: item.gxName,
|
||
pilePosition: item.gxZw,
|
||
gxId: item.gxId,
|
||
clockStatus: 0 // 新增项默认可操作
|
||
};
|
||
|
||
// 检查是否已存在相同 id 的记录，避免重复添加
|
||
const existingRows = table.rows().data();
|
||
let exists = false;
|
||
for (let i = 0; i < existingRows.length; i++) {
|
||
if (existingRows[i].id === rowData.id) {
|
||
exists = true;
|
||
break;
|
||
}
|
||
}
|
||
if (!exists) {
|
||
table.row.add(rowData).draw(); // 追加新行
|
||
}
|
||
});
|
||
}
|
||
|
||
function formatGxList(gxListStr) {
|
||
try {
|
||
const parsed = JSON.parse(gxListStr);
|
||
console.log('格式化后的数据:', parsed)
|
||
return parsed.map(item => ({
|
||
gxId: item.gxId.trim(), // 直接取并去空格
|
||
gxName: item.gxName.trim(),
|
||
gxZw: item.gxZw.trim()
|
||
}));
|
||
} catch (e) {
|
||
console.error("JSON 解析失败", e);
|
||
return [];
|
||
}
|
||
}
|
||
|
||
function reloading() {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
window.parent.location.reload();
|
||
} |