修改大屏模块

This commit is contained in:
2025-11-26 17:31:42 +08:00
parent 3bfc51c184
commit b0b0a4061c
6 changed files with 650 additions and 516 deletions

View File

@@ -58,11 +58,11 @@ export default {
// const showPopup = ref(false);
// const selectedFarmData = ref(null);
// 全国牛源地TOP5数据
// 全国牛源地TOP3数据(单位:万)
const cattleSourceTop5 = ref([
{ province: '广西', count: 760 },
{ province: '云南', count: 247 },
{ province: '贵州', count: 186 },
{ province: '内蒙古', count: 1032 },
{ province: '新疆', count: 849 },
{ province: '四川', count: 811 },
]);
// 重置
@@ -1715,17 +1715,20 @@ export default {
<style>
/* 地图容器样式 - 响应式设计 */
.map-3d-container {
width: 100%;
height: 100%;
position: fixed;
top: 80px; /* 紧贴顶部标题栏,高度与 .dashboard-header 保持一致 */
left: 0;
right: 0;
bottom: 0;
width: 100vw;
height: calc(100vh - 80px);
overflow: hidden;
position: relative;
z-index: 0; /* 低于侧边栏与标题 */
}
#app-32-map {
width: 100%;
height: 100%;
min-height: 700px; /* 最大化增加最小高度 */
min-width: 900px; /* 最大化增加最小宽度 */
}
/* 响应式设计 - 适应不同屏幕尺寸 */
@@ -1768,8 +1771,8 @@ export default {
@media screen and (max-width: 768px) {
#app-32-map {
min-height: 500px;
min-width: 600px;
width: 100%;
height: 100%;
}
.province-name-label {
@@ -2068,4 +2071,4 @@ export default {
/* 移除养殖场标签样式 */
/* .farm-label { ... } */
</style>
</style>