气象站监测页面删除无用代码
This commit is contained in:
@@ -122,39 +122,8 @@
|
||||
</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-item name="1">
|
||||
<template #title>图例</template>
|
||||
@@ -179,7 +148,7 @@
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
||||
<el-button v-if="flag" class="back_button" @click="back()">返回</el-button>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -211,7 +180,7 @@ const value = ref()
|
||||
|
||||
let clickInfoMap = ref({name: '', value: ''});
|
||||
|
||||
const flag = ref(false);
|
||||
|
||||
let rightWraFlag = ref(false);
|
||||
|
||||
|
||||
@@ -228,7 +197,7 @@ let peopleData = ref([]);
|
||||
const SaveResultsDiv = ref([]);
|
||||
const radio1 = ref(5000);
|
||||
const multipleSelection = ref([]);
|
||||
let popdata = ref({});
|
||||
|
||||
const circleLayer = ref([]);
|
||||
const iconLayer = ref([]);
|
||||
const personIconLayer = ref([]);
|
||||
@@ -903,11 +872,7 @@ $height: calc(100vh - 100px);
|
||||
|
||||
}
|
||||
|
||||
.frame {
|
||||
:deep(.el-table__cell) {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.rightWra {
|
||||
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) {
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user