kubbo/kengee-data-screen
1
0
Fork 0
Code Pull Requests Actions Packages Projects Releases Wiki Activity

取消单店的摄像头轮播

Browse Source
This commit is contained in:
aixianling
2024-08-08 14:38:16 +08:00
parent b8ace3651f
commit a62ad113ee
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/AppCarouselList.vue
View File

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