kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大屏地图修复

Browse Source
This commit is contained in:
aixianling
2023-04-11 14:33:36 +08:00
parent c55de2e7ea
commit 481f3f13b3
1 changed files with 32 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
components/AiDvRender.vue
View File

@@ -2,27 +2,28 @@
<div class="AiDvRender" style="width: 100%; height: 100%;">
<ai-dv-display v-if="data.type === 'display'" :title="data.title" :list="values"></ai-dv-display>
<ai-dv-panel
style="height: 100%; width: 100%;"
v-if="data.type !== 'display'"
:title="data.title"
:theme="theme"
:border="data.border || ''">
<AiDvSummary v-if="data.type === 'summary'" :theme="theme" :summaryTitle="data.summaryTitle" :key="`summary${index}`" :type="data.display" :data="values"/>
style="height: 100%; width: 100%;"
v-if="data.type !== 'display'"
:title="data.title"
:theme="theme"
:border="data.border || ''">
<AiDvSummary v-if="data.type === 'summary'" :theme="theme" :summaryTitle="data.summaryTitle" :key="`summary${index}`" :type="data.display"
:data="values"/>
<AiSwiper v-else-if="data.type === 'swiper'" :heigth="'100%'" :data="values"/>
<dv-scroll-board
v-if="data.type === 'table'"
:class="'dvScrollBoard' + theme"
:config="formatTable(values, data.isShowIndex, data.rowNum)"
:key="data.height"
:theme="theme"
:style="{height: data.height + 'px', width: '100%'}"/>
v-if="data.type === 'table'"
:class="'dvScrollBoard' + theme"
:config="formatTable(values, data.isShowIndex, data.rowNum)"
:key="data.height"
:theme="theme"
:style="{height: data.height + 'px', width: '100%'}"/>
<ai-echart-v2 v-else-if="/Chart/.test(data.type)"
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart-${index}`"
:theme="theme"
:data="values"
:ops="chartList[data.config]"/>
style="height: 100%; width: 100%;"
:ref="'chart' + index"
:key="`chart-${index}`"
:theme="theme"
:data="values"
:ops="chartList[data.config]"/>
<!-- <ai-q-map
v-else-if="data.type=='map'"
:area-id="data.areaId"
@@ -32,20 +33,20 @@
:is3dAround="data.is3dAround === '1'">
</ai-q-map> -->
<AiDvTable
v-else-if="data.type === 'AiDvTable'"
:heigth="'100%'"
:stripe="data.stripe"
:theme="theme"
:isShowIndex="data.isShowIndex"
:config="dvTableConfig"
:data="values">
v-else-if="data.type === 'AiDvTable'"
:heigth="'100%'"
:stripe="data.stripe"
:theme="theme"
:isShowIndex="data.isShowIndex"
:config="dvTableConfig"
:data="values">
</AiDvTable>
<AiRanking
v-else-if="data.type === 'AiRanking'"
:theme="theme"
:heigth="'100%'"
:subType="data.subType"
:data="values">
v-else-if="data.type === 'AiRanking'"
:theme="theme"
:heigth="'100%'"
:subType="data.subType"
:data="values">
</AiRanking>
<AiDvMap v-else-if="data.type === 'AiDvMap'" style="width: 100%; height: 100%" :ref="'chart' + index" :key="`AiDvMap${index}`" :theme="theme"></AiDvMap>
<ai-map v-else-if="data.type=='map'" :mask="data.mask === '1'" :areaId="data.areaId" :is3d="data.is3d==1" :is3dAround="data.is3dAround === '1'"
@@ -111,12 +112,9 @@ export default {
values: {
immediate: true,
deep: true, handler(v) {
console.log(v)
if (this.currentType == 'map') {
// this.renderMap()
this.renderMap()
}
if (this.currentType === 'AiDvTable') {
this.dvTableConfig = this.data[this.data.dataType].map((v, i) => {
return {