From bbce81a396e22743b1fbf0c54fed05ab79c99e72 Mon Sep 17 00:00:00 2001 From: 陈泽平 <chenzeping> Date: 星期六, 29 五月 2021 16:28:51 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/assets/css/map/map-panel-style.less | 325 +++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 273 insertions(+), 52 deletions(-) diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less index cf71c4b..7ae3d48 100644 --- a/src/assets/css/map/map-panel-style.less +++ b/src/assets/css/map/map-panel-style.less @@ -8,12 +8,44 @@ /*鍏ㄥ眬璁剧疆***********/ -h1, h2, h3, h4, h5, h6, ul, li, p { +h1, h2, h3, h4, h5, h6, ul, li, p, i, span, div { padding: 0; margin: 0; list-style: none; + -moz-user-select: none; /*鐏嫄*/ + -webkit-user-select: none; /*webkit娴忚鍣�*/ + -ms-user-select: none; /*IE10*/ + -khtml-user-select: none; /*鏃╂湡娴忚鍣�*/ + user-select: none; } +.rt { + float: right; +} + +.lt { + float: left; +} + +.el-button--mini, .el-button--mini.is-round { + padding: 0.02rem 0.04rem; +} + +/*闅愯棌*/ +.el-dialog__wrapper { + height: 0; +} + +.el-dialog { + margin: 0 !important; + position: fixed; + z-index: 2000; + // left: 50%; + //bottom:15px; + .el-dialog__header { + border-bottom: 1px solid @background-color-split; + } +} i { font-style: normal @@ -104,6 +136,7 @@ .el-table th, .el-table tr { background-color: transparent; + padding: 0.02rem; } .el-table { @@ -194,13 +227,21 @@ margin: 5px; width: 30px; height: 30px; - background: @background-color-tools; + color: #00fff6; + background: rgba(0, 16, 30, 0.7); + border: 0.00521rem solid #00fff6; vertical-align: middle !important; img { width: 16px; height: 16px; } + } + + .el-button.hover { + color: @color-highlight; + border: .00521rem solid @color-highlight; + box-shadow: 0 0 .03rem @color-highlight; } } @@ -221,44 +262,18 @@ margin-left: 10px; } -.el-scrollbar__wrap { - -} - -.el-scrollbar__wrap::-webkit-scrollbar { - /*婊氬姩鏉℃暣浣撴牱寮�*/ - width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ - height: 1px; -} - -.el-scrollbar__wrap::-webkit-scrollbar-thumb { - /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ - border-radius: 10px; - background: none; -} - -.el-scrollbar__wrap::-webkit-scrollbar-track { - /*婊氬姩鏉¢噷闈㈣建閬�*/ - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); - background: none; - border-radius: 10px; -} - -#el-scrollbar__wrap::-webkit-scrollbar-button { /*婊氬姩鏉′袱绔殑鎸夐挳锛屽彲浠ョ敤display:none璁╁叾涓嶆樉绀猴紝涔熷彲浠ユ坊鍔犺儗鏅浘鐗囷紝棰滆壊鏀瑰彉鏄剧ず鏁堟灉锛堜綅缃�2锛�*/ - background: #74D334; -} - /*******************鎿嶄綔鎸夐挳鐐瑰嚮閫変腑鏁翠綋鏍峰紡******************************/ .el-button { } .hover-bottom:hover, -.hover-bottom.hover{ +.hover-bottom.hover { box-shadow: 0 0 0.03rem #fff700 inset !important; color: #fff700 !important; cursor: pointer; } + .active-button { border: 0.00521rem solid #fff700 !important; box-shadow: 0 0 0.03rem #fff700 !important; @@ -268,18 +283,18 @@ /***************Company 鍥惧眰 鎮诞妗嗘牱寮忋��*********************************/ .company-bindTooltip { position: absolute; - top: 0; - left: 0; + top: 10px; + left: 8px; display: flex; justify-content: center; justify-items: center; img { display: block; - width: 30px; - height: 30px; - margin-left: -15px; - margin-top: -15px + width: 35px; + height: 35px; + margin-left: -16px; + margin-top: -16px } ul { @@ -342,7 +357,8 @@ .company-bindTooltip-hover h3 { text-align: center; - border-bottom: 1px solid #0B3B6D; + border-bottom: 1px solid @background-color-split; + color: @color-highlight; margin: 0; padding: 0; } @@ -365,15 +381,9 @@ /*************** PublicTable 琛ㄦ牸鏍峰紡銆�*********************************/ .el-table { - border: 1px solid #396d83 !important; - - .el-table__body-wrapper::-webkit-scrollbar { - width: 0; - height: 0; - background: none; - } .cell { padding: 0 3px !important; + i { display: block; font-style: normal; @@ -381,6 +391,11 @@ line-height: 12px; } } +} + + +.el-dialog--center .el-dialog__body { + padding: 0.04rem; } .el-table--border th { @@ -393,6 +408,7 @@ } .el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell { + text-align: center; } @@ -411,12 +427,26 @@ .el-table td, .el-table th.is-leaf { font-size: 0.08rem; } -.el-table td, .el-table th.is-leaf { - border-bottom: none; + +.el-table .has-gutter tr th { + border: 1px solid @background-color-split; +} + +.el-table .has-gutter tr th .cell { + color: #fff; +} + +.el-table--border { + // border:1px solid @background-color-split; + border: none +} + +.el-table--border::after, .el-table--group::after, .el-table::before { + background: none; } .el-table .warning-row { - background: #27304d; + background: #28304d; } .el-table .success-row { @@ -432,6 +462,43 @@ padding: 0 !important; font-size: 0.01rem !important; } + +.el-scrollbar__wrap { + +} + +/*****婊氬姩鏉�***/ +.scroll::-webkit-scrollbar, +.s-map-popup-panel .el-tabs__content::-webkit-scrollbar, +.el-table__body-wrapper::-webkit-scrollbar, +.el-scrollbar__wrap::-webkit-scrollbar { + /*婊氬姩鏉℃暣浣撴牱寮�*/ + width: 10px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ + height: 10px; +} + +.scroll::-webkit-scrollbar-thumb, +.s-map-popup-panel .el-tabs__content::-webkit-scrollbar-thumb, +.el-table__body-wrapper::-webkit-scrollbar-thumb, +.el-scrollbar__wrap::-webkit-scrollbar-thumb { + /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ + border-radius: 10px; + background: #000; +} + +.scroll::-webkit-scrollbar-track, +.s-map-popup-panel .el-tabs__content::-webkit-scrollbar-track, +.el-table__body-wrapper::-webkit-scrollbar-track, +.el-scrollbar__wrap::-webkit-scrollbar-track { + /*婊氬姩鏉¢噷闈㈣建閬�*/ + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); + background: @background-color; + border-radius: 10px; +} + + +/*********瑙e喅妯悜婊氬姩**/ + /***********************************************鍔ㄧ敾鏁堟灉************/ .transition { @@ -478,7 +545,7 @@ .panel-title { color: @color-title; font-size: 18px; - padding: 10px; + padding: 5px 10px; text-align: center; border-bottom: 1px solid @background-color-split; } @@ -524,13 +591,14 @@ padding: 7px 15px; } - .el-button:hover { +.el-button:hover{ background: @background-color; color: @color-highlight; border-color: @color-highlight; } - .el-input__inner { + + .el-input__inner { color: #fff; text-align: center; } @@ -612,6 +680,159 @@ margin: 15px 0; } -.fixed-table { - background: rgba(0, 16, 30, 1) !important; +//.fixed-table { +// background: rgba(0, 16, 30, 1) !important; +//} + +/****************************鎶ヨ〃浜岀骇瀛愬脊妗嗘牱寮�***/ +.el-tabs__nav-wrap::after { + background: none; +} + +.el-tabs__header { + margin-bottom: 0.04rem; + + .is-active { + color: @color-highlight + } +} + +.el-tabs__active-bar { + background: @color-highlight; +} + +.el-popover.popovers { + background: @background-color; + padding: 0; + border: 0.00521rem solid @color; + overflow: hidden; + box-shadow: 0 0 0.03rem @color; + + .el-popover__title { + color: #fff; + margin: 0; + padding: 0.06rem; + background: @background-color; + border-bottom: 1px solid @background-color-split + } + + .refinery { + background-color: @background-color; + + } + + .waste-water { + background-color: @background-color; + } +} + +.btn00fff6{ + background: none;color:#00fff6;border-color:#00fff6 +} +.btn00fff6:hover{ + background: @background-color;color:@color-highlight;border-color:@color-highlight +} + +/****************************搴熸按寮规鍏叡鏍峰紡***/ +.echarts-box { + .tab-scroll { + display: flex; + align-items: center; + justify-content: space-between; + padding: 5px 0; + .time-select { + cursor: pointer; + padding: 5px; + border: 1px solid #2b87c8; + border-radius: 4px; + text-align: center; + color: #fff; + font-size: 11px; + width: 280px; + } + } + + .echarts-form { + .demonstration { + color: #00fff6; + font-size: 12px; + margin-left: 10px; + } + + .el-input__inner { + background-color: #2e4967; + color: #fff; + font-size: 12px; + padding: 0; + border-color: #00fff6; + text-align: center; + } + + .el-button { + margin: 0 15px; + width: 0.3rem; + height: 0.15rem; + display: inline-block; + background-color: #2e4967; + color: #fff; + font-size: 12px; + padding: 0; + border-color: #00fff6; + text-align: center; + } + } + + .el-icon-time:before { + content: " "; + } +} +.el-tabs--card>.el-tabs__header{ + border-bottom-color: @background-color; +} + +/************leaflet-tooltip 鎮诞妗嗘牱寮忕粺涓�淇敼************/ +.leaflet-tooltip-top, +.leaflet-tooltip-left, +.leaflet-tooltip-right, +.leaflet-tooltip-bottom{ + background-color: @background-color; + box-shadow: 0 0 0.03rem #00fff6; + border-color: #00fff6; + color: @color-highlight; + >div{background-color: @background-color;color: #00fff6} +} +.leaflet-tooltip-top::before{border-top-color: @background-color;} +.leaflet-tooltip-left::before{border-left-color: @background-color;} +.leaflet-tooltip-right::before{border-right-color: @background-color;} +.leaflet-tooltip-bottom::before{border-bottom-color: @background-color;} + + +.el-date-editor.el-input, .el-date-editor.el-input__inner{ + width: 160px; + height: 30px; +} +.el-select.el-select--mini{ + width: 80px; +} +.time-select{ + display:block;text-align: center; +} +.public-bounced-content-left{ + width: 5rem; +} +.echarts-chart>div{ + width: 100%; + height: 1.5rem; +} + +.el-dialog__body{ + padding: 5px; + color: #f2f2f2; +} + +/************鎼滅储鏁版嵁鍒嗛〉鍔熻兘鎬绘暟閲忔牱寮忔坊鍔�************/ +.page_total { + text-align: right; + margin: 5px 0; + color: @color; } -- Gitblit v1.8.0