行李原始报文导出

src/utils/table.js

@@ -173,25 +173,31 @@ export function exportToExcel(table, tableName, fileName, headerRowNumber = 1) {
     })
     // 生成要导出的xlsx数据，raw: true表示不使用excel的格式解析，输出为纯文本，sheet设置xlsx这一页的标题
     const tableBook = XLSX.utils.table_to_book(table, { raw: true, sheet: tableName })
-    // console.log(tableBook)
-    // return
     // 计算每一列的单元格的最大宽度（包含表头），单元格的key为'A12'、'AA2'等，和excel里一致
     const xlsxDatas = tableBook.Sheets[tableName]
     const columnWidths = []
     for (const cellName in xlsxDatas) {
       if (!['!rows', '!cols', '!fullref', '!ref', '!merges'].includes(cellName)) {
         const { columnIndex, rowIndex } = devideGroup(cellName)
-        const cellTextLength = xlsxDatas[cellName].v.split('').reduce((pre, curr) => {
-          const letterSize = curr.charCodeAt(0) > 255 ? 2 : 1
-          return pre + letterSize
-        }, 0)
-        if ((!columnWidths[columnIndex] && cellTextLength > 0) || cellTextLength > columnWidths[columnIndex]) {
-          columnWidths[columnIndex] = cellTextLength
+        const cellWidth = Math.max(
+          ...xlsxDatas[cellName].v
+            .toString()
+            .split('\n')
+            .map(cellRow =>
+              cellRow.split('').reduce((pre, curr) => {
+                const letterSize = curr.charCodeAt(0) > 255 ? 2 : 1
+                return pre + letterSize
+              }, 0)
+            )
+        )
+        if ((!columnWidths[columnIndex] && cellWidth > 0) || cellWidth > columnWidths[columnIndex]) {
+          columnWidths[columnIndex] = cellWidth
         }
         let cellStyle = {
           alignment: {
             horizontal: 'center',
-            vertical: 'center'
+            vertical: 'center',
+            wrapText: true
           }
         }
         if (rowIndex < headerRowNumber) {
@@ -220,6 +226,8 @@ export function exportToExcel(table, tableName, fileName, headerRowNumber = 1) {
               }
             }
           }
+        } else {
+          cellStyle.alignment.horizontal = 'left'
         }
         xlsxDatas[cellName].s = cellStyle
       }

src/views/baggageManagement/components/baggage/index.vue

@@ -235,6 +235,9 @@ import { myQuery } from '@/api/dataIntegration'
 import { BaggageMessageQuery } from '@/api/flight'
 import tableColsMixin from '../../mixins/tableCols'
 import { throttledExportToExcel } from '@/utils/table'
+import * as XLSX from 'xlsx'
+import XLSX_STYLE from 'xlsx-style'
+import FileSaver from 'file-saver'
 
 export default {
   name: 'BaggageView',
@@ -348,12 +351,9 @@ export default {
         }
       ],
       baggageBasicInfo: {},
-      dialogVisibledele: false,
-      active: 2,
       infoBtn: '',
       infoRadios: ['跟踪信息', '跟踪报文'],
       messageList: [],
-      checkList: [],
       stepNodes: [],
       tableCols: [
         {
@@ -624,11 +624,102 @@ export default {
     },
     exportHandler(refName, tableName) {
       const table = this.$refs[refName].$el.cloneNode(true)
-      const fileName = `${tableName}-${this.queryData.bagSN}-${this.queryData.flightNO}-${this.queryData.flightDate}.xlsx`
+      const { bagSN, flightNO, flightDate } = this.queryData
+      const fileName = `${tableName}-${bagSN}-${flightNO}-${flightDate}.xlsx`
       throttledExportToExcel(table, tableName, fileName)
     },
     exportMessageToExcel() {
-      this.$message.info('开发中')
+      const xlsxDatas = [['Date & Time', 'Message']]
+      xlsxDatas.push(
+        ...this.messageList.map(message => [
+          message.date,
+          message.dataContent.replaceAll(/[\r\n]{2,}/g, '\n').replaceAll('\\', '')
+        ])
+      )
+      const columnWidths = []
+      xlsxDatas.forEach(row => {
+        // 计算每一列宽度，考虑换行
+        row.forEach((cell, columnIndex) => {
+          const cellWidth = Math.max(
+            ...cell
+              .toString()
+              .split('\n')
+              .map(cellRow =>
+                cellRow.split('').reduce((pre, curr) => {
+                  const letterSize = curr.charCodeAt(0) > 255 ? 2 : 1
+                  return pre + letterSize
+                }, 0)
+              )
+          )
+          if ((!columnWidths[columnIndex] && cellWidth > 0) || cellWidth > columnWidths[columnIndex]) {
+            columnWidths[columnIndex] = cellWidth
+          }
+        })
+      })
+      // 生成表格数据
+      const sheet = XLSX.utils.aoa_to_sheet(xlsxDatas)
+      // 添加列宽度
+      sheet['!cols'] = columnWidths.map(width => ({
+        wch: width + 2
+      }))
+      // 表格对齐、添加边框
+      const borderStyle = {
+        style: 'medium',
+        color: {
+          rgb: 'FFFFFF'
+        }
+      }
+      const reg = /^[A-Z]+([\d]+$)/
+      for (const key in sheet) {
+        const match = reg.test(key)
+        if (match) {
+          const rowIndex = reg.exec(key)[1]
+          let cellStyle = {
+            alignment: {
+              horizontal: 'center',
+              vertical: 'center',
+              wrapText: true
+            }
+          }
+          if (Number(rowIndex) === 1) {
+            cellStyle = {
+              ...cellStyle,
+              border: {
+                top: borderStyle,
+                right: borderStyle,
+                bottom: borderStyle,
+                left: borderStyle
+              },
+              font: {
+                color: {
+                  rgb: 'FFFFFF'
+                }
+              },
+              fill: {
+                fgColor: {
+                  rgb: '3366FF'
+                }
+              }
+            }
+          } else {
+            cellStyle.alignment.horizontal = 'left'
+          }
+          sheet[key].s = cellStyle
+        }
+      }
+      // 表格数据转换
+      const workBook = XLSX.utils.book_new()
+      XLSX.utils.book_append_sheet(workBook, sheet, '行李原始报文')
+      const tableWrite = XLSX_STYLE.write(workBook, {
+        bookType: 'xlsx',
+        bookSST: true,
+        type: 'buffer',
+        cellStyles: true
+      })
+      // 下载表格
+      const { bagSN, flightNO, flightDate } = this.queryData
+      const fileName = `行李原始报文-${bagSN}-${flightNO}-${flightDate}.xlsx`
+      FileSaver.saveAs(new Blob([tableWrite], { type: 'application/octet-stream' }), fileName)
     },
     // 行李详情基础信息
     queryBaggageBasicInfo(dataContent) {

src/views/statisticsCharts/views/nodeStatisticsCharts.vue

@@ -591,17 +591,21 @@ export default {
                   rowIndex === 0 ? `${cell.slice(0, 2)}扫描率` : `${cell ? ((cell / totalcell) * 100).toFixed(2) : 0}%`
                 row.splice(columnIndex + 1, 0, newCell)
               }
-              // 计算每一列宽度
+              // 计算每一列宽度，考虑换行
               row.forEach((cell, columnIndex) => {
-                const cellTextLength = cell
-                  .toString()
-                  .split('')
-                  .reduce((pre, curr) => {
-                    const letterSize = curr.charCodeAt(0) > 255 ? 2 : 1
-                    return pre + letterSize
-                  }, 0)
-                if ((!columnWidths[columnIndex] && cellTextLength > 0) || cellTextLength > columnWidths[columnIndex]) {
-                  columnWidths[columnIndex] = cellTextLength
+                const cellWidth = Math.max(
+                  ...cell
+                    .toString()
+                    .split('\n')
+                    .map(cellRow =>
+                      cellRow.split('').reduce((pre, curr) => {
+                        const letterSize = curr.charCodeAt(0) > 255 ? 2 : 1
+                        return pre + letterSize
+                      }, 0)
+                    )
+                )
+                if ((!columnWidths[columnIndex] && cellWidth > 0) || cellWidth > columnWidths[columnIndex]) {
+                  columnWidths[columnIndex] = cellWidth
                 }
               })
             })
@@ -621,14 +625,15 @@ export default {
             for (const key in sheet) {
               const match = reg.test(key)
               if (match) {
-                const columnIndex = reg.exec(key)[1]
+                const rowIndex = reg.exec(key)[1]
                 let cellStyle = {
                   alignment: {
                     horizontal: 'center',
-                    vertical: 'center'
+                    vertical: 'center',
+                    wrapText: true
                   }
                 }
-                if (Number(columnIndex) === 1) {
+                if (Number(rowIndex) === 1) {
                   cellStyle = {
                     ...cellStyle,
                     border: {
@@ -648,12 +653,13 @@ export default {
                       }
                     }
                   }
+                } else {
+                  cellStyle.alignment.horizontal = 'left'
                 }
                 sheet[key].s = cellStyle
               }
             }
-            // console.log(sheet)
-            // return
+            // 表格数据转换
             const workBook = XLSX.utils.book_new()
             XLSX.utils.book_append_sheet(workBook, sheet, '扫描节点与位置分析')
             const tableWrite = XLSX_STYLE.write(workBook, {