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

调整table滚动兼顾使用滚动条

Browse Source
This commit is contained in:
Kubbo
2024-08-05 03:28:19 +08:00
parent 1d8d0a05e5
commit 5fc5146d01
10 changed files with 81 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/AppCarouselList.vue
View File

@@ -1,5 +1,4 @@
<script>
const currentDate = "20240705"
export default {
name: "AppCarouselList",
label: "分柜监控",
@@ -71,7 +70,7 @@ export default {
},
getStoreKeyGoods() {
return $http.post("/data-boot/la/screen/singleStoreBoard/singStoreKeyGoodsSale", {
type: "1", ...this.search, currentDate
type: "1", ...this.search,
}).then(res => {
if (res?.data) {
this.storeKeyGoods = res.data
@@ -105,16 +104,14 @@ export default {
column.format ? column.format(e) : e[column.prop])) || [],
}
},
openNearbyStores({rowIndex}, store) {
const {thirdGoodsCode} = this.storeKeyGoods[rowIndex],
{longitude, latitude} = store
openNearbyStores({thirdGoodsCode}, store) {
const {longitude, latitude} = store
return $http.post("/data-boot/la/screen/multipleStoreBoard/aroundStock", {
type: "1", ...this.search, longitude, latitude, thirdGoodsCode, currentDate
type: "1", ...this.search, longitude, latitude, thirdGoodsCode,
}).then(res => {
if (res?.data) {
this.$storeBoard.aroundStock = res.data
this.$nextTick(() => this.$storeBoard.dialog = true)
console.log(this.$storeBoard)
}
})
}
@@ -152,12 +149,16 @@ export default {
</el-carousel-item>
</el-carousel>
<div class="subTitle" v-text="'品类销售情况'"/>
<dv-scroll-board :config="getTableData(store, '品类销售情况')"/>
<scroll-table :table-data="store.categorySale" :columns="columns['品类销售情况']"/>
<!--<dv-scroll-board :config="getTableData(store, '品类销售情况')"/>-->
<div class="subTitle" v-text="'重点单品情况'"/>
<dv-scroll-board :config="getTableData(store, '重点单品情况')" @click="v=>openNearbyStores(v,store)" @click.native.stop/>
<scroll-table :table-data="store.keyGoods" :columns="columns['重点单品情况']" @click="v=>openNearbyStores(v,store)" @click.native.stop/>
<!--<dv-scroll-board :config="getTableData(store, '重点单品情况')" @click="v=>openNearbyStores(v,store)" @click.native.stop/>-->
</div>
</div>
<dv-scroll-board v-if="$storeBoard.dialog" class="dialogTable" :config="getTableData({}, '周边库存情况',5)" @click.native.stop/>
<div class="dialogTable" v-if="$storeBoard.dialog" @click.stop>
<scroll-table :table-data="$storeBoard.aroundStock" :columns="columns['周边库存情况']"/>
</div>
</section>
</template>
@@ -167,8 +168,8 @@ export default {
box-sizing: border-box;
}
.AppCarouselList .dv-scroll-board {
height: 200px;
.AppCarouselList .dv-scroll-board, .AppCarouselList .scrollTable {
height: 200px !important;
}
.AppCarouselList .headerTitle {