diff --git a/hx-ai-intelligent/src/icon/fenzujiedian.svg b/hx-ai-intelligent/src/icon/fenzujiedian.svg index 3a830e9..29715a4 100644 --- a/hx-ai-intelligent/src/icon/fenzujiedian.svg +++ b/hx-ai-intelligent/src/icon/fenzujiedian.svg @@ -1,10 +1,14 @@ - - - - - - - - - + + + + + + + + + + + + + diff --git a/hx-ai-intelligent/src/icon/jisuanjiedian.svg b/hx-ai-intelligent/src/icon/jisuanjiedian.svg index a485030..f142aaa 100644 --- a/hx-ai-intelligent/src/icon/jisuanjiedian.svg +++ b/hx-ai-intelligent/src/icon/jisuanjiedian.svg @@ -1,10 +1,3 @@ - - - - - - - - - + + diff --git a/hx-ai-intelligent/src/util/ExcelUtil.js b/hx-ai-intelligent/src/util/ExcelUtil.js new file mode 100644 index 0000000..db76c78 --- /dev/null +++ b/hx-ai-intelligent/src/util/ExcelUtil.js @@ -0,0 +1,228 @@ +/* eslint-disable */ +/** 导出Excel需要依赖 +* npm install xlsx file-saver -S +* npm install script-loader -S -D +*/ + +import ExcelJS from 'exceljs'; +import FileSaver from 'file-saver'; + +// export default exportExcel; + +// 导出excel文件 +/** + * + * @param {*} tableColumns 表头 + * @param {*} data 数据 + * @param {*} fillName 文件名 + * @param {*} isMerge 是否合并单元格 + * @param {*} firstKey 第一个字段的key，用来判断序号列是否合并 + * @param {*} start 合并单元格开始列 + * @param {*} end 合并单元格结束列 + * @returns + */ +export function exportExcel (tableColumns,data,fillName,isMerge = false, firstKey = '',start = 0, end = 0) { + debugger + if (!data || data.length == 0) { + return; + } + if (isMerge) { + // 需要合并序号 + for (let i = 0; i < data.length; i++) { + // 自定义单元格内容，这里返回序号 + if (i == 0) { + data[i].index = 1; + // return 1; + } else if (data[i - 1][firstKey] == data[i][firstKey]) { + data[i].index = data[i - 1].index; + // return data.value[index].index; + } else { + data[i].index = data[i - 1].index + 1; + } + } + } else { + // 不需要合并序号 + for (let i = 0; i < data.length; i++) { + data[i].index = i + 1; + } + } + + // 创建工作簿 + const workbook = new ExcelJS.Workbook(); + // 添加工作表，名为sheet1 + const sheet1 = workbook.addWorksheet('sheet1'); + + // 导出的表头名 + let tHeader = ['序号']; + // 字段名 + let filterVal = ['index']; + // 表格columns + let columns = [{ header: '序号', key: 'index', width: 10 }]; + for (let i = 0; i < tableColumns.length; i++) { + if (tableColumns[i].dataIndex) { + tHeader.push(tableColumns[i].title); + filterVal.push(tableColumns[i].dataIndex); + + columns.push({ + header: tableColumns[i].title, + key: tableColumns[i].dataIndex, + width: tableColumns[i].width ? tableColumns[i].width / 5 : 20, + }); + } + } + //传入的数据 + const list = data; + + //格式化数据 + const datas = formatJson(filterVal, list); + + // 获取表头所有键 + // const headers = Object.keys(data[0]); + + // 获取表头 + sheet1.columns = columns; + + // 将数据写入工作表 + datas.forEach((row) => { + // const values = Object.values(row); + sheet1.addRow(row); + }); + + // 判断是否合并单元格 + if (isMerge) { + // 遍历列，从 start 列到 end 列 + for (let col = start; col <= end; col++) { + for (let row = 3; row <= datas.length + 1; row++) { + const currentCellValue = sheet1.getCell(row, col).value; + const previousCellValue = sheet1.getCell(row - 1, col).value; + + // 从第二列开始就要看前一列是否已经合并 + let isMerged = true + if (col > 1) { + isMerged = ifMerged(sheet1,row - 1, col-1,row, col-1) + } + + if (currentCellValue === previousCellValue && isMerged) { + // 检查是上边需要合并的单元格是否已经合并 + const mergeInfo = getMergeInfo(sheet1, row - 1, col) + if ( mergeInfo.isMerged ) { + sheet1.unMergeCells( mergeInfo.startRow, col, row - 1, col); + sheet1.mergeCells(mergeInfo.startRow, col, row, col); + } else { + sheet1.mergeCells(row, col, row - 1, col); + } + } + } + } + } + + + // 修改所有单元格样式 + // 遍历每一行 + sheet1.eachRow((row, rowNumber) => { + // 遍历每个单元格 + row.eachCell((cell) => { + // 设置边框样式 + cell.border = { + top: { style: 'thin' }, + left: { style: 'thin' }, + bottom: { style: 'thin' }, + right: { style: 'thin' }, + }; + // 设置居中对齐 + cell.alignment = { + vertical: 'middle', + horizontal: 'center', + }; + }); + }); + // 获取标题行数据 + const titleCell = sheet1.getRow(1); + // 设置行高为30 + titleCell.height = 30; + // 设置标题行单元格样式 + titleCell.eachCell((cell) => { + // 设置标题行背景颜色为黄色 + cell.fill = { + type: 'pattern', + pattern: 'solid', + fgColor: { argb: 'FFFFFF' }, + }; + // 设置标题行字体 + cell.font = { + // color: { argb: 'FF0000' }, //颜色为红色 + bold: true, // 字体粗体 + size: 18, // 设置字体大小为18 + }; + }); + // 获取第二行到最后一行的内容数据 + const bodyRows = sheet1.getRows(2, sheet1.rowCount); + // 处理内容行的数据 + bodyRows.forEach((bodyRow) => { + // 设置行高为20 + bodyRow.height = 20; + bodyRow.eachCell((cell) => { + cell.font = { + size: 16, // 设置内容行字体大小为16 + }; + }); + }); + // 导出表格文件 + workbook.xlsx + .writeBuffer() + .then((buffer) => { + let file = new Blob([buffer], { type: 'application/octet-stream' }); + FileSaver.saveAs(file, fillName + '.xlsx'); + }) + .catch((error) => console.log('Error writing excel export', error)); +}; + +/** + * 格式化表格数据 + * @filterVal 格式头 + * @jsonData 用来格式化的表格数据 + */ +function formatJson (filterVal, jsonData) { + return jsonData.map((v) => filterVal.map((j) => v[j])); +}; + +/** + * 获取给定行和列的单元格是否为合并单元格，并返回合并起始行 + * @param {Worksheet} worksheet - ExcelJS 工作表对象 + * @param {number} row - 单元格的行号 (从 1 开始) + * @param {number} col - 单元格的列号 (从 1 开始) + * @returns {Object} - 返回一个对象，包含 isMerged 和 startRow 属性 + */ +function getMergeInfo(worksheet, row, col) { + // 遍历所有的合并范围 + for (const mergeRange in worksheet._merges) { + if (worksheet._merges.hasOwnProperty(mergeRange)) { + const { top, left, bottom, right } = worksheet._merges[mergeRange]; + + // 检查行列是否在当前合并范围内 + if (row >= top && row <= bottom && col >= left && col <= right) { + return { isMerged: true, startRow: top }; // 找到合并范围，返回合并信息 + } + } + } + return { isMerged: false, startRow: null }; // 单元格不在任何合并范围内 +} + + +// 函数：检查两个单元格是否属于同一个合并区域 +function ifMerged(worksheet, row1, col1, row2, col2) { + const merges = worksheet._merges; // 获取所有的合并区域 + for (let mergeAddress in merges) { + const mergeRange = merges[mergeAddress]; + const { top, left, bottom, right } = mergeRange; + + const isCell1InRange = (row1 >= top && row1 <= bottom && col1 >= left && col1 <= right); + const isCell2InRange = (row2 >= top && row2 <= bottom && col2 >= left && col2 <= right); + + if (isCell1InRange && isCell2InRange) { + return true; + } + } + return false; +} + diff --git a/hx-ai-intelligent/src/util/Export2Excel.js b/hx-ai-intelligent/src/util/Export2Excel.js deleted file mode 100644 index d8a2af3..0000000 --- a/hx-ai-intelligent/src/util/Export2Excel.js +++ /dev/null @@ -1,220 +0,0 @@ -/* eslint-disable */ -import { saveAs } from 'file-saver' -import XLSX from 'xlsx' - -function generateArray(table) { - var out = []; - var rows = table.querySelectorAll('tr'); - var ranges = []; - for (var R = 0; R < rows.length; ++R) { - var outRow = []; - var row = rows[R]; - var columns = row.querySelectorAll('td'); - for (var C = 0; C < columns.length; ++C) { - var cell = columns[C]; - var colspan = cell.getAttribute('colspan'); - var rowspan = cell.getAttribute('rowspan'); - var cellValue = cell.innerText; - if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue; - - //Skip ranges - ranges.forEach(function (range) { - if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) { - for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null); - } - }); - - //Handle Row Span - if (rowspan || colspan) { - rowspan = rowspan || 1; - colspan = colspan || 1; - ranges.push({ - s: { - r: R, - c: outRow.length - }, - e: { - r: R + rowspan - 1, - c: outRow.length + colspan - 1 - } - }); - }; - - //Handle Value - outRow.push(cellValue !== "" ? cellValue : null); - - //Handle Colspan - if (colspan) - for (var k = 0; k < colspan - 1; ++k) outRow.push(null); - } - out.push(outRow); - } - return [out, ranges]; -}; - -function datenum(v, date1904) { - if (date1904) v += 1462; - var epoch = Date.parse(v); - return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000); -} - -function sheet_from_array_of_arrays(data, opts) { - var ws = {}; - var range = { - s: { - c: 10000000, - r: 10000000 - }, - e: { - c: 0, - r: 0 - } - }; - for (var R = 0; R != data.length; ++R) { - for (var C = 0; C != data[R].length; ++C) { - if (range.s.r > R) range.s.r = R; - if (range.s.c > C) range.s.c = C; - if (range.e.r < R) range.e.r = R; - if (range.e.c < C) range.e.c = C; - var cell = { - v: data[R][C] - }; - if (cell.v == null) continue; - var cell_ref = XLSX.utils.encode_cell({ - c: C, - r: R - }); - - if (typeof cell.v === 'number') cell.t = 'n'; - else if (typeof cell.v === 'boolean') cell.t = 'b'; - else if (cell.v instanceof Date) { - cell.t = 'n'; - cell.z = XLSX.SSF._table[14]; - cell.v = datenum(cell.v); - } else cell.t = 's'; - - ws[cell_ref] = cell; - } - } - if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range); - return ws; -} - -function Workbook() { - if (!(this instanceof Workbook)) return new Workbook(); - this.SheetNames = []; - this.Sheets = {}; -} - -function s2ab(s) { - var buf = new ArrayBuffer(s.length); - var view = new Uint8Array(buf); - for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF; - return buf; -} - -export function export_table_to_excel(id) { - var theTable = document.getElementById(id); - var oo = generateArray(theTable); - var ranges = oo[1]; - - /* original data */ - var data = oo[0]; - var ws_name = "SheetJS"; - - var wb = new Workbook(), - ws = sheet_from_array_of_arrays(data); - - /* add ranges to worksheet */ - // ws['!cols'] = ['apple', 'banan']; - ws['!merges'] = ranges; - - /* add worksheet to workbook */ - wb.SheetNames.push(ws_name); - wb.Sheets[ws_name] = ws; - - var wbout = XLSX.write(wb, { - bookType: 'xlsx', - bookSST: false, - type: 'binary' - }); - - saveAs(new Blob([s2ab(wbout)], { - type: "application/octet-stream" - }), "test.xlsx") -} - -export function export_json_to_excel({ - multiHeader = [], - header, - data, - filename, - merges = [], - autoWidth = true, - bookType = 'xlsx' -} = {}) { - /* original data */ - filename = filename || 'excel-list' - data = [...data] - data.unshift(header); - - for (let i = multiHeader.length - 1; i > -1; i--) { - data.unshift(multiHeader[i]) - } - - var ws_name = "SheetJS"; - var wb = new Workbook(), - ws = sheet_from_array_of_arrays(data); - - if (merges.length > 0) { - if (!ws['!merges']) ws['!merges'] = []; - merges.forEach(item => { - ws['!merges'].push(XLSX.utils.decode_range(item)) - }) - } - - if (autoWidth) { - /*设置worksheet每列的最大宽度*/ - const colWidth = data.map(row => row.map(val => { - /*先判断是否为null/undefined*/ - if (val == null) { - return { - 'wch': 10 - }; - } - /*再判断是否为中文*/ - else if (val.toString().charCodeAt(0) > 255) { - return { - 'wch': val.toString().length * 2 - }; - } else { - return { - 'wch': val.toString().length - }; - } - })) - /*以第一行为初始值*/ - let result = colWidth[0]; - for (let i = 1; i < colWidth.length; i++) { - for (let j = 0; j < colWidth[i].length; j++) { - if (result[j]['wch'] < colWidth[i][j]['wch']) { - result[j]['wch'] = colWidth[i][j]['wch']; - } - } - } - ws['!cols'] = result; - } - - /* add worksheet to workbook */ - wb.SheetNames.push(ws_name); - wb.Sheets[ws_name] = ws; - - var wbout = XLSX.write(wb, { - bookType: bookType, - bookSST: false, - type: 'binary' - }); - saveAs(new Blob([s2ab(wbout)], { - type: "application/octet-stream" - }), `${filename}.${bookType}`); -} diff --git a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue index 87ff329..fcc3dab 100644 --- a/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue +++ b/hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue @@ -20,10 +20,11 @@
- +