220 lines
8.6 KiB
JavaScript
220 lines
8.6 KiB
JavaScript
/* * 版 本 PIT-ADMS V7.0.3 敏捷开发框架
|
||
* Copyright (c) 2013-2018 Hexagon PPM
|
||
* 创建人：超级管理员
|
||
* 日 期：2022-02-24 11:10
|
||
* 描 述：LOOKUP
|
||
*/
|
||
|
||
var ProjectId = request('ProjectId');
|
||
var SP_ID = request('SP_ID');
|
||
var table;
|
||
var bootstrap = function ($, learun) {
|
||
"use strict";
|
||
var page = {
|
||
init: function () {
|
||
page.bind();
|
||
page.initData();
|
||
},
|
||
bind: function () {
|
||
// 新增
|
||
$('#lr_add').on('click', function () {
|
||
let newRowData = {};
|
||
|
||
// **获取表格的所有列名**
|
||
let columnNames = table.columns().header().toArray().map(th => $(th).text().trim());
|
||
let firstColumn = columnNames[0]; // 第一列 (recordNumber)
|
||
columnNames = columnNames.slice(1); // 移除第一列，用户不输入它
|
||
|
||
// **获取当前最大 recordNumber 并 +1**
|
||
let maxRecordNum = 0;
|
||
table.rows().data().each(row => {
|
||
let recordNum = parseInt(row[firstColumn]) || 0;
|
||
if (recordNum > maxRecordNum) maxRecordNum = recordNum;
|
||
});
|
||
newRowData[firstColumn] = maxRecordNum + 1; // 生成新的 recordNumber
|
||
|
||
// **让用户输入每列的数据**
|
||
for (let col of columnNames) {
|
||
if (col != firstColumn) {
|
||
let value = prompt(`请输入 ${col} 的值:`);
|
||
if (value === null) return; // 取消输入则终止
|
||
newRowData[col] = value;
|
||
}
|
||
|
||
}
|
||
|
||
// **1. 添加到 DataTable**
|
||
table.row.add(newRowData).draw(false);
|
||
|
||
//// **2. 发送数据到后端**
|
||
//$.ajax({
|
||
// type: "POST",
|
||
// url: "/ZZDT_EC/ec_LookupTable/AddData",
|
||
// contentType: "application/json",
|
||
// data: JSON.stringify(newRowData),
|
||
// success: function (response) {
|
||
// alert("数据添加成功！");
|
||
// },
|
||
// error: function (xhr, status, error) {
|
||
// console.error("添加失败:", error);
|
||
// alert("数据添加失败！");
|
||
// }
|
||
//});
|
||
});
|
||
|
||
// 删除
|
||
|
||
$('#lr_delete').on('click', function () {
|
||
|
||
let selectedRow = table.row(".selected");
|
||
if (!selectedRow.data()) {
|
||
alert("请先选择一行数据！");
|
||
return;
|
||
}
|
||
|
||
let rowData = selectedRow.data(); // 获取选中行数据
|
||
|
||
console.log("最终要删除的 JSON 数据：", rowData);
|
||
// 发送 AJAX 请求给后端
|
||
$.ajax({
|
||
type: "POST",
|
||
url: top.$.rootUrl + '/ZZDT_EC/ec_LookupTable/DeleteData',
|
||
contentType: "application/json",
|
||
data: JSON.stringify({ ProjectId: ProjectId, lookupTableId: SP_ID, strEntity: JSON.stringify(rowData) }),
|
||
success: function (response) {
|
||
learun.alert.success("删除成功！");
|
||
selectedRow.remove().draw(false); // **从表格中移除行**
|
||
},
|
||
error: function (xhr, status, error) {
|
||
console.error("删除失败:", error);
|
||
alert("数据保存失败！");
|
||
}
|
||
});
|
||
});
|
||
// 保存
|
||
|
||
|
||
$('#lr_save').on('click', function () {
|
||
let tableData = [];
|
||
$('#dynamicTable tbody tr').each(function () {
|
||
let rowData = {};
|
||
$(this).find('td').each(function (index) {
|
||
let colName = table.column(index).header().textContent.trim(); // 获取列名
|
||
let cellValue = $(this).find('input').length ? $(this).find('input').val() : $(this).text().trim(); // 获取值
|
||
rowData[colName] = cellValue;
|
||
});
|
||
tableData.push(rowData);
|
||
});
|
||
|
||
console.log("最终要提交的 JSON 数据：", tableData);
|
||
// 发送 AJAX 请求给后端
|
||
$.ajax({
|
||
type: "POST",
|
||
url: top.$.rootUrl + '/ZZDT_EC/ec_LookupTable/SaveData',
|
||
contentType: "application/json",
|
||
data: JSON.stringify({ ProjectId: ProjectId, lookupTableId: SP_ID, strEntity: JSON.stringify(tableData) }),
|
||
success: function (response) {
|
||
learun.alert.success("数据保存成功！");
|
||
},
|
||
error: function (xhr, status, error) {
|
||
console.error("保存失败:", error);
|
||
alert("数据保存失败！");
|
||
}
|
||
});
|
||
});
|
||
},
|
||
initData: function () {
|
||
// 初始化下拉列表并配置数据
|
||
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: top.$.rootUrl + '/ZZDT_EC/ec_LookupTable/GetDataRecord?ProjectId=' + ProjectId + '&lookupTableId=' + SP_ID,
|
||
|
||
traditional: true,
|
||
success: function (response) {
|
||
if (typeof response === "string") {
|
||
console.log("response 是字符串，尝试解析 JSON");
|
||
response = JSON.parse(response);
|
||
}
|
||
|
||
|
||
if (!response || !response.data) {
|
||
console.error("response.data 为空！完整 response：", response);
|
||
alert("数据为空！");
|
||
return;
|
||
}
|
||
|
||
var data = response.data;
|
||
// 获取列名（从返回的第一条数据提取字段）
|
||
const columns = Object.keys(data[0]).map(col => ({
|
||
title: col, data: col
|
||
}));
|
||
|
||
// 销毁已有的 DataTable（避免重复初始化）
|
||
if ($.fn.DataTable.isDataTable("#dynamicTable")) {
|
||
$("#dynamicTable").DataTable().destroy();
|
||
}
|
||
|
||
// 渲染 DataTable
|
||
table = $("#dynamicTable").DataTable({
|
||
data: data,
|
||
columns: columns,
|
||
destroy: true, // 允许销毁旧表格重新渲染
|
||
searching: true, // 开启搜索
|
||
sort: false,
|
||
columnDefs: [
|
||
{ width: "80px", targets: 0 }, // 第一列宽度 80px
|
||
]
|
||
});
|
||
|
||
|
||
|
||
// 双击编辑（除了第一列）
|
||
$('#dynamicTable tbody').on('dblclick', 'td:not(.no-edit)', function () {
|
||
let colIndex = table.cell(this).index().column;
|
||
|
||
if (colIndex === 0) {
|
||
return; // **第一列不允许编辑，直接返回**
|
||
}
|
||
|
||
let cell = table.cell(this);
|
||
let oldValue = cell.data();
|
||
let input = `<input type="text" value="${oldValue}" class="editing-input">`;
|
||
|
||
// 替换单元格为输入框
|
||
cell.data(input).draw(false);
|
||
|
||
// 自动聚焦并处理失去焦点或回车保存
|
||
let inputField = $(this).find('input');
|
||
inputField.focus().select();
|
||
|
||
inputField.on('blur keypress', function (e) {
|
||
if (e.type === 'blur' || (e.type === 'keypress' && e.which === 13)) {
|
||
let newValue = $(this).val();
|
||
cell.data(newValue).draw(false); // 更新 DataTable 数据
|
||
}
|
||
});
|
||
});
|
||
},
|
||
error: function (msg) {
|
||
console.log('2');
|
||
learun.loading(false);
|
||
},
|
||
complete: function (data) {
|
||
console.log('3');
|
||
|
||
}
|
||
});
|
||
|
||
|
||
|
||
}
|
||
|
||
};
|
||
|
||
page.init();
|
||
}
|
||
//文字特殊字符及最大长度检测
|
||
function verify() {
|
||
return true;
|
||
} |