feat:投入品

This commit is contained in:
wangzenghua 2025-04-21 10:38:25 +01:00
parent 9ea5df8616
commit 3285896116
7 changed files with 43 additions and 44 deletions

BIN
src/views/dataV/img/34.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View File

@ -5,19 +5,19 @@
<div class="bomer"> <div class="bomer">
<img src="../img/23.png" alt="" class="img1" /> <img src="../img/23.png" alt="" class="img1" />
<div class="conent"> <div class="conent">
<p>新品种新技术研发引进推广经费支出</p> <p>农机数量</p>
<p> <p>
<span>2000</span> <span>3200</span>
<span>万元</span> <span></span>
</p> </p>
</div> </div>
</div> </div>
<div class="bomer"> <div class="bomer">
<img src="../img/24.png" alt="" class="img1" /> <img src="../img/24.png" alt="" class="img1" />
<div class="conent"> <div class="conent">
<p>专业技术人员数量</p> <p>驾驶员数量</p>
<p> <p>
<span>134</span> <span>2300</span>
<span></span> <span></span>
</p> </p>
</div> </div>
@ -26,24 +26,24 @@
<div class="bomRight"> <div class="bomRight">
<div class="top"> <div class="top">
<p> <p>
<span>4</span> <span>95</span>
<span></span> <span>%</span>
</p> </p>
<p>研发平台</p> <p>农机上牌率</p>
</div> </div>
<div class="center"> <div class="center">
<p> <p>
<span>3</span> <span>88</span>
<span></span> <span>%</span>
</p> </p>
<p>孵化企业</p> <p>农机持证率</p>
</div> </div>
<div class="bomst"> <div class="bomst">
<p> <p>
<span>67.6</span> <span>0.22</span>
<span>%</span> <span>%</span>
</p> </p>
<p>贡献</p> <p>事故</p>
</div> </div>
</div> </div>
</div> </div>
@ -165,7 +165,7 @@ export default {
.bomst { .bomst {
width: 110px; width: 110px;
height: 110px; height: 110px;
background: url('../img/26.png'); background: url('../img/34.png');
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
top: 96px; top: 96px;

View File

@ -11,20 +11,20 @@
<span>23,564,521</span> <span>23,564,521</span>
</div> </div>
<div class="topTwo"> <div class="topTwo">
<span>劳动农民总数</span> <span>监管机构</span>
<span>4503</span> <span>4</span>
</div> </div>
<div class="topThree"> <div class="topThree">
<span>综合机械化率</span> <span>村级监管员</span>
<span>93.6%</span> <span>135</span>
</div> </div>
<div class="topFour"> <div class="topFour">
<span>良种覆盖率</span> <span>生产主体</span>
<span>97.1%</span> <span>34</span>
</div> </div>
<div class="topFive"> <div class="topFive">
<span>经费支出</span> <span>农村经营单位</span>
<span>1700万元</span> <span>225</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2,16 +2,16 @@
<div> <div>
<div class="topBox"> <div class="topBox">
<div class="topLft"> <div class="topLft">
<p>56%</p> <p>21035</p>
<p>园区内农民人均收入</p> <p>检测样品批次</p>
</div> </div>
<div class="topRit"> <div class="topRit">
<div class="topTop"> <div class="topTop">
<div class="tile">全县农民人均收入</div> <div class="tile">检测合格率</div>
<el-progress color="#1890ff" :percentage="40"></el-progress> <el-progress color="#1890ff" :percentage="90"></el-progress>
</div> </div>
<div class="topTop"> <div class="topTop">
<div class="tile">园区内农民人均收入</div> <div class="tile">检测覆盖率</div>
<el-progress color="rgb(64, 219, 165)" :percentage="70"></el-progress> <el-progress color="rgb(64, 219, 165)" :percentage="70"></el-progress>
</div> </div>
</div> </div>
@ -51,7 +51,7 @@ export default {
text-align: center; text-align: center;
line-height: 112px; line-height: 112px;
color: #ccefff; color: #ccefff;
font-size: 24px; font-size: 20px;
} }
p:nth-child(2) { p:nth-child(2) {
background: url('../img/9.png'); background: url('../img/9.png');

View File

@ -17,20 +17,20 @@ export default {
const color = ['#ffdc2b', '#4d8cfd', '#45e6de', '#7891D9']; const color = ['#ffdc2b', '#4d8cfd', '#45e6de', '#7891D9'];
const datas = [ const datas = [
{ {
name: '带动就业', name: '种源厂家',
value: 25, value: 15,
}, },
{ {
name: '二三产业', name: '肥料厂家',
value: 75, value: 15,
}, },
{ {
name: '返乡产业', name: '农药厂家',
value: 75, value: 10,
}, },
{ {
name: '带动贫困', name: '其他',
value: 155, value: 5,
}, },
]; ];
let sum = 0; let sum = 0;
@ -38,9 +38,9 @@ export default {
sum += i.value; sum += i.value;
} }
const title = { const title = {
name: '合计人数', name: '合计',
value: sum, value: sum,
unit: '', unit: '',
}; };
const rich = { const rich = {
name: { name: {
@ -90,7 +90,7 @@ export default {
color: '#D7E5FF', color: '#D7E5FF',
fontSize: '16px', fontSize: '16px',
}, },
data: ['带动就业', '二三产业'], data: ['种源厂家', '肥料厂家'],
}, },
{ {
orient: 'horizontal', //vertical} orient: 'horizontal', //vertical}
@ -103,10 +103,9 @@ export default {
color: '#D7E5FF', color: '#D7E5FF',
fontSize: '16px', fontSize: '16px',
}, },
data: ['返乡产业', '带动贫困'], data: ['农药厂家', '其他'],
}, },
], ],
series: [ series: [
{ {
type: 'pie', type: 'pie',

View File

@ -44,7 +44,7 @@ export default {
data() { data() {
return { return {
bg: require('../img/bg.png'), bg: require('../img/bg.png'),
title: ['农民人均可收入', '投入总额', '带动农民就业', '农机管理', '投入品占比'], title: ['投入品监测监管', '历年投入品总额对比', '生产主体统计', '农机管理', '投入品占比'],
}; };
}, },
methods: {}, methods: {},

View File

@ -14,8 +14,8 @@ export default {
}, },
methods: { methods: {
initEcharts() { initEcharts() {
var data = [1000, 2000, 3000, 4000, 5000, 6000]; var data = [1210, 1880, 2865, 3965, 5245, 5684];
var className = ['种子', '农药', '化肥', '兽药', '农机']; var className = ['2021年', '2022年', '2023年', '2024年', '2025年'];
var colorList = ['#39B3FF', '#47E0E0', '#7891D9', '#FF6B6B', '#C7A530']; var colorList = ['#39B3FF', '#47E0E0', '#7891D9', '#FF6B6B', '#C7A530'];
let option = { let option = {
grid: { grid: {