Merge branch 'main' of http://47.109.205.240:3000/Web/digital-agriculture-screen
This commit is contained in:
commit
50bc05ccff
@ -18,5 +18,4 @@ const size = computed(() => SettingStore.themeConfig.globalComSize);
|
||||
</script>
|
||||
<style lang="scss">
|
||||
@import './styles/style';
|
||||
@import './assets/fonts/font.css';
|
||||
</style>
|
||||
|
||||
@ -119,7 +119,7 @@ function handleTitleClick(val) {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.header_title {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #000;
|
||||
position: relative;
|
||||
padding: 0 68px;
|
||||
display: flex;
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
@import 'common/base';
|
||||
@import 'common/define';
|
||||
@import './assets/fonts/font.css';
|
||||
#app {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@ -7,11 +8,31 @@
|
||||
font-family: Avenir, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
background-color: #ffffff;
|
||||
background-color: #000;
|
||||
}
|
||||
.el-dialog__body {
|
||||
overflow: hidden auto;
|
||||
height: auto;
|
||||
max-height: calc(100vh - 130px);
|
||||
}
|
||||
.txt-ellipsis {
|
||||
display: -webkit-inline-box;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
}
|
||||
.clamp1 {
|
||||
line-clamp: 1;
|
||||
-webkit-line-clamp: 1;
|
||||
line-height: 1.5;
|
||||
max-height: calc(1.5em * 1);
|
||||
}
|
||||
|
||||
// .el-dialog__body {
|
||||
// overflow: hidden auto;
|
||||
// height: auto;
|
||||
// max-height: calc(100vh - 130px);
|
||||
// }
|
||||
.clamp2 {
|
||||
line-clamp: 2;
|
||||
-webkit-line-clamp: 2;
|
||||
line-height: 1.5;
|
||||
max-height: calc(1.5em * 2);
|
||||
}
|
||||
@ -87,7 +87,7 @@ let rollDataList = reactive([
|
||||
flex-direction: column;
|
||||
}
|
||||
.left-charts-item {
|
||||
width: 100%;
|
||||
width: calc(100% - 5px);
|
||||
height: calc((100% - 30px) / 3);
|
||||
}
|
||||
|
||||
@ -98,7 +98,7 @@ let rollDataList = reactive([
|
||||
flex-direction: column;
|
||||
}
|
||||
.right-charts-item {
|
||||
width: 100%;
|
||||
width: calc(100% - 5px);
|
||||
height: calc((100% - 30px) / 3);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,60 +1,56 @@
|
||||
<template>
|
||||
<div class="data-home-index">
|
||||
<baseBg :name-val="'land'" top-title="土地资源管理系统">
|
||||
<template #center>
|
||||
<el-row style="width: 100%; height: 100%">
|
||||
<el-col :span="6" class="left-charts">
|
||||
<div class="left-charts-item">
|
||||
<customBack top-title="耕地面积统计" :top-postion="'left'">
|
||||
<template #back>
|
||||
<distributionCharts></distributionCharts>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="left-charts-item">
|
||||
<customBack top-title="农村土地资源" :top-postion="'left'">
|
||||
<template #back>
|
||||
<landCirculation></landCirculation>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="left-charts-item">
|
||||
<customBack top-title="项目效益分析" :top-postion="'left'">
|
||||
<template #back>
|
||||
<landPatrol></landPatrol>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<centerMap></centerMap>
|
||||
</el-col>
|
||||
<el-col :span="6" class="right-charts">
|
||||
<div class="right-charts-item">
|
||||
<customBack top-title="农用地数据统计" :top-postion="'right'">
|
||||
<template #back>
|
||||
<landuseCharts></landuseCharts>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="right-charts-item">
|
||||
<customBack top-title="年度农用地规划面积" :top-postion="'right'">
|
||||
<template #back>
|
||||
<landPlan></landPlan>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="right-charts-item">
|
||||
<customBack top-title="各地农用地利用面积" :top-postion="'right'">
|
||||
<template #back>
|
||||
<landareaCharts></landareaCharts>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
</baseBg>
|
||||
<el-row style="width: 100%; height: 100%">
|
||||
<el-col :span="6" class="left-charts">
|
||||
<div class="left-charts-item">
|
||||
<customBack top-title="耕地面积统计" :top-postion="'left'">
|
||||
<template #back>
|
||||
<distributionCharts></distributionCharts>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="left-charts-item">
|
||||
<customBack top-title="农村土地资源" :top-postion="'left'">
|
||||
<template #back>
|
||||
<landCirculation></landCirculation>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="left-charts-item">
|
||||
<customBack top-title="项目效益分析" :top-postion="'left'">
|
||||
<template #back>
|
||||
<landPatrol></landPatrol>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<centerMap></centerMap>
|
||||
</el-col>
|
||||
<el-col :span="6" class="right-charts">
|
||||
<div class="right-charts-item">
|
||||
<customBack top-title="农用地数据统计" :top-postion="'right'">
|
||||
<template #back>
|
||||
<landuseCharts></landuseCharts>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="right-charts-item">
|
||||
<customBack top-title="年度农用地规划面积" :top-postion="'right'">
|
||||
<template #back>
|
||||
<landPlan></landPlan>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
<div class="right-charts-item">
|
||||
<customBack top-title="各地农用地利用面积" :top-postion="'right'">
|
||||
<template #back>
|
||||
<landareaCharts></landareaCharts>
|
||||
</template>
|
||||
</customBack>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user