|
@@ -352,9 +352,9 @@ onMounted(() => {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.menu-content {
|
|
.menu-content {
|
|
- width: 1584px;
|
|
|
|
- height: 1772px;
|
|
|
|
- background: url('@/assets/images/map/rightMenu/onlinePlotting/dialog.png') no-repeat;
|
|
|
|
|
|
+ width: 1500px;
|
|
|
|
+ height: 2071px;
|
|
|
|
+ background: url('@/assets/images/map/rightMenu/dialog2.png') no-repeat;
|
|
padding: 130px 45px 20px 50px;
|
|
padding: 130px 45px 20px 50px;
|
|
font-size: 36px;
|
|
font-size: 36px;
|
|
position: relative;
|
|
position: relative;
|
|
@@ -428,10 +428,23 @@ onMounted(() => {
|
|
margin: 3px 0;
|
|
margin: 3px 0;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- .el-checkbox {
|
|
|
|
|
|
+ :deep(.el-checkbox) {
|
|
color: #8fa8be;
|
|
color: #8fa8be;
|
|
margin-right: 10px;
|
|
margin-right: 10px;
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
|
+ .el-checkbox__inner {
|
|
|
|
+ width: 28px;
|
|
|
|
+ height: 28px;
|
|
|
|
+ &::after {
|
|
|
|
+ width: 6px;
|
|
|
|
+ height: 14px;
|
|
|
|
+ left: 8px;
|
|
|
|
+ top: 4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .el-checkbox__label {
|
|
|
|
+ font-size: 38px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.custom-input2 {
|
|
.custom-input2 {
|
|
flex: 1;
|
|
flex: 1;
|
|
@@ -454,7 +467,7 @@ onMounted(() => {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.list-content {
|
|
.list-content {
|
|
- height: 210px;
|
|
|
|
|
|
+ height: 560px;
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
.list-item {
|
|
.list-item {
|
|
display: flex;
|
|
display: flex;
|
|
@@ -465,11 +478,11 @@ onMounted(() => {
|
|
.text-box2 {
|
|
.text-box2 {
|
|
.text2 {
|
|
.text2 {
|
|
font-size: 38px;
|
|
font-size: 38px;
|
|
- line-height: 28px;
|
|
|
|
|
|
+ line-height: 76pxpx;
|
|
}
|
|
}
|
|
.text3 {
|
|
.text3 {
|
|
font-size: 36px;
|
|
font-size: 36px;
|
|
- line-height: 26px;
|
|
|
|
|
|
+ line-height: 72px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.operate {
|
|
.operate {
|
|
@@ -498,8 +511,8 @@ onMounted(() => {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
background-color: #1d366e;
|
|
background-color: #1d366e;
|
|
- padding: 0 5px;
|
|
|
|
- margin-top: 6px;
|
|
|
|
|
|
+ padding: 0 10px;
|
|
|
|
+ margin-top: 12px;
|
|
.icon-position3 {
|
|
.icon-position3 {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: 23px;
|
|
width: 23px;
|
|
@@ -523,8 +536,8 @@ onMounted(() => {
|
|
}
|
|
}
|
|
.icon-close2 {
|
|
.icon-close2 {
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
- width: 12px;
|
|
|
|
- height: 12px;
|
|
|
|
|
|
+ width: 30px;
|
|
|
|
+ height: 30px;
|
|
background: url('@/assets/images/electronicDisasterMapManage/close.png') no-repeat;
|
|
background: url('@/assets/images/electronicDisasterMapManage/close.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
margin-left: 5px;
|
|
margin-left: 5px;
|