# 报表类型

# 1.系统的应用设计器的报表类型管理中新增

前台注意关注编码,后台注意关注实现类引擎,前台新增保存时需记住所填编码

report-expend1

# 2.修改src/components/frame/Panel/BlockContent/utils.js

刚刚系统中新增的编码可在此处文件中新增自定义配置

function getContentComp (data) {
    // 属于报表模块的内容
    switch (data.type) {
        // 如果新增编码为'test',设置报表为xxx类型,则编写格式如下即可
        case 'test':
            return 'test'
        default:
            return 'chart'
    }
}

# 3.新增对应组件于src/components/frame/Panel/BlockContent/items目录下

如需自定义展示内容,可在上方对应目录路径下新建xxx.vue组件,命名格式为P+编码的形式最佳

例如此处示例新增编码为'test',则可新增组件命名为PTest.vue,可在此组件自定义内容

# 4.修改src/components/frame/Panel/BlockContent/items/index.js

在上述目录文件中引入新增组件

// 实际路径以实际为准,此处示例对应路径为'./PTest.vue'
import PTest from './PTest.vue'

export {
    PTest,
}

# 5.修改src/components/frame/Panel/BlockContent/ContentItem.vue

在上述目录文件中引入并注册新增组件

// 实际路径以实际为准,此处示例对应路径为'./items/index'
import { PTest } from './items/index'
export default {
    components: {
        PTest
    },
}

至此,扩展报表步骤已全部完成,系统页面可使用新增报表