# 报表类型
# 1.系统的应用设计器的报表类型管理中新增
前台注意关注编码
,后台注意关注实现类引擎
,前台新增保存时需记住所填编码
# 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
},
}
至此,扩展报表步骤已全部完成,系统页面可使用新增报表