先占个坑

components/AiDvRender.vue

@@ -55,6 +55,7 @@
         <div v-if="data.showPingchangMapLegend" class="pingchangMapLegend"/>
       </ai-map>
       <ai-monitor :src="data.src" v-else-if="currentType === 'monitor'" :type="data.monitorType"/>
+      <ai-monitor-carousel :list="data.list" v-else-if="currentType === 'monitorCarousel'"/>
       <video style="width: 100%; height: 100%; object-fit: fill;" loop :src="data.src" autoplay
              v-else-if="currentType === 'video'"/>
       <AiDvPartyOrg style="width: 100%; height: 100%;" v-else-if="currentType === 'partyOrg'" :instance="instance"/>
@@ -77,6 +78,7 @@ import AiDvPanel from "./layout/AiDvPanel/AiDvPanel";
 import AiDvSummary from "./layout/AiDvSummary/AiDvSummary";
 import AiDvPlot from "./layout/AiDvPlot/AiDvPlot.vue";
 import AiAssist from "./AiAssist.vue";
+import AiMonitorCarousel from "./AiMonitorCarousel.vue";
 
 Vue.use(scrollBoard)
 
@@ -84,6 +86,7 @@ export default {
   name: 'AiDvRender',
   props: ['data', 'index', 'theme', 'instance'],
   components: {
+    AiMonitorCarousel,
     AiAssist,
     AiDvPlot,
     // AiSprite,

components/AiMonitorCarousel.vue

@@ -0,0 +1,20 @@
+<script>
+export default {
+  name: "AiMonitorCarousel",
+  props: {
+    list: {default: () => []}
+  }
+}
+</script>
+
+<template>
+  <section class="AiMonitorCarousel">
+    <el-carousel height="100%" indicator-position="none" arrow="hover">
+
+    </el-carousel>
+  </section>
+</template>
+
+<style scoped lang="scss">
+
+</style>

packages/bigscreen/designer/components/componentConfig.vue

@@ -223,7 +223,7 @@
           <el-input size="mini" clearable placeholder="请输入弹窗标题" v-model="config.dialogTitle"/>
         </config-item>
         <config-item label="内容" v-if="!['table','AiDvTable'].includes(config.type)">
-          <ai-dialog-btn dialog-title="弹窗内容" text="打开编辑器">
+          <ai-dialog-btn dialog-title="弹窗内容" text="打开编辑器" :modal="false">
             <ai-editor clearable placeholder="请输入弹窗内容" v-model="config.dialogContent" :instance="instance"/>
           </ai-dialog-btn>
         </config-item>

packages/bigscreen/designer/components/datasourcePicker.vue

@@ -75,6 +75,7 @@ export default {
     },
     initStaticDataProps() {
       const columnProp = "name"
+      if (Array.isArray(this.options.staticData)) {
         this.options.staticData.map((row, i) => {
           const prop = `c${i || ""}`
           this.colConfigs.push({label: row[columnProp], prop})
@@ -88,6 +89,7 @@ export default {
         })
         this.tableData = this.tableData.map(e => ({...e, $cellEdit: false}))
       }
+    }
   },
   created() {
     //新版静态数据

packages/bigscreen/designer/config.js

@@ -517,7 +517,7 @@ const components = [{
     ]
   },
   {
-    type: 'other', label: '其他', list: [{
+    label: '其他', list: [{
       label: '地图', type: 'map', list: [{
         type: 'map',
         label: '地图',
@@ -621,7 +621,7 @@ const components = [{
         }]
       }]
     }, {
-      label: '轮播图', type: 'swiper', list: [{
+      label: '轮播图', list: [{
         type: 'swiper',
         label: '轮播图',
         width: 400,
@@ -692,7 +692,8 @@ const components = [{
         thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/total.png'
       }]
     }, {
-      label: '视频监控', type: 'monitor', list: [{
+      label: '视频监控', list: [
+        {
           type: 'monitor',
           label: '视频监控',
           src: '',
@@ -711,7 +712,9 @@ const components = [{
           staticData: '',
           dynamicData: '',
           thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/video.png'
-      }]
+        },
+        {type: "monitorCarousel", label: "视频轮播", width: 480, height: 480, zIndex: 1, title: "视频轮播", thumb: "https://cdn.cunwuyun.cn/dvcp/dv/tpl/video.png"}
+      ]
     }, customHtml]
   }]