大屏组件
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user