单独构建大屏ui库,避免引入混乱

ui/dv/AiMonitorCarousel.vue

@@ -0,0 +1,31 @@
+<script>
+import AiMonitor from "./AiMonitor/AiMonitor.vue";
+
+export default {
+  name: "AiMonitorCarousel",
+  components: {AiMonitor},
+  props: {
+    list: {default: () => []}
+  }
+}
+</script>
+
+<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 v-bind="item" :type="item.monitorType"/>
+      </el-carousel-item>
+    </el-carousel>
+  </section>
+</template>
+
+<style scoped lang="scss">
+.AiMonitorCarousel {
+  height: 100%;
+
+  .el-carousel {
+    height: inherit;
+  }
+}
+</style>