软件工程应用于实践：AJ-Report项目源码分析（8）

最新推荐文章于 2025-09-03 20:49:10 发布

原创

最新推荐文章于 2025-09-03 20:49:10 发布 · 519 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css3 #html

本文深入分析了AJ-Report项目的report-ui模块中，关于ExcelReport设计者的代码实现。内容涉及二维码颜色、背景色、容错率设置，以及纸张尺寸、清晰度和套打选项的配置。在组件设计中，数据存储到数据库，并通过事件监听实现实时更新。同时，详细探讨了坐标获取、列名处理和打印设置等关键功能。

2021SC@SDUSC

本次分析的是report-ui\src\views\report\excelreport\designer处的代码

data () {
    return {
      activeName: 'first',
      activeNames: ['1'],
      reportId: null,
      accessKey: null,
      reportCode: '',
      options: {},
      sheet: {},
      dataSetData: [],
      reportExcelDto: {
        id: null,
        jsonStr: '',
        setCodes: '',
        setParam: '',
        reportCode: '',
      },
      multipleSelection: [],
      rightForm: {
        coordinate: '',
        value: '',
      },
      qrCodeForm: {
        type: "QRCode",
        content: 'https://www.baidu.com',
        width: 125,
        height: 125,
        colorDark: "#333333", 
        colorLight: "#ffffff", 
        correctLevel: QRCode.CorrectLevel.L,
        ri: 0,
        ci: 0,
        currentSrc: '',
      },
      barCodeForm: {
        type: "BarCode",
        format: 'CODE39',
        displayValue: true,
        content: '99999999999',
        lineColor: '#000',
        background: '#fff',
        width: 100,
        height: 40,
        ri: 0,
        ci: 0,
        currentSrc: '',
      },
      formPrintSetting: {
        size: '',
        pixel1: '',
        pixel2: ''
      },
      pixelList: [
        { paper: 'A4', width: 210, height: 297 },
        { paper: 'A3', width: 297, height: 420 },
        { paper: 'Letter', width: 216, height: 279 },
        { paper: 'Legal', width: 216, height: 355 },
        { paper: 'Executive', width: 184, height: 266 }
      ],
      dataSet: [],
      outerVisible: false,
      printVisible: false,
      pop: false,
      setCode: null,
      dialogVisible: false,
      dialogBarCode: false,
      paperList: [],
      paper: '',
      width: '',
      height: '',
      definition: '',
      isBackend: '',
      dpi: '',
      pxWidth: '',
      pxHeight: '',
      show: false,
      config: "",
      settings: {},
      qrCodeList: [],

最低0.47元/天解锁文章

软件工程应用于实践：AJ-Report项目 源码分析（8）

软件工程应用于实践：AJ-Report项目源码分析（8）