取消单店的摄像头轮播

src/views/AppCarouselList.vue

@@ -114,6 +114,9 @@ export default {
           this.$nextTick(() => this.$storeBoard.dialog = true)
         }
       })
+    },
+    getCameraUrl(item) {
+      return item.camera?.[0]
     }
   },
   watch: {
@@ -143,11 +146,9 @@ export default {
     <div class="layout">
       <div class="store" v-for="store in list" :key="store.categoryId">
         <div class="headerTitle" v-text="store.label"/>
-        <el-carousel indicator-position="none" height="250px" :autoplay="false">
-          <el-carousel-item v-for="(url,i) in store.camera" :key="i">
-            <hls-player :id="`hls_player_${store.categoryId}_${i}`" :url="url"/>
-          </el-carousel-item>
-        </el-carousel>
+        <div class="camera">
+          <hls-player :id="`hls_player_${store.categoryId}`" :url="getCameraUrl(store)"/>
+        </div>
         <div class="subTitle" v-text="'品类销售情况'"/>
         <scroll-table :table-data="store.categorySale" :columns="columns['品类销售情况']"/>
         <!--<dv-scroll-board :config="getTableData(store, '品类销售情况')"/>-->
@@ -203,4 +204,8 @@ export default {
 .AppCarouselList .store {
   width: calc(33% - 16px);
 }
+
+.AppCarouselList .camera {
+  height: 250px;
+}
 </style>