气象站监测页面删除无用代码
This commit is contained in:
parent
1a6bd8dd08
commit
4b840698b5
@ -122,39 +122,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="popup">
|
|
||||||
<div>
|
|
||||||
<div class="rowWra">
|
|
||||||
<span>设备：</span>
|
|
||||||
<span>{{ regionName }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="rowWra">
|
|
||||||
<span>经度：</span>
|
|
||||||
<span>{{ popdata.msLongitude }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="rowWra">
|
|
||||||
<span>纬度：</span>
|
|
||||||
|
|
||||||
<span>{{ popdata.msLatitude }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="cancel" @click="hiddenOverlayChart">X</div>
|
|
||||||
</div>
|
|
||||||
<div id="pop">
|
|
||||||
<div>
|
|
||||||
<div class="rowWra">
|
|
||||||
<span>设备：</span>
|
|
||||||
<span>{{ regionName }}</span>
|
|
||||||
</div>
|
|
||||||
<div v-for="(item, index) in clickInfoMap.info" :key="index" class="rowWra">
|
|
||||||
<span>经度：</span>
|
|
||||||
<span>{{ item.msLongitude }}</span>
|
|
||||||
<span>纬度：</span>
|
|
||||||
<span>{{ item.msLatitude }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="cancel" @click="hiddenOverlayChart">X</div>
|
|
||||||
</div>
|
|
||||||
<el-collapse class="legend" accordion>
|
<el-collapse class="legend" accordion>
|
||||||
<el-collapse-item name="1">
|
<el-collapse-item name="1">
|
||||||
<template #title>图例</template>
|
<template #title>图例</template>
|
||||||
@ -179,7 +148,7 @@
|
|||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
|
|
||||||
<el-button v-if="flag" class="back_button" @click="back()">返回</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -211,7 +180,7 @@ const value = ref()
|
|||||||
|
|
||||||
let clickInfoMap = ref({name: '', value: ''});
|
let clickInfoMap = ref({name: '', value: ''});
|
||||||
|
|
||||||
const flag = ref(false);
|
|
||||||
let rightWraFlag = ref(false);
|
let rightWraFlag = ref(false);
|
||||||
|
|
||||||
|
|
||||||
@ -228,7 +197,7 @@ let peopleData = ref([]);
|
|||||||
const SaveResultsDiv = ref([]);
|
const SaveResultsDiv = ref([]);
|
||||||
const radio1 = ref(5000);
|
const radio1 = ref(5000);
|
||||||
const multipleSelection = ref([]);
|
const multipleSelection = ref([]);
|
||||||
let popdata = ref({});
|
|
||||||
const circleLayer = ref([]);
|
const circleLayer = ref([]);
|
||||||
const iconLayer = ref([]);
|
const iconLayer = ref([]);
|
||||||
const personIconLayer = ref([]);
|
const personIconLayer = ref([]);
|
||||||
@ -903,11 +872,7 @@ $height: calc(100vh - 100px);
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.frame {
|
|
||||||
:deep(.el-table__cell) {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.rightWra {
|
.rightWra {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -1118,89 +1083,10 @@ $height: calc(100vh - 100px);
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ProgressBar {
|
|
||||||
width: 100%;
|
|
||||||
height: 9px;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightbottom {
|
|
||||||
width: 100%;
|
|
||||||
height: 490px;
|
|
||||||
opacity: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.ASdivision {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
width: 95%;
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 5px 10px 5px 10px;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
height: 40%;
|
|
||||||
|
|
||||||
:deep(.el-table tr) {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.el-table) {
|
|
||||||
--el-table-border-color: none;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell) {
|
|
||||||
background-color: revert;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Crops {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 400;
|
|
||||||
height: 31px;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-around;
|
|
||||||
opacity: 1;
|
|
||||||
background: linear-gradient(
|
|
||||||
90deg,
|
|
||||||
rgba(21, 173, 148, 0.1) 0%,
|
|
||||||
rgba(21, 173, 148, 0) 100%
|
|
||||||
);
|
|
||||||
|
|
||||||
div {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-checkbox-group {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.ones) {
|
|
||||||
width: 100%;
|
|
||||||
height: 170px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: flex-start;
|
|
||||||
--el-table-tr-bg-color: null;
|
|
||||||
--el-table-border-color: null;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0;
|
|
||||||
line-height: 0;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input__wrapper) {
|
:deep(.el-input__wrapper) {
|
||||||
@ -1274,124 +1160,5 @@ $height: calc(100vh - 100px);
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#popup {
|
|
||||||
border-radius: 5px;
|
|
||||||
background: rgba(2, 31, 26, 1);
|
|
||||||
display: none;
|
|
||||||
// justify-content: flex-start;
|
|
||||||
// align-items: flex-end;
|
|
||||||
padding: 30px 8px 20px 8px;
|
|
||||||
border: 2px solid rgba(4, 153, 153, 1);
|
|
||||||
|
|
||||||
.rowWra {
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
& > span:nth-child(1) {
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
// margin-top: 20px;
|
|
||||||
line-height: 24px;
|
|
||||||
// width: 3em;
|
|
||||||
// font-size: 14px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
& > span:nth-child(2) {
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
width: 179px;
|
|
||||||
height: 24px;
|
|
||||||
opacity: 1;
|
|
||||||
border-radius: 2px;
|
|
||||||
background: rgba(217, 231, 255, 0.2);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 2px 10px 2px 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.cancel {
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: 5px;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#pop {
|
|
||||||
border-radius: 5px;
|
|
||||||
background: rgba(2, 31, 26, 1);
|
|
||||||
display: none;
|
|
||||||
// justify-content: flex-start;
|
|
||||||
// align-items: flex-end;
|
|
||||||
padding: 30px 8px 20px 8px;
|
|
||||||
|
|
||||||
.cancel {
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: 5px;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
|
|
||||||
& > div:nth-child(1) {
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0;
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
// margin-top: 20px;
|
|
||||||
line-height: 24px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
& > div:nth-child(2) {
|
|
||||||
color: rgba(255, 255, 255, 1);
|
|
||||||
width: 129px;
|
|
||||||
height: 24px;
|
|
||||||
opacity: 1;
|
|
||||||
border-radius: 2px;
|
|
||||||
background: rgba(217, 231, 255, 0.2);
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 2px 10px 2px 10px;
|
|
||||||
// margin-top: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.back_button {
|
|
||||||
position: absolute;
|
|
||||||
right: 30%;
|
|
||||||
top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<style lang="scss">
|
|
||||||
//.date_poper {
|
|
||||||
// background: linear-gradient(180deg,
|
|
||||||
// rgba(38, 212, 191, 0.5) 0%,
|
|
||||||
// rgba(43, 186, 186, 0.5) 25.69%,
|
|
||||||
// rgba(45, 165, 181, 0.5) 66.67%,
|
|
||||||
// rgba(54, 111, 168, 0.5) 100%) !important;
|
|
||||||
// color: white;
|
|
||||||
// .el-picker-panel__body{
|
|
||||||
// background: linear-gradient(180deg,
|
|
||||||
// rgba(38, 212, 191, 0.5) 0%,
|
|
||||||
// rgba(43, 186, 186, 0.5) 25.69%,
|
|
||||||
// rgba(45, 165, 181, 0.5) 66.67%,
|
|
||||||
// rgba(54, 111, 168, 0.5) 100%) !important;
|
|
||||||
// color: white;
|
|
||||||
// }
|
|
||||||
//}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user