大屏组件

This commit is contained in:
yanran200730
2022-05-05 15:18:18 +08:00
parent 890cbaa0b9
commit f757852ac4
4 changed files with 40 additions and 21 deletions

View File

@@ -12,18 +12,21 @@
v-if="data.type === 'table'"
:config="formatTable(data[data.dataType], data.isShowIndex, data.rowNum)"
:key="data.height"
:theme="theme"
:style="{height: data.height + 'px', width: '100%'}" />
<ai-echart
v-else-if="data.type === 'barChart1'"
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
v-else-if="data.type === 'barChart2'"
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:theme="theme"
:key="`chart${index}`"
:data="data[data.dataType]"
:ops="data.config"/>
@@ -32,6 +35,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
@@ -39,6 +43,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
@@ -46,6 +51,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
@@ -53,6 +59,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
@@ -60,6 +67,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
@@ -67,6 +75,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="lineChart1"/>
<ai-echart
@@ -74,6 +83,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="lineChart2"/>
<ai-echart
@@ -81,6 +91,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
@@ -88,6 +99,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="data.config"/>
<ai-echart
@@ -95,6 +107,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="lineChart5"/>
<ai-echart
@@ -102,6 +115,7 @@
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart${index}`"
:theme="theme"
:data="data[data.dataType]"
:ops="pieChart"/>
<ai-map :markers="data[data.dataType]" v-else-if="data.type=='map'" :mask="data.mask === '1'" :areaId="data.areaId || user.info.areaId" map-style="amap://styles/e51987628aee5206d4c9ca8c6e98b4f7"/>
@@ -122,7 +136,7 @@
export default {
name: 'RenderElement',
props: ['data', 'index'],
props: ['data', 'index', 'theme'],
components: {
AiSwiper