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

BUG 20240827 4

Browse Source
This commit is contained in:
Kubbo
2024-08-27 23:28:08 +08:00
parent 7bdcee3ecd
commit a977aa573c
2 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/main.css
View File

@@ -111,6 +111,11 @@ a, .green {
flex-shrink: 0; flex-shrink: 0;
} }
.summary .item {
white-space: wrap;
word-break: break-all;
}
.dialogTable { .dialogTable {
position: fixed !important; position: fixed !important;
left: 50%; left: 50%;

38
src/views/AppMarketBoard.vue
View File

@@ -1,18 +1,47 @@
<script> <script>
import AppMarketBoardFilter from "@/views/AppMarketBoardFilter.vue"; import AppMarketBoardFilter from "@/views/AppMarketBoardFilter.vue";
import AppThreeMap from "@/views/AppThreeMap.vue"; import AppNavbar from "@/views/AppNavbar.vue";
import AppMap from "@/views/AppMap.vue";
import AppSubTitle from "@/views/AppSubTitle.vue";
import AppSalesPerformance from "@/views/AppSalesPerformance.vue";
import AppKeyGoods from "@/views/AppKeyGoods.vue";
import AppGroupMonitorTable from "@/views/AppGroupMonitorTable.vue";
import AppStoreMonitor from "@/views/AppStoreMonitor.vue";
import AppHourSale from "@/views/AppHourSale.vue";
import AppHourCount from "@/views/AppHourCount.vue";
export default { export default {
name: "AppMarketBoard", name: "AppMarketBoard",
label: "市场看板", label: "市场看板",
components: {AppMarketBoardFilter, AppThreeMap} components: {AppHourCount, AppHourSale, AppStoreMonitor, AppGroupMonitorTable, AppKeyGoods, AppSalesPerformance, AppSubTitle, AppMap, AppNavbar, AppMarketBoardFilter}
} }
</script> </script>
<template> <template>
<section class="AppMarketBoard"> <section class="AppMarketBoard">
<app-navbar/>
<app-market-board-filter/> <app-market-board-filter/>
<app-three-map/> <div class="flex" style="gap:20px">
<div class="fill">
<div class="flex gap">
<div style="width: 430px;">
<app-sub-title/>
<app-sales-performance style="margin-bottom: 20px"/>
<app-sub-title/>
<app-key-goods/>
</div>
<app-map class="fill"/>
</div>
<div class="flex gap">
<app-group-monitor-table class="fill"/>
<app-store-monitor class="fill"/>
</div>
</div>
<div style="width: 480px;">
<app-hour-sale/>
<app-hour-count/>
</div>
</div>
</section> </section>
</template> </template>
@@ -21,4 +50,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.gap{
gap: 20px;
}
</style> </style>