tianlong/Agriculture-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
tianlong 2023-04-27 18:03:12 +08:00
parent 7334bbb857
commit 05f977fc56
10 changed files with 1571 additions and 668 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/insect.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
src/assets/images/production.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
src/assets/images/soil.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
src/assets/images/spore.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

7
src/views/crops/area/index.vue
View File

@ -3084,6 +3084,13 @@ $height: calc(100vh - 100px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 33.33%,
rgba(41, 255, 219, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
p {

66
src/views/crops/classify/index.vue
View File

@ -38,7 +38,10 @@
<span>作物类型统计-高标准农田</span>
<p>
下载 &nbsp;
<img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
<img
src="@/assets/icons/svg/downloads.svg"
style="width: 14px; height: 14px; cursor: pointer"
/>
</p>
</div>
<div ref="farmlandDiv" class="farmlandDiv"></div>
@ -49,12 +52,25 @@
<span>作物类型统计-行政区划</span>
<p>
下载 &nbsp;
<img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
<img
src="@/assets/icons/svg/downloads.svg"
style="width: 14px; height: 14px; cursor: pointer"
/>
</p>
</div>
<el-select popper-class="select_city" @change="selectTab(item)" v-model="value" clearable placeholder="全部">
<el-option v-for="item in Township.arr" :key="item.properties.XZDM" :label="item.properties.XZMC"
:value="item.properties.XZDM" />
<el-select
popper-class="select_city"
@change="selectTab(item)"
v-model="value"
clearable
placeholder="全部"
>
<el-option
v-for="item in Township.arr"
:key="item.properties.XZDM"
:label="item.properties.XZMC"
:value="item.properties.XZDM"
/>
</el-select>
<div ref="ASdivisionDiv" class="ASdivision"></div>
</div>
@ -67,11 +83,18 @@
<template #title>图例</template>
<div class="mt-4">
<el-checkbox-group v-model="checkList" @change="change">
<el-checkbox v-for="(value, item, key) in dic" :key="key" :style="{
<el-checkbox
v-for="(value, item, key) in dic"
:key="key"
:style="{
background: value.color,
border: `1px solid ${value.color}`,
width: `100%`,
}" v-model="checked3" :disabled="value.disabled" :label="item" />
}"
v-model="checked3"
:disabled="value.disabled"
:label="item"
/>
<!-- <el-checkbox style="
background: rgba(251, 171, 60, 1);
@ -825,7 +848,7 @@ function getFarmland() {
console.log('农田：', res);
formLandRef.value = res.data.features;
})
.catch(err => { });
.catch(err => {});
}
//返回
function back() {
@ -924,7 +947,8 @@ const getaArea = () => {
const selectTab = () => {
areachar();
if (value.value == '370211') {//全部
if (value.value == '370211') {
//全部
getTownships();
classData = [302034, 243990, 42344, 34234, 304235];
deleteEntityByName('townLine');
@ -1095,7 +1119,6 @@ const selectTab = () => {
ASdivision();
});
// const layers = viewer.imageryLayers._layers;
// for (let f = layers.length - 1; f >= 0; f--) {
// if (layers[f]._imageryProvider.aaa === 'aaa') {
@ -1120,11 +1143,7 @@ const selectTab = () => {
// 移除镇高亮
deleteEntityByName('townLine');
// 添加新的
addvillage(
`XZDM=${value.value}`,
'village_CQL'
);
addvillage(`XZDM=${value.value}`, 'village_CQL');
};
//图表
@ -2164,6 +2183,13 @@ $height: calc(100vh - 100px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 33.33%,
rgba(41, 255, 219, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
p {
@ -2171,9 +2197,11 @@ $height: calc(100vh - 100px);
height: 25px;
border-radius: 20px;
font-size: 14px;
background: linear-gradient(180deg,
background: linear-gradient(
180deg,
rgba(16, 111, 111, 1) 0%,
rgba(47, 214, 214, 1) 100%);
rgba(47, 214, 214, 1) 100%
);
border: 1.5px solid rgba(23, 194, 180, 1);
display: flex;
justify-content: center;
@ -2441,7 +2469,7 @@ $height: calc(100vh - 100px);
display: flex;
margin-bottom: 10px;
&>span:nth-child(1) {
& > span:nth-child(1) {
font-weight: 400;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
@ -2452,7 +2480,7 @@ $height: calc(100vh - 100px);
margin-right: 10px;
}
&>span:nth-child(2) {
& > span:nth-child(2) {
color: rgba(255, 255, 255, 1);
width: 129px;
height: 24px;

69
src/views/crops/output/wheat/index.vue
View File

@ -20,8 +20,27 @@
/>
</p>
</div>
<div class="production">
<div class="leftProduction">
<p>
<span>900</span>
吨
<br />
最小值
</p>
</div>
<div class="rightProduction">
<p>
<span>960</span>
吨
<br />
最小值
</p>
</div>
</div>
<div ref="areaDiv" class="areaDiv"></div>
</div>
<div class="leftFoldDiv" @click="leftFoldClick()">
<el-icon><ArrowRightBold /></el-icon>
</div>
@ -1326,6 +1345,7 @@ function areachar() {
},
axisLabel: {
show: true,
// interval:0,
},
data: ['2017年', '2018年', '2019年', '2020年', '2021年', '2022年', '2023年'],
},
@ -1603,6 +1623,8 @@ function farmland() {
],
global: false, // 缺省为 false
},
shadowColor: 'rgba(255, 255, 255, 0.5)',
shadowBlur: 10,
},
},
data: [709, 1917, 2455, 2610, 1719, 1433],
@ -1643,6 +1665,8 @@ function farmland() {
],
global: false, // 缺省为 false
},
shadowColor: 'rgba(255, 255, 255, 0.5)',
shadowBlur: 10,
},
},
data: [300, 500, 700, 400, 600, 1200],
@ -2305,6 +2329,13 @@ $height: calc(100vh - 100px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 33.33%,
rgba(41, 255, 219, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
p {
@ -2334,6 +2365,7 @@ $height: calc(100vh - 100px);
background: rgba(2, 31, 26, 0.85);
box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
transition: transform 1s;
.leftFoldDiv {
width: 30px;
height: 30px;
@ -2348,7 +2380,42 @@ $height: calc(100vh - 100px);
width: 100%;
display: flex;
flex-direction: column;
.production {
width: 100%;
height: 125px;
padding: 0 37px;
display: flex;
font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
color: rgba(255, 255, 255, 1);
text-align: center;
vertical-align: top;
span {
font-size: 48px;
font-weight: 700;
letter-spacing: 0px;
line-height: 48px;
color: rgba(255, 255, 255, 1);
}
.leftProduction {
flex: 1;
height: 100%;
margin-right: 20px;
background: url('@/assets/images/production.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position-y: 20px;
}
.rightProduction {
flex: 1;
height: 100%;
background: url('@/assets/images/production.png');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position-y: 20px;
}
}
.areaDiv {
width: 100%;
height: 327px;

15
src/views/crops/site/index.vue
View File

@ -1339,13 +1339,7 @@ const downloadURL = url => {
/*-------------echarts--------------*/
function areachar() {
const areaDivIntance = echarts.init(areaDiv.value);
let dataX = [
'好',
'较好',
'适中',
'较差',
'差',
]; //名称
let dataX = ['好', '较好', '适中', '较差', '差']; //名称
let dataY = [3598, 1235, 2354, 3251, 1652]; //数据
let zoomShow = false;
if (dataY.length > 14) {
@ -2867,6 +2861,13 @@ $height: calc(100vh - 100px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 33.33%,
rgba(41, 255, 219, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
p {

2070
src/views/index.vue
View File

File diff suppressed because it is too large Load Diff