添加aggrid工具
This commit is contained in:
parent
cc0ddfb9c6
commit
65ee2302e4
@ -1,37 +0,0 @@
|
|||||||
async function longStringSplit(string) {
|
|
||||||
let strExcerpt = string.replaceAll("'", "''");
|
|
||||||
let uuid = getCurrentDateTime() + " " + generateUUID();
|
|
||||||
let i = 1;
|
|
||||||
while (strExcerpt.length > 0) {
|
|
||||||
let res = await $.post(`/api/esb/oa/execute?eventkey=LongStringSplit¶ms={"uuid":"${uuid}","excerpt":"${strExcerpt.slice(0, 500)}","order":${i},"maxRunNum":3}`);
|
|
||||||
strExcerpt = strExcerpt.slice(500);
|
|
||||||
i++;
|
|
||||||
if (JSON.parse(res).flag == 0) {
|
|
||||||
alert("LongStringSplit接口有误，请联系管理员！");
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return uuid;
|
|
||||||
}
|
|
||||||
|
|
||||||
function generateUUID() {
|
|
||||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
||||||
const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
|
|
||||||
return v.toString(16);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function getCurrentDateTime() {
|
|
||||||
const now = new Date();
|
|
||||||
const pad = num => String(num).padStart(2, '0');
|
|
||||||
const formattedDateTime = `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`;
|
|
||||||
return formattedDateTime;
|
|
||||||
}
|
|
||||||
|
|
||||||
function detailresFromESBFormat(str, attr_name) {
|
|
||||||
let res = [];
|
|
||||||
JSON.parse(str)[attr_name].forEach(res_i => {
|
|
||||||
res.push(JSON.parse(res_i));
|
|
||||||
});
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
316
myJavaScript20251226.js
Normal file
316
myJavaScript20251226.js
Normal file
@ -0,0 +1,316 @@
|
|||||||
|
async function longStringSplit(string) {
|
||||||
|
let strExcerpt = string.replaceAll("'", "''");
|
||||||
|
let uuid = getCurrentDateTime() + " " + generateUUID();
|
||||||
|
let i = 1;
|
||||||
|
while (strExcerpt.length > 0) {
|
||||||
|
let res = await $.post(`/api/esb/oa/execute?eventkey=LongStringSplit¶ms={"uuid":"${uuid}","excerpt":"${strExcerpt.slice(0, 500)}","order":${i},"maxRunNum":3}`);
|
||||||
|
strExcerpt = strExcerpt.slice(500);
|
||||||
|
i++;
|
||||||
|
if (JSON.parse(res).flag == 0) {
|
||||||
|
alert("LongStringSplit接口有误，请联系管理员！");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return uuid;
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateUUID() {
|
||||||
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
||||||
|
const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
|
||||||
|
return v.toString(16);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function getCurrentDateTime() {
|
||||||
|
const now = new Date();
|
||||||
|
const pad = num => String(num).padStart(2, '0');
|
||||||
|
const formattedDateTime = `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())}`;
|
||||||
|
return formattedDateTime;
|
||||||
|
}
|
||||||
|
|
||||||
|
function detailresFromESBFormat(str, attr_name) {
|
||||||
|
let res = [];
|
||||||
|
JSON.parse(str)[attr_name].forEach(res_i => {
|
||||||
|
res.push(JSON.parse(res_i));
|
||||||
|
});
|
||||||
|
return res;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------AgGrid工具类库
|
||||||
|
class CusLoadingOverlay {
|
||||||
|
eGui;
|
||||||
|
|
||||||
|
init(params) {
|
||||||
|
this.eGui = document.createElement('div');
|
||||||
|
this.refresh(params);
|
||||||
|
}
|
||||||
|
|
||||||
|
getGui() {
|
||||||
|
return this.eGui;
|
||||||
|
}
|
||||||
|
|
||||||
|
refresh(params) {
|
||||||
|
this.eGui.innerHTML = `<div class="ant-spin ant-spin-spinning ant-spin-show-text"><span class="ant-spin-dot ant-spin-dot-spin"><i></i><i></i><i></i><i></i></span><div class="ant-spin-text">${params.loadingMessage}</div></div>`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class AgGridColumnDef {
|
||||||
|
colDef = { headerClass: 'myGridHeader' };
|
||||||
|
type;
|
||||||
|
decimal;
|
||||||
|
noNegative;
|
||||||
|
|
||||||
|
constructor({ headerName, field = null, type = 'text', decimal = 2, noNegative = true, divColDef = {} } = {}) {
|
||||||
|
this.type = type;
|
||||||
|
this.colDef.headerName = headerName;
|
||||||
|
if (field) {
|
||||||
|
this.colDef.field = field;
|
||||||
|
}
|
||||||
|
switch (type) {
|
||||||
|
case 'text':
|
||||||
|
this.beTextCol();
|
||||||
|
break;
|
||||||
|
case 'order':
|
||||||
|
this.beOrderCol();
|
||||||
|
break;
|
||||||
|
case 'number':
|
||||||
|
this.beNumCol({ decimal, noNegative });
|
||||||
|
this.decimal = decimal;
|
||||||
|
this.noNegative = noNegative;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
this.beDivCol(divColDef);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
reField(field) {
|
||||||
|
try {
|
||||||
|
if (typeof field === 'string') {
|
||||||
|
this.colDef.field = field;
|
||||||
|
} else {
|
||||||
|
throw new Error('field参数类型错误');
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
beOrderCol({ minWidth = 60, maxWidth = 60, pinned = 'left' } = {}) {
|
||||||
|
this.type = 'order';
|
||||||
|
let { headerName, field, headerClass } = this.colDef;
|
||||||
|
this.colDef = { headerName, field, headerClass };
|
||||||
|
this.colDef.valueGetter = (params) => {
|
||||||
|
if (params.node.rowPinned) {
|
||||||
|
return "";
|
||||||
|
} else {
|
||||||
|
return params.node.rowIndex + 1;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
this.colDef.cellStyle = { 'white-space': 'normal', 'word-break': 'break-all', 'line-height': '1.1', 'display': 'flex', 'align-items': 'center', 'justify-content': 'center', 'text-align': 'center' };
|
||||||
|
this.colDef.minWidth = minWidth;
|
||||||
|
this.colDef.maxWidth = maxWidth;
|
||||||
|
this.colDef.pinned = pinned;
|
||||||
|
this.colDef.suppressHeaderMenuButton = true;
|
||||||
|
this.colDef.suppressMenu = true;
|
||||||
|
this.colDef.sortable = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
beTextCol({ minWidth, maxWidth, pinned, colSpan, cellClassRules, valueSetter, valueFormatter, valueParser, filter, cellStyle = {}, editable = false } = {}) {
|
||||||
|
this.type = 'text';
|
||||||
|
let { headerName, field, headerClass } = this.colDef;
|
||||||
|
this.colDef = { headerName, field, headerClass };
|
||||||
|
|
||||||
|
if (minWidth) this.colDef.minWidth = minWidth;
|
||||||
|
if (maxWidth) this.colDef.maxWidth = maxWidth;
|
||||||
|
if (pinned) this.colDef.pinned = pinned;
|
||||||
|
if (colSpan) this.colDef.colSpan = colSpan;
|
||||||
|
if (cellClassRules) this.colDef.cellClassRules = cellClassRules;
|
||||||
|
if (valueFormatter) this.colDef.valueFormatter = valueFormatter;
|
||||||
|
if (valueParser) this.colDef.valueParser = valueParser;
|
||||||
|
|
||||||
|
this.colDef.valueSetter = valueSetter ? valueSetter : params => {
|
||||||
|
let newValue = String(params.newValue || '').trim();
|
||||||
|
if (params.oldValue === newValue) return false;
|
||||||
|
params.data[params.column.colId] = newValue;
|
||||||
|
return true;
|
||||||
|
};
|
||||||
|
this.colDef.filter = filter ? filter : "agSetColumnFilter";
|
||||||
|
if (typeof cellStyle == 'function') {
|
||||||
|
this.colDef.cellStyle = params => {
|
||||||
|
return Object.assign({ 'white-space': 'normal', 'word-break': 'break-all', 'line-height': '1.3', 'display': 'flex', 'align-items': 'center', 'justify-content': 'left', 'text-align': 'left', 'font-weight': 'bold' }, cellStyle(params));
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
this.colDef.cellStyle = Object.assign({ 'white-space': 'normal', 'word-break': 'break-all', 'line-height': '1.3', 'display': 'flex', 'align-items': 'center', 'justify-content': 'left', 'text-align': 'left', 'font-weight': 'bold' }, cellStyle);
|
||||||
|
}
|
||||||
|
this.colDef.editable = editable;
|
||||||
|
}
|
||||||
|
|
||||||
|
beNumCol({ decimal, noNegative, minWidth, maxWidth, pinned, colSpan, cellClassRules, valueSetter, valueFormatter, valueParser, filter, cellStyle = {}, editable = false } = {}) {
|
||||||
|
this.type = 'number';
|
||||||
|
this.decimal = decimal;
|
||||||
|
this.noNegative = noNegative;
|
||||||
|
let { headerName, field, headerClass } = this.colDef;
|
||||||
|
this.colDef = { headerName, field, headerClass };
|
||||||
|
|
||||||
|
if (minWidth) this.colDef.minWidth = minWidth;
|
||||||
|
if (maxWidth) this.colDef.maxWidth = maxWidth;
|
||||||
|
if (pinned) this.colDef.pinned = pinned;
|
||||||
|
if (colSpan) this.colDef.colSpan = colSpan;
|
||||||
|
if (cellClassRules) this.colDef.cellClassRules = cellClassRules;
|
||||||
|
|
||||||
|
this.colDef.valueSetter = valueSetter ? valueSetter : params => {
|
||||||
|
let newValue = AgGridCommonFunc.isLegalValue(String(params.newValue), 'number', { decimal: decimal, noNegative: noNegative }).value;
|
||||||
|
if (params.oldValue === newValue) return false;
|
||||||
|
params.data[params.column.colId] = newValue;
|
||||||
|
return true;
|
||||||
|
};
|
||||||
|
this.colDef.valueFormatter = valueFormatter ? valueFormatter : params => {
|
||||||
|
return AgGridCommonFunc.numberFormatter(params.value, decimal);
|
||||||
|
};
|
||||||
|
this.colDef.valueParser = valueParser ? valueParser : params => {
|
||||||
|
let newValue = AgGridCommonFunc.isLegalValue(String(params.newValue), 'number', { decimal: decimal, noNegative: noNegative });
|
||||||
|
if (!newValue.flag) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
return newValue.value;
|
||||||
|
};
|
||||||
|
this.colDef.filter = filter ? filter : "agNumberColumnFilter";
|
||||||
|
if (typeof cellStyle == 'function') {
|
||||||
|
this.colDef.cellStyle = params => {
|
||||||
|
return Object.assign({ 'white-space': 'normal', 'word-break': 'break-all', 'line-height': '1.1', 'display': 'flex', 'align-items': 'center', 'justify-content': 'right', 'text-align': 'right', 'font-weight': 'bold' }, cellStyle(params));
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
this.colDef.cellStyle = Object.assign({ 'white-space': 'normal', 'word-break': 'break-all', 'line-height': '1.1', 'display': 'flex', 'align-items': 'center', 'justify-content': 'right', 'text-align': 'right', 'font-weight': 'bold' }, cellStyle);
|
||||||
|
}
|
||||||
|
this.colDef.editable = editable;
|
||||||
|
}
|
||||||
|
|
||||||
|
beDivCol(divColDef) {
|
||||||
|
this.type = 'div';
|
||||||
|
let { headerName, field, headerClass } = this.colDef;
|
||||||
|
this.colDef = Object.assign({ headerName, field, headerClass }, divColDef);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class AgGridOption {
|
||||||
|
gridOptions = {
|
||||||
|
localeText: window.agGridLocaleCN,
|
||||||
|
undoRedoCellEditing: true,
|
||||||
|
undoRedoCellEditingLimit: 20,
|
||||||
|
alwaysMultiSort: true,
|
||||||
|
defaultColDef: {
|
||||||
|
flex: 1,
|
||||||
|
autoHeight: true,
|
||||||
|
},
|
||||||
|
suppressAggFuncInHeader: true,
|
||||||
|
cellSelection: { handle: { mode: 'range', } },
|
||||||
|
rowSelection: {
|
||||||
|
mode: "multiRow",
|
||||||
|
selectAll: 'filtered',
|
||||||
|
},
|
||||||
|
selectionColumnDef: {
|
||||||
|
sortable: false,
|
||||||
|
resizable: false,
|
||||||
|
width: 36,
|
||||||
|
suppressHeaderMenuButton: true,
|
||||||
|
pinned: 'left',
|
||||||
|
headerClass: 'myGridHeader myCheckHeader',
|
||||||
|
cellStyle: { 'padding-left': '10px', 'padding-right': '5px' },
|
||||||
|
},
|
||||||
|
loading: false,
|
||||||
|
loadingOverlayComponent: CusLoadingOverlay,
|
||||||
|
loadingOverlayComponentParams: {
|
||||||
|
loadingMessage: "加载中...",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
constructor({ colDefs, columnDefs, rowData, getRowId, isTree = false, onCellClicked, onCellValueChanged, onFilterChanged, onSortChanged, onGridReady, onRowDataUpdated, onRowSelected, onFirstDataRendered, processCellFromClipboard } = {}) {
|
||||||
|
let clipboardNumSetters = new Map();
|
||||||
|
if (colDefs) {
|
||||||
|
this.gridOptions.columnDefs = [];
|
||||||
|
colDefs.forEach(col => {
|
||||||
|
this.gridOptions.columnDefs.push(col.colDef);
|
||||||
|
if (col.type == 'number' && col.colDef.field) {
|
||||||
|
clipboardNumSetters.set(col.colDef.field, { decimal: col.decimal, noNegative: col.noNegative });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.gridOptions.columnDefs = columnDefs;
|
||||||
|
}
|
||||||
|
this.gridOptions.rowData = rowData;// [对象]
|
||||||
|
this.gridOptions.getRowId = getRowId ? getRowId : params => String(params.data.rowID);// func
|
||||||
|
this.gridOptions.treeData = isTree;// true Or false
|
||||||
|
this.gridOptions.onCellClicked = onCellClicked ? onCellClicked : params => {
|
||||||
|
let isEditing = gridApi.getEditingCells().some(c => c.rowIndex === params.rowIndex && c.colId === params.column.colId && c.rowPinned === params.rowPinned);
|
||||||
|
if (!isEditing && !params.event.shiftKey) {
|
||||||
|
params.api.startEditingCell({ rowIndex: params.rowIndex, colKey: params.column.colId });
|
||||||
|
}
|
||||||
|
};// func
|
||||||
|
if (onCellValueChanged) this.gridOptions.onCellValueChanged = onCellValueChanged;// func
|
||||||
|
if (onFilterChanged) this.gridOptions.onFilterChanged = onFilterChanged;// func
|
||||||
|
if (onSortChanged) this.gridOptions.onSortChanged = onSortChanged;// func
|
||||||
|
if (onGridReady) this.gridOptions.onGridReady = onGridReady;// func
|
||||||
|
if (onRowDataUpdated) this.gridOptions.onRowDataUpdated = onRowDataUpdated;// func
|
||||||
|
if (onRowSelected) this.gridOptions.onRowSelected = onRowSelected;// func
|
||||||
|
if (onFirstDataRendered) this.gridOptions.onFirstDataRendered = onFirstDataRendered;// func
|
||||||
|
if (processCellFromClipboard) {// func
|
||||||
|
this.gridOptions.processCellFromClipboard = processCellFromClipboard;
|
||||||
|
} else if (clipboardNumSetters.size > 0) {
|
||||||
|
this.gridOptions.processCellFromClipboard = params => {
|
||||||
|
if (clipboardNumSetters.has(params.column.colId)) {
|
||||||
|
let col_i = clipboardNumSetters.get(params.column.colId);
|
||||||
|
return AgGridCommonFunc.isLegalValue(String(params.value), 'number', { decimal: col_i.decimal, noNegative: col_i.noNegative }).value;
|
||||||
|
}
|
||||||
|
return params.value;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ------------------------------------AgGrid公共函数
|
||||||
|
class AgGridCommonFunc {
|
||||||
|
static numberFormatter(num, decimalNum) {
|
||||||
|
if (num == null || String(num).trim().length == 0) return null;
|
||||||
|
let varArr = String(num).split(".");
|
||||||
|
let big = Number(varArr[0]).toLocaleString();
|
||||||
|
if (decimalNum > 0) {
|
||||||
|
let decimal = varArr.length > 1 ? varArr[1] + '000000' : '000000';
|
||||||
|
decimal = decimal.slice(0, decimalNum);
|
||||||
|
return big + '.' + decimal;
|
||||||
|
} else {
|
||||||
|
return big;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
static isLegalValue(value, type, params) {
|
||||||
|
switch (type) {
|
||||||
|
case 'number':
|
||||||
|
if (value == null || value.trim().length == 0) return { flag: false, value: null };
|
||||||
|
let number_res;
|
||||||
|
let varArr = String(value).split(".");
|
||||||
|
if (varArr.length > 2) return { flag: false, value: null };
|
||||||
|
if (varArr.length > 1) {
|
||||||
|
number_res = varArr[0].replace(/,(\d{3})/g, '$1') + '.' + varArr[1];
|
||||||
|
} else {
|
||||||
|
number_res = varArr[0].replace(/,(\d{3})/g, '$1');
|
||||||
|
}
|
||||||
|
if (isNaN(number_res)) return { flag: false, value: null };
|
||||||
|
if (params.noNegative && Number(number_res) < 0) return { flag: false, value: null };
|
||||||
|
let decimal = Math.pow(10, params.decimal);
|
||||||
|
number_res = Math.round(number_res * decimal) / decimal;
|
||||||
|
return { flag: true, value: number_res };
|
||||||
|
case 'duration':
|
||||||
|
if (value == null) return { flag: false, value: null };
|
||||||
|
let durVarStr = value.replace(/\s/g, '');
|
||||||
|
let durVarArr1 = durVarStr.match(/^\d\d:\d\d-\d\d:\d\d$/g);
|
||||||
|
if (durVarArr1) {
|
||||||
|
let durVarArr2 = durVarStr.match(/\d\d:\d\d/g);
|
||||||
|
if (durVarArr2[0] > durVarArr2[1]) return { flag: false, value: null };
|
||||||
|
return { flag: true, value: durVarArr2[0] + ' - ' + durVarArr2[1] };
|
||||||
|
}
|
||||||
|
return { flag: false, value: null };
|
||||||
|
default:
|
||||||
|
return { flag: true, value: value };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user