From 3ea9a42dfb1f6ef13a9a4c81f5843383a3be3e1c Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Thu, 09 Feb 2023 08:46:52 +0800
Subject: [PATCH] 洪水淹没静态页面
---
widgets/FloodAnalysis/css/style.css | 312 +++++++++++++++++----------------------------------
1 files changed, 106 insertions(+), 206 deletions(-)
diff --git a/widgets/FloodAnalysis/css/style.css b/widgets/FloodAnalysis/css/style.css
index 677f7db..b5fda1e 100644
--- a/widgets/FloodAnalysis/css/style.css
+++ b/widgets/FloodAnalysis/css/style.css
@@ -1,5 +1,5 @@
.jimu-widget-FloodAnalysis {
- width: 440px !important;
+ width: 570px !important;
height: 100%;
position: fixed !important;
left: 30px !important;
@@ -9,6 +9,7 @@
background: rgba(31, 39, 48, .7);
z-index: 41 !important;
color: rgb(255, 255, 255);
+ font-size: 22px;
}
.jimu-widget-FloodAnalysis div,
@@ -22,229 +23,128 @@
padding: 0;
}
-.jimu-widget-FloodAnalysis div.analysis-header {
- position: relative;
- width: 100%;
- height: 40px;
- line-height: 40px;
- font-size: 20px;
- border-bottom: 1px solid rgb(69, 154, 251);
-}
-
-.jimu-widget-FloodAnalysis div.analysis-header i {
- display: inline-block;
- margin-left: 6px;
- vertical-align: middle;
- width: 20px;
- height: 20px;
- background: url(../../../images/toolbox.png ) no-repeat 0 -20px;
- background-size: 20px;
-}
-
-.jimu-widget-FloodAnalysis div.dong {
- margin: 8px 17px;
-}
-
-.jimu-widget-FloodAnalysis ul li {
- margin: 5px 0;
- list-style: none;
- height: 46px;
- line-height: 46px;
- font-size: 16px;
-}
-
-
-
-.jimu-widget-FloodAnalysis li span {
- display: inline-block;
- width: 51%;
- text-align: left;
-}
-
-.jimu-widget-FloodAnalysis li input {
- display: inline-block;
- width: 49%;
- height: 42px;
- border: 0;
- color: #fff;
- vertical-align: middle;
- background: rgba(140, 151, 165, 0.7);
- padding: 0 10px;
-}
-
-.jimu-widget-FloodAnalysis li:nth-child(5) input {
- width: 49%;
-}
-
-.jimu-widget-FloodAnalysis li:nth-child(5) input:nth-child(1) {
- margin-right: 2%;
-}
-
-.jimu-widget-FloodAnalysis li:nth-child(1) input,
-.jimu-widget-FloodAnalysis li:nth-child(5) input {
- cursor: pointer;
- background: rgb(2,24,55);
- border: 1px solid rgb(69, 154, 251);
- border-radius: 4px;
-}
-
-.jimu-widget-FloodAnalysis .dong-echarts {
- display: none;
- position: absolute;
- top: 360px;
- background: rgba(90, 87, 87, 0.7);
- width: 560px;
- height: 360px;
- z-index: 55;
-}
-
-.jimu-widget-FloodAnalysis p {
- display: none;
- margin: 0;
- padding: 0;
- position: absolute;
- top: 368px;
- left: 12px;
- width: 150px;
- height: 200px;
- color: #fff;
- line-height: 20px;
- text-indent: 2em;
- letter-spacing: 1.5px;
- font-size: 16px;
- word-break: break-all;
- text-align-last: left;
- text-align: justify;
- text-justify: distribute-all-lines;
- z-index: 56;
-}
-
-.jimu-widget-FloodAnalysis .dong-progress {
- display: none;
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- width: 500px;
- height: 0px;
- z-index: 33;
- background: rgba(59, 59, 59, 0.7);
-
-}
-
-.jimu-widget-FloodAnalysis .dong-progress h2 {
- margin: 10px 0;
+.flood-top{
text-align: center;
- font-size: 16px;
- font-weight: 400;
+ display: inline-flex;
+ margin-left: 32% !important;
}
-.jimu-widget-FloodAnalysis .dong-progress .container {
- display: inline-block;
- width: 100%;
- height: 20px;
- padding-right: 10px;
- border: 1px solid #999;
- border-radius: 5px;
+.flood-middle .select-box{
+ margin: 5% 0 0 25%;
}
-.jimu-widget-FloodAnalysis .dong-progress .container .h-100P {
- height: 100%;
-}
-
-.jimu-widget-FloodAnalysis .dong-progress .container .bar {
- display: inline-block;
- background: linear-gradient(to right, #ff4343, #48adff);
- color: white;
- font-weight: bold;
- padding: 0 5px;
- text-align: right;
- border-radius: 5px;
- border-right: 1px solid #999;
-}
-
-
-
-.jimu-widget-FloodAnalysis .storage-capacity-curve {
- display: none;
- padding-top: 10px;
- position: absolute;
- top: 360px;
- left: 580px;
- background: rgba(206, 204, 204, 0.7);
- width: 500px;
- height: 360px;
- z-index: 55;
-}
-
-.jimu-widget-FloodAnalysis .storage-name {
- display: none;
- position: absolute;
- top: 686px;
- left: 780px;
+.flood-top input{
width: 100px;
- height: 20px;
- line-height: 20px;
+ height: 25px;
+ cursor: pointer;
+}
+
+.flood-top .choose-button{
+ background-color: #1f81e0;
+ border: none;
+ color: white;
+}
+
+.flood-top .unchoose-button{
+ background-color: white;
+ border: none;
+ color: #1f81e0;
+}
+
+.search-button{
+ width: 50px;
+ height: 28px;
+ background-color: white;
+ border: none;
+ cursor: pointer;
+}
+
+.flood-middle .select-box select,.flood-middle .select-box input,.search-name-input{
+ height: 30px;
+ width: 260px;
+}
+
+.flood-middle .radio-box{
text-align: center;
- font-size: 14px;
- color: rgba(40, 37, 161, 0.7);
- z-index: 111 !important;
+ margin-top: 5%;
}
-/**淹没详情**/
-.flood-detail{
- position: fixed;
- top: 420px;
- width: 440px;
- height: 200px;
- left: 30px !important;
- overflow-x: hidden;
- background: rgba(31, 39, 48, .7);
- font-size: 14px;
- border: 1px solid rgb(69, 154, 251);
- border-radius: 5px;
- color: rgb(255, 255, 255);
- display: none;
+.flood-middle .tip{
+ font-size: 1px;
+ color: #ff3737;
}
-.flood-detail-header {
- position: relative;
- width: 100%;
- height: 40px;
- line-height: 40px;
- font-size: 20px;
- border-bottom: 1px solid rgb(69, 154, 251);
-}
-
-.flood-detail-header i {
+.select-box label{
display: inline-block;
- margin-left: 6px;
+ width: 80px;
+ height: 30px;
+ line-height: 30px;
vertical-align: middle;
- width: 20px;
- height: 20px;
- background: url(../../../images/toolbox.png ) no-repeat 0 -20px;
- background-size: 20px;
+ text-align: justify;
+ text-align-last: justify;
}
-.flood-detail-content{
- height: 45%;
+/**表格**/
+.flood-middle .table-box{
+ margin-top: 3%;
+}
+
+.flood-middle .table-box table{
+ width: 100%;
+}
+
+.flood-table-thead tr th {
text-align: center;
- margin: 12px 17px 10px 17px;
+ border-top: 1px solid #CFCFCF;
+ border-right: 1px solid #CFCFCF;
+ border-bottom: 1px solid #CFCFCF;
+ color: #ffffff;
+ background: rgb(39, 118, 172);
}
-.flood-detail-text{
- height: 95%;
- font-size: 20px;
+.flood-tbody tr td {
+ text-align: center;
+ border-right: 1px solid #CFCFCF;
+ border-bottom: 1px solid #CFCFCF;
+ color: #ffffff;
}
-.flood-detail-button input{
- margin: 5px 0;
- width: 48%;
- height: 36px;
- color: #fff;
- background: rgb(2,24,55);
- border: 1px solid rgb(69, 154, 251);
- border-radius: 4px;
+.flood-history .search-box{
+ text-align: center;
+ margin-top: 2%;
}
+
+
+
+
+/*.hd {*/
+/* position: relative;*/
+/*}*/
+
+/*.hd input {*/
+/* width: 167px;*/
+/* !* top: 9px; *!*/
+/* outline: none;*/
+/* border: 0pt;*/
+/* !* position: absolute; *!*/
+/* line-height: 30px;*/
+/* !* left: 8px; *!*/
+/* height: 30px;*/
+/* border: 1px solid #999;*/
+/*}*/
+
+/*.hd select {*/
+/* position: absolute;*/
+/* left: 0;*/
+/* width: 167px;*/
+/* height: 106px !important;*/
+/* margin-left: 86px;*/
+/* outline: none;*/
+/* border: 1px solid #999;*/
+/* margin-top: 31px;*/
+/*}*/
+
+/*.hd select option:hover {*/
+/* background: #1388ff;*/
+/* color: white;*/
+/*}*/
--
Gitblit v1.9.3