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

关闭信息框，移除高亮边界

Browse Source
This commit is contained in:
伊丽莎白 2023-04-24 17:37:27 +08:00
parent 8fdd30ab94
commit 4669aad611
1 changed files with 63 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,19 +5,13 @@
<div class="leftTop"> <div class="leftTop">
<div class="title"> <div class="title">
<span>种植面积时间统计</span> <span>种植面积时间统计</span>
<p <p @click="Deta(
@click=" 'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianjishijian.xlsx'
Deta( )
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianjishijian.xlsx' ">
)
"
>
下载 &nbsp; 下载 &nbsp;
<img <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
src="@/assets/icons/svg/downloads.svg"
style="width: 14px; height: 14px; cursor: pointer"
/>
</p> </p>
</div> </div>
<div ref="areaDiv" class="areaDiv"></div> <div ref="areaDiv" class="areaDiv"></div>
@ -26,18 +20,12 @@
<div class="leftbottom"> <div class="leftbottom">
<div class="title"> <div class="title">
<span>种植面积统计</span> <span>种植面积统计</span>
<p <p @click="Deta(
@click=" 'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianji%20.xlsx'
Deta( )
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/zhongzhimianji%20.xlsx' ">
)
"
>
下载 &nbsp; 下载 &nbsp;
<img <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
src="@/assets/icons/svg/downloads.svg"
style="width: 14px; height: 14px; cursor: pointer"
/>
</p> </p>
</div> </div>
<div ref="typesofDiv" class="typesofDiv"></div> <div ref="typesofDiv" class="typesofDiv"></div>
@ -89,18 +77,12 @@
<div class="rightTop"> <div class="rightTop">
<div class="title"> <div class="title">
<span>作物类型统计-高标准农田</span> <span>作物类型统计-高标准农田</span>
<p <p @click="Deta(
@click=" 'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/81f3b011-7a5d-4a21-88aa-8ea51142e564_%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA.xlsx'
Deta( )
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/81f3b011-7a5d-4a21-88aa-8ea51142e564_%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA.xlsx' ">
)
"
>
下载 &nbsp; 下载 &nbsp;
<img <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
src="@/assets/icons/svg/downloads.svg"
style="width: 14px; height: 14px; cursor: pointer"
/>
</p> </p>
</div> </div>
<div ref="farmlandDiv" class="farmlandDiv"></div> <div ref="farmlandDiv" class="farmlandDiv"></div>
@ -109,33 +91,17 @@
<div class="rightbottom"> <div class="rightbottom">
<div class="title"> <div class="title">
<span>作物类型统计-行政区划</span> <span>作物类型统计-行政区划</span>
<p <p @click="Deta(
@click=" 'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/0c0ff4cf-151a-470e-856a-b0fce0fde997_%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA.xlsx'
Deta( )
'https://1912c.oss-cn-beijing.aliyuncs.com/egg-oss-demo/0c0ff4cf-151a-470e-856a-b0fce0fde997_%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA.xlsx' ">
)
"
>
下载 &nbsp; 下载 &nbsp;
<img <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
src="@/assets/icons/svg/downloads.svg"
style="width: 14px; height: 14px; cursor: pointer"
/>
</p> </p>
</div> </div>
<el-select <el-select popper-class="select_city" @change="selectTab(item)" v-model="value" clearable placeholder="全部">
popper-class="select_city" <el-option v-for="item in Township.arr" :key="item.properties.XZDM" :label="item.properties.XZMC"
@change="selectTab(item)" :value="item.properties.XZDM" />
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> </el-select>
<div ref="ASdivisionDiv" class="ASdivision"></div> <div ref="ASdivisionDiv" class="ASdivision"></div>
</div> </div>
@ -635,7 +601,7 @@ function layerClick() {
if ( if (
entitys[na]._name && entitys[na]._name &&
entitys[na]._name === entitys[na]._name ===
'point' + newData.properties.XZDM 'point' + newData.properties.XZDM
) { ) {
let info = entitys[na]._info; let info = entitys[na]._info;
// entitys[na].label.show = true // entitys[na].label.show = true
@ -1783,18 +1749,18 @@ function farmland() {
}, },
yAxis: { yAxis: {
type: 'category', type: 'category',
data: ["片区七", "片区六", "片区五", "片区四", "片区三",'片区二','片区一'], data: ["片区七", "片区六", "片区五", "片区四", "片区三", '片区二', '片区一'],
axisLabel: { axisLabel: {
color: 'rgba(255,255,255,0.8)', color: 'rgba(255,255,255,0.8)',
}, },
axisTick: { axisTick: {
lineStyle: { lineStyle: {
color: '#668092', color: '#668092',
width: 1, width: 1,
},
show: false,
}, },
show: false,
},
}, },
series: [ series: [
{ {
@ -1863,7 +1829,7 @@ function farmland() {
emphasis: { emphasis: {
focus: 'series', focus: 'series',
}, },
data: [271, 132, 413, 210, 521,232,343], data: [271, 132, 413, 210, 521, 232, 343],
barWidth: 12, barWidth: 12,
itemStyle: { itemStyle: {
label: { label: {
@ -1891,7 +1857,7 @@ function farmland() {
emphasis: { emphasis: {
focus: 'series', focus: 'series',
}, },
data: [271, 132, 413, 210, 521,234,321], data: [271, 132, 413, 210, 521, 234, 321],
barWidth: 12, barWidth: 12,
itemStyle: { itemStyle: {
label: { label: {
@ -2312,7 +2278,7 @@ function getAreaFenlei() {
}); });
}); });
}) })
.catch(err => {}); .catch(err => { });
} }
let fenleiRef = ref({}); let fenleiRef = ref({});
function mbHandle() { function mbHandle() {
@ -2336,7 +2302,7 @@ function mbHandle() {
fenleiRef.value = town; fenleiRef.value = town;
getAreaFenlei(); getAreaFenlei();
}) })
.catch(err => {}); .catch(err => { });
} }
/*------------------------------------------柱状图--------------------------------------------*/ /*------------------------------------------柱状图--------------------------------------------*/
@ -2554,9 +2520,25 @@ function infoWindowPostRender() {
// 隐藏弹窗 // 隐藏弹窗
function hiddenOverlayChart() { function hiddenOverlayChart() {
// 移除各种高亮
XZDM = '';
XZQDM = '';
removeWms(['village_CQL']);
removeWms(['aaa']);
deleteEntityByName('villageLine');
deleteEntityByName('townLine');
const pop = document.getElementById('pop'); const pop = document.getElementById('pop');
pop.style.display = 'none'; // 清除监听事件 pop.style.display = 'none'; // 清除监听事件
viewer.scene.postRender.removeEventListener(infoWindowPostRender); viewer.scene.postRender.removeEventListener(infoWindowPostRender);
// 重定位
viewer.camera.flyTo({
destination: Cesium.Rectangle.fromDegrees(119.5091, 35.5671, 120.3285, 36.1455),
duration: 2,
});
} }
//显示弹窗 //显示弹窗
function showOverlayChart(position) { function showOverlayChart(position) {
@ -2608,11 +2590,9 @@ $height: calc(100vh - 100px);
height: 25px; height: 25px;
border-radius: 20px; border-radius: 20px;
font-size: 14px; font-size: 14px;
background: linear-gradient( background: linear-gradient(180deg,
180deg, rgba(16, 111, 111, 1) 0%,
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); border: 1.5px solid rgba(23, 194, 180, 1);
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -2689,11 +2669,9 @@ $height: calc(100vh - 100px);
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
opacity: 1; opacity: 1;
background: linear-gradient( background: linear-gradient(90deg,
90deg, rgba(21, 173, 148, 0.1) 0%,
rgba(21, 173, 148, 0.1) 0%, rgba(21, 173, 148, 0) 100%);
rgba(21, 173, 148, 0) 100%
);
div { div {
display: flex; display: flex;
@ -2873,7 +2851,7 @@ $height: calc(100vh - 100px);
// align-items: flex-end; // align-items: flex-end;
padding: 30px 8px 20px 8px; padding: 30px 8px 20px 8px;
& > div:nth-child(1) { &>div:nth-child(1) {
font-weight: 400; font-weight: 400;
letter-spacing: 0px; letter-spacing: 0px;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
@ -2881,7 +2859,7 @@ $height: calc(100vh - 100px);
line-height: 24px; line-height: 24px;
} }
& > div:nth-child(2) { &>div:nth-child(2) {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
width: 129px; width: 129px;
height: 24px; height: 24px;
@ -2920,11 +2898,11 @@ $height: calc(100vh - 100px);
cursor: pointer; cursor: pointer;
} }
& > div { &>div {
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
& > div:nth-child(1) { &>div:nth-child(1) {
font-weight: 400; font-weight: 400;
letter-spacing: 0px; letter-spacing: 0px;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
@ -2933,7 +2911,7 @@ $height: calc(100vh - 100px);
margin-right: 10px; margin-right: 10px;
} }
& > div:nth-child(2) { &>div:nth-child(2) {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
width: 129px; width: 129px;
height: 24px; height: 24px;
@ -2949,8 +2927,7 @@ $height: calc(100vh - 100px);
} }
} }
:deep(.el-select__popper.el-popper) { :deep(.el-select__popper.el-popper) {}
}
</style> </style>
<style lang="scss"> <style lang="scss">
.select_city { .select_city {