|
.jimu-widget-Hydrology {
|
display: none;
|
min-width: 320px;
|
width: 320px;
|
height: auto !important;
|
position: fixed !important;
|
left: 50px !important;
|
bottom: 25px !important;
|
top: 45px !important;
|
z-index: 44 !important;
|
background-color: rgb(35,36,58);
|
}
|
|
.jimu-widget-Hydrology div,
|
.jimu-widget-Hydrology dl,
|
.jimu-widget-Hydrology dt,
|
.jimu-widget-Hydrology dd,
|
.jimu-widget-Hydrology ul,
|
.jimu-widget-Hydrology li,
|
.jimu-widget-Hydrology p,
|
.jimu-widget-Hydrology input
|
.jimu-widget-Hydrology img {
|
margin: 0;
|
padding: 0;
|
font-size: 12px;
|
list-style-type: none;
|
}
|
|
.jimu-widget-Hydrology .hydro-list-mean {
|
margin: 5px;
|
height: 120px;
|
}
|
|
.jimu-widget-Hydrology .hydro-list-mean li {
|
float: left;
|
margin: 5px;
|
width: 52px;
|
height: 52px;
|
position: relative;
|
cursor: pointer;
|
background: rgb(0,73,135);
|
|
}
|
|
.jimu-widget-Hydrology .hydro-list-mean li a {
|
width: 44px;
|
height: 44px;
|
display: block;
|
text-align: center;
|
position: absolute;
|
top: 4px;
|
left: 4px;
|
float: left;
|
border-radius: 4px;
|
/* margin-top: auto; */
|
}
|
|
.jimu-widget-Hydrology .hydro-list-mean li a img {
|
margin-top: 4px;
|
border: 0px;
|
width: 22px;
|
}
|
|
.jimu-widget-Hydrology .hydro-list-mean li a:hover,
|
.jimu-widget-Hydrology .hydro-list-mean .on {
|
background: rgb(1, 92, 172);
|
}
|
|
|
|
/* 表格的样式 */
|
.jimu-widget-Hydrology .hydro-content {
|
position: absolute;
|
top: 130px;
|
bottom: 0;
|
width: 100%;
|
height: auto;
|
overflow: hidden;
|
}
|
|
.jimu-widget-Hydrology .hydro-status-hint {
|
display: none;
|
position: absolute;
|
bottom: 0;
|
width: 100%;
|
height: 24px;
|
line-height: 24px;
|
}
|
|
.jimu-widget-Hydrology .hydro-status-hint div {
|
float: right;
|
width: 76%;
|
height: 100%;
|
text-align: center;
|
}
|
|
|
|
.jimu-widget-Hydrology .hydro-status-hint div span:nth-child(2),
|
.jimu-widget-Hydrology .hydro-status-hint div span:nth-child(5) {
|
width: 32px;
|
}
|
|
.jimu-widget-Hydrology .hydro-status-hint div span:nth-child(8) {
|
width: 56px;
|
}
|
|
.jimu-widget-Hydrology .hydro-status-hint div span {
|
display: inline-block;
|
margin-left: 4px;
|
height: 24px;
|
line-height: 24px;
|
text-align: left;
|
color: #fff;
|
}
|
|
.jimu-widget-Hydrology .hydro-status-hint div input,
|
.jimu-widget-Hydrology .hydro-status-hint img {
|
display: inline-block;
|
width: 14px;
|
height: 14px;
|
vertical-align: middle;
|
}
|
|
.jimu-widget-Hydrology .hydro-content div {
|
width: 100%;
|
}
|
|
.jimu-widget-Hydrology .hydro-content table {
|
width: 314px;
|
border-collapse: collapse;
|
table-layout: fixed;
|
word-break: break-all;
|
}
|
|
.jimu-widget-Hydrology .hydro-content table tr th:nth-child(1),
|
.jimu-widget-Hydrology .hydro-content table tr td:nth-child(1) {
|
width: 40px;
|
}
|
|
|
|
.jimu-widget-Hydrology .hydro-content table tr th:nth-child(3),
|
.jimu-widget-Hydrology .hydro-content table tr td:nth-child(3) {
|
width: 72px;
|
}
|
|
.jimu-widget-Hydrology .hydro-content table tr th:nth-child(4),
|
.jimu-widget-Hydrology .hydro-content table tr td:nth-child(4) {
|
width: 76px;
|
}
|
|
.jimu-widget-Hydrology .hydro-content table tr th:nth-child(5),
|
.jimu-widget-Hydrology .hydro-content table tr td:nth-child(5) {
|
width: 44px;
|
}
|
.jimu-widget-Hydrology .hydro-content table tr td a {
|
color: #fff;
|
text-decoration: none;
|
}
|
.jimu-widget-Hydrology .hydro-content table tr td:nth-child(5) img {
|
width: 14px;
|
height: 14px;
|
}
|
|
.jimu-widget-Hydrology .hydro-content table tr {
|
height: 34px;
|
line-height: 34px;
|
}
|
|
.jimu-widget-Hydrology .hydro-content table tr td,
|
.jimu-widget-Hydrology .hydro-content table tr th {
|
color: rgb(255, 255, 255);
|
font-size: 12px;
|
text-align: center;
|
}
|
|
.jimu-widget-Hydrology .hydro-content .thead {
|
position: absolute;
|
top: 0;
|
left: 0;
|
height: 34px;
|
}
|
|
.jimu-widget-Hydrology .hydro-content .thead table thead tr {
|
background-color: rgb(35,36,58);
|
}
|
|
.jimu-widget-Hydrology .hydro-content .tbody {
|
position: absolute;
|
top: 34px;
|
left: 0;
|
bottom: 0;
|
height: auto;
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
|
.jimu-widget-Hydrology .hydro-content table>tbody td {
|
padding: 0 4px;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
overflow: hidden;
|
cursor: pointer;
|
}
|
|
|
.jimu-widget-Hydrology .hydro-content .tbody table>tbody tr:nth-child(odd) {
|
background-color: rgb(2,24,55);
|
}
|
|
.jimu-widget-Hydrology .hydro-content .tbody table>tbody tr:nth-child(even) {
|
background-color: rgb(35,36,58);
|
}
|
|
.jimu-widget-Hydrology .hydro-content .tbody::-webkit-scrollbar {
|
width: 7px;
|
/*height: 4px;*/
|
}
|
|
|
/* 弹框得样式 */
|
.jimu-widget-Hydrology .trackPopUp {
|
display: none;
|
height: 100px;
|
}
|
|
.trackPopUp.div,
|
.trackPopUp div
|
.trackPopUp dl,
|
.trackPopUp dt,
|
.trackPopUp dd,
|
.trackPopUp ul,
|
.trackPopUp li,
|
.trackPopUp p,
|
.trackPopUp img,
|
.trackPopUp input {
|
margin: 0;
|
padding: 0;
|
font-size: 12px;
|
list-style-type: none;
|
}
|
|
|
.trackPopUp .leaflet-popup {
|
position: absolute;
|
background-color: #45acf1;
|
width: 240px;
|
height: 246px;
|
border-radius: 14px;
|
}
|
|
.trackPopUp .leaflet-popup-close-button {
|
position: absolute;
|
top: 0;
|
right: 8px;
|
padding: 4px 4px 0 0;
|
text-align: center;
|
font: 25px/25px Tahoma, Verdana, sans-serif;
|
text-decoration: none;
|
font-weight: bold;
|
background: transparent;
|
}
|
|
.trackPopUp .leaflet-popup-content-wrapper {
|
/* max-height: 200px; */
|
overflow-y: auto;
|
/* height: 133px; */
|
/* padding: 1px; */
|
text-align: left;
|
border-radius: 12px;
|
width: 230px;
|
}
|
|
.trackPopUp .leaflet-popup-content {
|
margin-top: 28px;
|
margin-left: 12px;
|
margin-bottom: 16px;
|
background: white;
|
line-height: 1.4;
|
|
}
|
|
.trackPopUp .leaflet-popup-content ul {
|
/* 文本换行：强制一行显示 */
|
white-space: nowrap;
|
width: 100%;
|
/* margin: 0px;*/
|
}
|
|
.trackPopUp .leaflet-popup-content li {
|
/* margin 和 padding的顺序：上、右、下、左 */
|
/*margin: 0px 0px 0px 30px;*/
|
background: white;
|
/* margin 左边框30像素*/
|
padding: 0 2px;
|
/* 上、右、下、左 */
|
list-style-type: none;
|
/* 列表项符号引用的图片 */
|
/*border: solid 1px Black;*/
|
/* 边缘样式 */
|
float: left;
|
width: 98%;
|
font-size: 14px;
|
line-height: 24px;
|
}
|
|
.trackPopUp .leaflet-popup-content li p {
|
float: left;
|
color: rgb(68, 28, 28);
|
margin-left: 3%;
|
margin-top: 2.5px;
|
|
}
|
|
.trackPopUp .leaflet-popup-content input {
|
width: 57%;
|
float: right;
|
height: 16px;
|
margin-top: 2.5px;
|
line-height: 16px;
|
color: rgba(47, 125, 211, 1);
|
font-family: 宋体;
|
border: 1px solid #C2C2C2;
|
border-radius: 2px;
|
}
|
