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-01-09 13:53:19 +08:00
parent 14abc276c3
commit a176ee54fa
1 changed files with 29 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
components/AiDvRender.vue
View File

@@ -2,34 +2,34 @@
<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"
:border="data.border || ''"> :border="data.border || ''">
<AiDvSummary v-if="data.type === 'summary'" :summaryTitle="data.summaryTitle" :key="`summary${index}`" :type="data.display" :data="values"/> <AiDvSummary v-if="data.type === 'summary'" :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 v-else-if="/Chart/.test(data.type)" <ai-echart 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"
:markers="markers" :markers="markers"
:is3d="data.is3D === '1'" :is3d="data.is3D === '1'"
:limitArea="data.limitArea === '1'" :limitArea="data.limitArea === '1'"
:is3dAround="data.is3dAround === '1'"> :is3dAround="data.is3dAround === '1'">
</ai-q-map> --> </ai-q-map> -->
<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'"
:map-style="`amap://styles/${data.mapStyle}`" :pulseLines="data.pulseLines==1" :map.sync="map" :lib.sync="lib" :onlyShowArea="data.limitArea==1"/> :map-style="`amap://styles/${data.mapStyle}`" :pulseLines="data.pulseLines==1" :map.sync="map" :lib.sync="lib" :onlyShowArea="data.limitArea==1"/>
<ai-monitor :src="data.src" v-else-if="data.type === 'monitor'" :type="data.monitorType"/> <ai-monitor :src="data.src" v-else-if="data.type === 'monitor'" :type="data.monitorType"/>
@@ -41,6 +41,7 @@
</template> </template>
<script> <script>
import Vue from "vue"
import {mapState} from 'vuex' import {mapState} from 'vuex'
import AiSwiper from './AiSwiper.vue' import AiSwiper from './AiSwiper.vue'
import chartList from './AiEchart/echartTpls' import chartList from './AiEchart/echartTpls'
@@ -49,7 +50,9 @@ import AiDvPanel from "./layout/AiDvPanel/AiDvPanel";
import AiDvDisplay from "./layout/AiDvDisplay/AiDvDisplay"; import AiDvDisplay from "./layout/AiDvDisplay/AiDvDisplay";
import AiDvSummary from "./layout/AiDvSummary/AiDvSummary"; import AiDvSummary from "./layout/AiDvSummary/AiDvSummary";
import AiSprite from "./AiSprite"; import AiSprite from "./AiSprite";
import {scrollBoard} from '@jiaminghi/data-view'
Vue.use(scrollBoard)
export default { export default {
name: 'AiDvRender', name: 'AiDvRender',
@@ -178,7 +181,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.AiDvRender { .AiDvRender {
:deep( .dvScrollBoard1 ){ :deep( .dvScrollBoard1 ) {
.header { .header {
background: rgba(0, 0, 0, 0.1) !important; background: rgba(0, 0, 0, 0.1) !important;
@@ -220,7 +223,7 @@ export default {
} }
:deep( .marker ){ :deep( .marker ) {
position: relative; position: relative;
& > img { & > img {