大屏滚动列表

components/AiDvRender.vue

@@ -14,14 +14,14 @@
           :config="formatTable(values, data.isShowIndex, data.rowNum)"
           :key="data.height"
           :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%;"
                  :ref="'chart' + index"
                  :key="`chart${index}`"
                  :theme="theme"
                  :data="values"
-        :ops="chartList[data.config]" />
+                 :ops="chartList[data.config]"/>
       <!-- <ai-q-map
         v-else-if="data.type=='map'"
         :area-id="data.areaId"
@@ -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 {