大屏滚动列表

components/AiDvRender.vue

@@ -2,34 +2,34 @@
   <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%;"
+        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"/>
       <AiSwiper v-else-if="data.type === 'swiper'" :heigth="'100%'" :data="values"/>
       <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)"
-        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'"
               :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"/>
@@ -41,6 +41,7 @@
 </template>
 
 <script>
+import Vue from "vue"
 import {mapState} from 'vuex'
 import AiSwiper from './AiSwiper.vue'
 import chartList from './AiEchart/echartTpls'
@@ -49,7 +50,9 @@ import AiDvPanel from "./layout/AiDvPanel/AiDvPanel";
 import AiDvDisplay from "./layout/AiDvDisplay/AiDvDisplay";
 import AiDvSummary from "./layout/AiDvSummary/AiDvSummary";
 import AiSprite from "./AiSprite";
+import {scrollBoard} from '@jiaminghi/data-view'
 
+Vue.use(scrollBoard)
 
 export default {
   name: 'AiDvRender',
@@ -178,7 +181,7 @@ export default {
 
 <style lang="scss" scoped>
 .AiDvRender {
-  :deep( .dvScrollBoard1 ){
+  :deep( .dvScrollBoard1 ) {
 
     .header {
       background: rgba(0, 0, 0, 0.1) !important;
@@ -220,7 +223,7 @@ export default {
   }
 
 
-  :deep( .marker ){
+  :deep( .marker ) {
     position: relative;
 
     & > img {