如下图所示，大屏设计器布局主要分为左、中、右部分。左边为备选组件面板、组件模块库及图层列表，中间主体部分为设计器面板（支持设置大屏尺寸），右侧为当前选中组件属性设置面板及大屏属性设置面板。
大屏设计器页面文件：DatavDesignerDialog.vue，其中引入上述三部分：
DatavFieldPanel.vue（左）、DatavDesignPanel.vue（中）、DatavConfigPanel.vue（右）；
组件数据在datavConfig.js文件中定义，其中包含两大类：datavToolMap（大屏图表组件）和datavDecorationData（大屏装饰组件）。大屏图表组件中包含chart（echarts图表组件）和elements（datav组件），大屏装饰组件中包含styleEl（样式元素）和baseEl（基础元素）；用户扩展新组件时，按类型对应添加到组件模板数据中。
