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