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-28 16:00:04 +08:00
parent 05f977fc56
commit 7907a06dad
271 changed files with 5432 additions and 410 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -105,7 +105,35 @@
</div>
</div>
<div class="leftFoldDiv" @click="leftFoldClick()">
<el-icon><ArrowRightBold /></el-icon>
<el-tooltip
class="box-item"
:show-arrow="false"
:disabled="leftWraFlag"
hide-after="0"
show-after="200"
effect="dark"
content="展开"
placement="top"
>
<img v-if="!leftWraFlag" src="@/assets/images/close1.png" alt="" />
</el-tooltip>
<el-tooltip
:disabled="!leftWraFlag"
:show-arrow="false"
class="box-item"
show-after="200"
hide-after="0"
effect="dark"
content="收起"
placement="top"
>
<img
class="imgrotate"
v-if="leftWraFlag"
src="@/assets/images/close1.png"
alt=""
/>
</el-tooltip>
</div>
</div>
<div class="rightWra">
@ -163,7 +191,35 @@
<div ref="ASdivisionDiv" class="ASdivision"></div>
</div>
<div class="rightFoldDiv" @click="rightFoldClick()">
<el-icon><ArrowLeftBold /></el-icon>
<el-tooltip
:disabled="!rightWraFlag"
:show-arrow="false"
hide-after="0"
show-after="200"
class="box-item"
effect="dark"
content="收起"
placement="top"
>
<img v-if="rightWraFlag" src="@/assets/images/close1.png" alt="" />
</el-tooltip>
<el-tooltip
:disabled="rightWraFlag"
:show-arrow="false"
hide-after="0"
show-after="200"
class="box-item"
effect="dark"
content="展开"
placement="top"
>
<img
class="imgrotate"
v-if="!rightWraFlag"
src="@/assets/images/close1.png"
alt=""
/>
</el-tooltip>
</div>
</div>
@ -840,6 +896,17 @@ function villageClick(layers, xy, level, cartographic) {
promise.then(data => {
if (data.length > 0) {
let newData = data['0'];
console.log(newData);
viewer.camera.flyTo({
destination: Cesium.Rectangle.fromDegrees(
newData.data.bbox[0],
newData.data.bbox[1],
newData.data.bbox[2],
newData.data.bbox[3]
),
duration: 2,
});
if (newData.properties && newData.properties.XZQDM) {
if (XZQDM !== newData.properties.XZQDM) {
//防止
@ -1144,11 +1211,11 @@ const selectTab = () => {
};
areatext = '8383894';
typesofdata = {
小麦: { value: 12364, percent: '20%' },
花生: { value: 12364, percent: '20%' },
大豆: { value: 12364, percent: '20%' },
地瓜: { value: 12364, percent: '20%' },
花生: { value: 12364, percent: '20%' },
小麦: { value: 30111, percent: '20%' },
花生: { value: 52590, percent: '20%' },
大豆: { value: 1767, percent: '20%' },
地瓜: { value: 797, percent: '20%' },
花生: { value: 1820, percent: '20%' },
};
Pie3D = reactive({
arr: [
@ -2309,6 +2376,7 @@ function back() {
duration: 2,
});
flag.value = false;
hiddenOverlayChart();
}
// 图表点击事件
function ChartClick(item) {
@ -3025,7 +3093,6 @@ function hiddenOverlayChart() {
deleteEntityByName('villageLine');
deleteEntityByName('townLine');
const pop = document.getElementById('pop');
pop.style.display = 'none'; // 清除监听事件
viewer.scene.postRender.removeEventListener(infoWindowPostRender);
@ -3035,7 +3102,9 @@ function hiddenOverlayChart() {
duration: 2,
});
removeWms(['gbznt'], true);
// addWms('shuzisannong:huangdaoqu_town', 'tl');
if (flag.value) {
addWms('shuzisannong:huangdaoqu_town', 'tl');
}
flag.value = false;
}
//显示弹窗
@ -3062,7 +3131,9 @@ $height: calc(100vh - 100px);
.center {
width: 100%;
height: 100%;
.imgrotate {
transform: rotate(180deg);
}
.title {
width: 100%;
height: 45px;
@ -3124,7 +3195,7 @@ $height: calc(100vh - 100px);
width: 30px;
height: 30px;
position: absolute;
right: -12%;
right: -14%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 30px;

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

@ -5,7 +5,13 @@
<div class="leftTop">
<div class="title">
<span>作物分类面积统计</span>
<p>
<p
@click="
Deta(
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianjishijian.xlsx'
)
"
>
下载 &nbsp;
<img
src="@/assets/icons/svg/downloads.svg"
@ -18,7 +24,13 @@
<div class="leftbottom">
<div class="title">
<span>作物类型统计</span>
<p>
<p
@click="
Deta(
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianjishijian.xlsx'
)
"
>
下载 &nbsp;
<img
src="@/assets/icons/svg/downloads.svg"
@ -29,14 +41,50 @@
<div ref="typesofDiv" class="typesofDiv"></div>
</div>
<div class="leftFoldDiv" @click="leftFoldClick()">
<el-icon><ArrowRightBold /></el-icon>
<el-tooltip
:disabled="leftWraFlag"
:show-arrow="false"
hide-after="0"
show-after="200"
class="box-item"
effect="dark"
content="展开"
placement="top"
>
<!-- <el-icon v-if="!leftWraFlag"><ArrowRightBold /></el-icon> -->
<img v-if="!leftWraFlag" src="@/assets/images/close1.png" alt="" />
</el-tooltip>
<el-tooltip
:disabled="!leftWraFlag"
:show-arrow="false"
hide-after="0"
show-after="200"
class="box-item"
effect="dark"
content="收起"
placement="top"
>
<!-- <el-icon v-if="leftWraFlag"><ArrowLeftBold /></el-icon> -->
<img
class="imgrotate"
v-if="leftWraFlag"
src="@/assets/images/close1.png"
alt=""
/>
</el-tooltip>
</div>
</div>
<div class="rightWra">
<div class="rightTop">
<div class="title">
<span>作物类型统计-高标准农田</span>
<p>
<p
@click="
Deta(
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianjishijian.xlsx'
)
"
>
下载 &nbsp;
<img
src="@/assets/icons/svg/downloads.svg"
@ -50,7 +98,13 @@
<div class="rightbottom">
<div class="title">
<span>作物类型统计-行政区划</span>
<p>
<p
@click="
Deta(
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianjishijian.xlsx'
)
"
>
下载 &nbsp;
<img
src="@/assets/icons/svg/downloads.svg"
@ -75,7 +129,35 @@
<div ref="ASdivisionDiv" class="ASdivision"></div>
</div>
<div class="rightFoldDiv" @click="rightFoldClick()">
<el-icon><ArrowLeftBold /></el-icon>
<el-tooltip
:disabled="!rightWraFlag"
hide-after="0"
:show-arrow="false"
show-after="200"
class="box-item"
effect="dark"
content="收起"
placement="top"
>
<img v-if="rightWraFlag" src="@/assets/images/close1.png" alt="" />
</el-tooltip>
<el-tooltip
:disabled="rightWraFlag"
hide-after="0"
:show-arrow="false"
show-after="200"
class="box-item"
effect="dark"
content="展开"
placement="top"
>
<img
class="imgrotate"
v-if="!rightWraFlag"
src="@/assets/images/close1.png"
alt=""
/>
</el-tooltip>
</div>
</div>
<el-collapse class="legend" accordion>
@ -209,6 +291,19 @@ const clickInfoMap = ref({ info: [] });
const flag = ref(false);
let leftWraFlag = ref(true);
let rightWraFlag = ref(true);
//下载
/*---------------------------*/
const Deta = item => {
downloadURL(item);
};
const downloadURL = url => {
let link = document.createElement('a');
link.style.display = 'none';
link.href = url;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
};
let dd = {
小麦: [],
玉米: [],
@ -2161,7 +2256,10 @@ $height: calc(100vh - 100px);
.center {
width: 100%;
height: 100%;
.imgrotate {
transform: rotate(180deg);
}
.title {
width: 100%;
height: 45px;
@ -2223,7 +2321,7 @@ $height: calc(100vh - 100px);
width: 30px;
height: 30px;
position: absolute;
right: -12%;
right: -14%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
@ -2429,7 +2527,7 @@ $height: calc(100vh - 100px);
.bottom_center {
position: absolute;
// left: calc(400px + 20px + 8vw);
left: 0;
left: -2%;
right: 0;
margin: auto;
width: calc(100% - (400px * 2) - (10vw * 2));