|
|
|
|
@ -5,6 +5,74 @@
|
|
|
|
|
:class="{ checkItem1: item.id == 1, checkItem2: item.id == 2, checkColor: item.id == checkIndex }">{{
|
|
|
|
|
item.name }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="space" :style="checkIndex == 1 ? 'display:none' : ''">
|
|
|
|
|
<div class="space-content">
|
|
|
|
|
<div class="title">示范平台</div>
|
|
|
|
|
<el-checkbox-group v-model="checkValueList">
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="中国引领的功能农业科技创新网络"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="功能农业产业研究院建设"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="功能农业科普展示馆"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="space-content">
|
|
|
|
|
<div class="title">典型地区</div>
|
|
|
|
|
<el-checkbox-group v-model="checkValueList1">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="典型样板介绍"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="'硒资源变硒产业'先进地区案例分析"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="space-content">
|
|
|
|
|
<div class="title">天然富硒土地</div>
|
|
|
|
|
<el-checkbox-group v-model="checkValueList2">
|
|
|
|
|
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="第一批"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="第二批"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<el-checkbox label="第三批"></el-checkbox>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 返回全国 -->
|
|
|
|
|
<!-- <img @click="rebackMap" v-show="isreturn" src="../../../../public/images/fast.png" alt="" style="z-index:999;
|
|
|
|
|
position: absolute;
|
|
|
|
|
@ -12,40 +80,42 @@
|
|
|
|
|
top: 15px;"> -->
|
|
|
|
|
<div id="mapWorld"></div>
|
|
|
|
|
<div id="map"></div>
|
|
|
|
|
|
|
|
|
|
<template v-if="checkIndex == 1">
|
|
|
|
|
<div class="leftInfo-wrap">
|
|
|
|
|
<div class="lilun">
|
|
|
|
|
<div class="left">理论基础</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<div class="item" :class="{ bgItem: item.id == active }" @click="handleCountry(item.id)"
|
|
|
|
|
v-for="item in countoyList" :key="item.id">{{ item.country }}</div>
|
|
|
|
|
<template>
|
|
|
|
|
<template v-if="checkIndex == 1">
|
|
|
|
|
<div class="leftInfo-wrap">
|
|
|
|
|
<div class="lilun">
|
|
|
|
|
<div class="left">理论基础</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<div class="item" :class="{ bgItem: item.id == active }" @click="handleCountry(item.id)"
|
|
|
|
|
v-for="item in countoyList" :key="item.id">{{ item.country }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<fwqs ref="fwqs" :range="range" />
|
|
|
|
|
<fwyj ref="fwyj" :range="range" />
|
|
|
|
|
<fwfb ref="fwfb" :range="range" />
|
|
|
|
|
<zxfb ref="zxfb" :range="range" />
|
|
|
|
|
</div>
|
|
|
|
|
<fwqs ref="fwqs" :range="range" />
|
|
|
|
|
<fwyj ref="fwyj" :range="range" />
|
|
|
|
|
<fwfb ref="fwfb" :range="range" />
|
|
|
|
|
<zxfb ref="zxfb" :range="range" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="rightInfo-wrap">
|
|
|
|
|
<div class="yanjiu">
|
|
|
|
|
<div class="left">研究态势</div>
|
|
|
|
|
<zlnd ref="zlnd" :range="range" />
|
|
|
|
|
<zlyjfb ref="zlyjfb" :range="range" />
|
|
|
|
|
<zlsource ref="zlsource" :range="range" />
|
|
|
|
|
<smzq ref="smzq" :range="range" />
|
|
|
|
|
<div class="rightInfo-wrap">
|
|
|
|
|
<div class="yanjiu">
|
|
|
|
|
<div class="left">研究态势</div>
|
|
|
|
|
<zlnd ref="zlnd" :range="range" />
|
|
|
|
|
<zlyjfb ref="zlyjfb" :range="range" />
|
|
|
|
|
<zlsource ref="zlsource" :range="range" />
|
|
|
|
|
<smzq ref="smzq" :range="range" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-else>
|
|
|
|
|
<div class="rightInfo-wrap">
|
|
|
|
|
<sfpttj />
|
|
|
|
|
<dxdqtj />
|
|
|
|
|
<dsj />
|
|
|
|
|
</div>
|
|
|
|
|
<template v-else>
|
|
|
|
|
<div class="rightInfo-wrap">
|
|
|
|
|
<sfpttj />
|
|
|
|
|
<dxdqtj />
|
|
|
|
|
<dsj />
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -1360,6 +1430,9 @@ export default {
|
|
|
|
|
accountNum: "0",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
checkValueList: [],
|
|
|
|
|
checkValueList1: [],
|
|
|
|
|
checkValueList2: []
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
@ -1386,7 +1459,7 @@ export default {
|
|
|
|
|
this.checkIndex = id
|
|
|
|
|
if (id == 1) {
|
|
|
|
|
this.initEcharts()
|
|
|
|
|
}else{
|
|
|
|
|
} else {
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
this.$echarts.dispose(this.$echarts.init(document.getElementById('mapWorld')))
|
|
|
|
|
this.getMap()
|
|
|
|
|
@ -1459,7 +1532,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
map: 'china',
|
|
|
|
|
roam: false,//是否启缩放和平移
|
|
|
|
|
aspectScale: 0.6,//宽高比
|
|
|
|
|
aspectScale: 0.7,//宽高比
|
|
|
|
|
scaleLimit: {
|
|
|
|
|
min: 1,
|
|
|
|
|
max: 5
|
|
|
|
|
@ -1706,7 +1779,6 @@ export default {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
.check {
|
|
|
|
|
|
|
|
|
|
width: 920px;
|
|
|
|
|
height: 10.8695vh;
|
|
|
|
|
position: absolute;
|
|
|
|
|
@ -1752,6 +1824,39 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.space {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 250px;
|
|
|
|
|
left: 100px;
|
|
|
|
|
top: 100px;
|
|
|
|
|
z-index: 1800;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
.space-content {
|
|
|
|
|
background-image: url('../../../public/images/dialog.png');
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
margin-top: 3vh;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
color: rgb(0, 231, 140);
|
|
|
|
|
border-bottom: .5px solid rgb(0, 231, 140);
|
|
|
|
|
padding: 4px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.item {
|
|
|
|
|
height: 3.378vh;
|
|
|
|
|
line-height: 3.378vh;
|
|
|
|
|
// color: #00D8FF;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .el-checkbox {
|
|
|
|
|
color: rgb(255, 255, 255);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#map,
|
|
|
|
|
#mapWorld {
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
zhy521521
12 months ago