feat:投入品
This commit is contained in:
parent
9ea5df8616
commit
3285896116
BIN
src/views/dataV/img/34.png
Normal file
BIN
src/views/dataV/img/34.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@ -5,19 +5,19 @@
|
||||
<div class="bomer">
|
||||
<img src="../img/23.png" alt="" class="img1" />
|
||||
<div class="conent">
|
||||
<p>新品种新技术研发引进推广经费支出</p>
|
||||
<p>农机数量</p>
|
||||
<p>
|
||||
<span>2000</span>
|
||||
<span>万元</span>
|
||||
<span>3200</span>
|
||||
<span>台</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bomer">
|
||||
<img src="../img/24.png" alt="" class="img1" />
|
||||
<div class="conent">
|
||||
<p>专业技术人员数量</p>
|
||||
<p>驾驶员数量</p>
|
||||
<p>
|
||||
<span>134</span>
|
||||
<span>2300</span>
|
||||
<span>人</span>
|
||||
</p>
|
||||
</div>
|
||||
@ -26,24 +26,24 @@
|
||||
<div class="bomRight">
|
||||
<div class="top">
|
||||
<p>
|
||||
<span>4</span>
|
||||
<span>个</span>
|
||||
<span>95</span>
|
||||
<span>%</span>
|
||||
</p>
|
||||
<p>研发平台</p>
|
||||
<p>农机上牌率</p>
|
||||
</div>
|
||||
<div class="center">
|
||||
<p>
|
||||
<span>3</span>
|
||||
<span>个</span>
|
||||
<span>88</span>
|
||||
<span>%</span>
|
||||
</p>
|
||||
<p>孵化企业</p>
|
||||
<p>农机持证率</p>
|
||||
</div>
|
||||
<div class="bomst">
|
||||
<p>
|
||||
<span>67.6</span>
|
||||
<span>0.22</span>
|
||||
<span>%</span>
|
||||
</p>
|
||||
<p>贡献率</p>
|
||||
<p>事故率</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -165,7 +165,7 @@ export default {
|
||||
.bomst {
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
background: url('../img/26.png');
|
||||
background: url('../img/34.png');
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: 96px;
|
||||
|
||||
@ -11,20 +11,20 @@
|
||||
<span>23,564,521</span>
|
||||
</div>
|
||||
<div class="topTwo">
|
||||
<span>劳动农民总数</span>
|
||||
<span>4503人</span>
|
||||
<span>监管机构</span>
|
||||
<span>4家</span>
|
||||
</div>
|
||||
<div class="topThree">
|
||||
<span>综合机械化率</span>
|
||||
<span>93.6%</span>
|
||||
<span>村级监管员</span>
|
||||
<span>135人</span>
|
||||
</div>
|
||||
<div class="topFour">
|
||||
<span>良种覆盖率</span>
|
||||
<span>97.1%</span>
|
||||
<span>生产主体</span>
|
||||
<span>34家</span>
|
||||
</div>
|
||||
<div class="topFive">
|
||||
<span>经费支出</span>
|
||||
<span>1700万元</span>
|
||||
<span>农村经营单位</span>
|
||||
<span>225家</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2,16 +2,16 @@
|
||||
<div>
|
||||
<div class="topBox">
|
||||
<div class="topLft">
|
||||
<p>56%</p>
|
||||
<p>园区内农民人均收入</p>
|
||||
<p>21035次</p>
|
||||
<p>检测样品批次</p>
|
||||
</div>
|
||||
<div class="topRit">
|
||||
<div class="topTop">
|
||||
<div class="tile">全县农民人均收入</div>
|
||||
<el-progress color="#1890ff" :percentage="40"></el-progress>
|
||||
<div class="tile">检测合格率</div>
|
||||
<el-progress color="#1890ff" :percentage="90"></el-progress>
|
||||
</div>
|
||||
<div class="topTop">
|
||||
<div class="tile">园区内农民人均收入</div>
|
||||
<div class="tile">检测覆盖率</div>
|
||||
<el-progress color="rgb(64, 219, 165)" :percentage="70"></el-progress>
|
||||
</div>
|
||||
</div>
|
||||
@ -51,7 +51,7 @@ export default {
|
||||
text-align: center;
|
||||
line-height: 112px;
|
||||
color: #ccefff;
|
||||
font-size: 24px;
|
||||
font-size: 20px;
|
||||
}
|
||||
p:nth-child(2) {
|
||||
background: url('../img/9.png');
|
||||
|
||||
@ -17,20 +17,20 @@ export default {
|
||||
const color = ['#ffdc2b', '#4d8cfd', '#45e6de', '#7891D9'];
|
||||
const datas = [
|
||||
{
|
||||
name: '带动就业',
|
||||
value: 25,
|
||||
name: '种源厂家',
|
||||
value: 15,
|
||||
},
|
||||
{
|
||||
name: '二三产业',
|
||||
value: 75,
|
||||
name: '肥料厂家',
|
||||
value: 15,
|
||||
},
|
||||
{
|
||||
name: '返乡产业',
|
||||
value: 75,
|
||||
name: '农药厂家',
|
||||
value: 10,
|
||||
},
|
||||
{
|
||||
name: '带动贫困',
|
||||
value: 155,
|
||||
name: '其他',
|
||||
value: 5,
|
||||
},
|
||||
];
|
||||
let sum = 0;
|
||||
@ -38,9 +38,9 @@ export default {
|
||||
sum += i.value;
|
||||
}
|
||||
const title = {
|
||||
name: '合计人数',
|
||||
name: '合计',
|
||||
value: sum,
|
||||
unit: '人',
|
||||
unit: '家',
|
||||
};
|
||||
const rich = {
|
||||
name: {
|
||||
@ -90,7 +90,7 @@ export default {
|
||||
color: '#D7E5FF',
|
||||
fontSize: '16px',
|
||||
},
|
||||
data: ['带动就业', '二三产业'],
|
||||
data: ['种源厂家', '肥料厂家'],
|
||||
},
|
||||
{
|
||||
orient: 'horizontal', //水平排列。（vertical为垂直排列}
|
||||
@ -103,10 +103,9 @@ export default {
|
||||
color: '#D7E5FF',
|
||||
fontSize: '16px',
|
||||
},
|
||||
data: ['返乡产业', '带动贫困'],
|
||||
data: ['农药厂家', '其他'],
|
||||
},
|
||||
],
|
||||
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
|
||||
@ -44,7 +44,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
bg: require('../img/bg.png'),
|
||||
title: ['农民人均可收入', '投入总额', '带动农民就业', '农机管理', '投入品占比'],
|
||||
title: ['投入品监测监管', '历年投入品总额对比', '生产主体统计', '农机管理', '投入品占比'],
|
||||
};
|
||||
},
|
||||
methods: {},
|
||||
|
||||
@ -14,8 +14,8 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
initEcharts() {
|
||||
var data = [1000, 2000, 3000, 4000, 5000, 6000];
|
||||
var className = ['种子', '农药', '化肥', '兽药', '农机'];
|
||||
var data = [1210, 1880, 2865, 3965, 5245, 5684];
|
||||
var className = ['2021年', '2022年', '2023年', '2024年', '2025年'];
|
||||
var colorList = ['#39B3FF', '#47E0E0', '#7891D9', '#FF6B6B', '#C7A530'];
|
||||
let option = {
|
||||
grid: {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user