喀左大屏改造,追加监控轮播大屏组件

components/AiMonitorCarousel.vue

@@ -1,6 +1,9 @@
 <script>
+import AiMonitor from "./AiMonitor/AiMonitor.vue";
+
 export default {
   name: "AiMonitorCarousel",
+  components: {AiMonitor},
   props: {
     list: {default: () => []}
   }
@@ -10,11 +13,19 @@ export default {
 <template>
   <section class="AiMonitorCarousel">
     <el-carousel height="100%" indicator-position="none" arrow="hover">
-
+      <el-carousel-item v-for="item in list" :key="item.id">
+        <ai-monitor :src="item.src" :type="item.monitorType"/>
+      </el-carousel-item>
     </el-carousel>
   </section>
 </template>
 
 <style scoped lang="scss">
+.AiMonitorCarousel {
+  height: 100%;
 
+  .el-carousel {
+    height: inherit;
+  }
+}
 </style>