From af2f9abf5f0c467951ee4953b707b60ee1e2a8a1 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Thu, 09 Feb 2023 15:12:43 +0800
Subject: [PATCH] 洪水淹没-河段模糊查询（可用、但是存在调用两次接口问题）
---
widgets/FloodAnalysis/css/style.css | 337 +++++++++++++++++++++++++++-----------------------------
1 files changed, 163 insertions(+), 174 deletions(-)
diff --git a/widgets/FloodAnalysis/css/style.css b/widgets/FloodAnalysis/css/style.css
index a1dcde1..4fee823 100644
--- a/widgets/FloodAnalysis/css/style.css
+++ b/widgets/FloodAnalysis/css/style.css
@@ -1,15 +1,15 @@
.jimu-widget-FloodAnalysis {
- width: 60% !important;
- height: 100%;
- position: fixed !important;
- left: 30px !important;
- top: 75px !important;
- border: 1px solid rgb(69, 154, 251);
- border-radius: 5px;
- background: rgba(31, 39, 48, .7);
- z-index: 41 !important;
- color: rgb(255, 255, 255);
- font-size: 22px;
+ width: 60% !important;
+ height: 100%;
+ position: fixed !important;
+ left: 30px !important;
+ top: 75px !important;
+ border: 1px solid rgb(69, 154, 251);
+ border-radius: 5px;
+ background: rgba(35, 36, 58, 1);
+ z-index: 41 !important;
+ color: rgb(255, 255, 255);
+ font-size: 22px;
}
.jimu-widget-FloodAnalysis div,
@@ -19,250 +19,239 @@
.jimu-widget-FloodAnalysis span,
.jimu-widget-FloodAnalysis input,
.jimu-widget-FloodAnalysis h2 {
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 0;
}
-.flood-top{
- text-align: center;
- display: inline-flex;
- margin-left: 41% !important;
+.flood-top {
+ text-align: center;
+ display: inline-flex;
+ margin-left: 41% !important;
}
-.flood-middle .select-box{
- display: flex;
- margin: 1% 0 0 1%;
+.flood-middle .select-box {
+ display: flex;
+ margin: 1% 0 0 1%;
}
-.select-box>div{
- display: flex;
- margin-right: 3%;
+.select-box > div {
+ display: flex;
+ margin-right: 3%;
}
-.flood-top input{
- width: 100px;
- height: 25px;
- cursor: pointer;
+.flood-top input {
+ width: 100px;
+ height: 25px;
+ cursor: pointer;
}
-.flood-top .choose-button{
- background-color: #1f81e0;
- border: none;
- color: white;
+.flood-top .choose-button {
+ background-color: #1f81e0;
+ border: none;
+ color: white;
}
-.flood-top .unchoose-button{
- background-color: white;
- border: none;
- color: #1f81e0;
+.flood-top .unchoose-button {
+ background-color: white;
+ border: none;
+ color: #1f81e0;
}
-.search-button{
- width: 50px;
- height: 28px;
- background-color: white;
- border: none;
- cursor: pointer;
+.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 .select-box select, .flood-middle .select-box input, .search-name-input {
+ height: 30px;
+ width: 260px;
}
-.flood-middle .radio-box{
- text-align: center;
- margin-top: -1%;
+.flood-middle .radio-box {
+ text-align: center;
+ margin-top: -1%;
}
-.flood-middle .tip{
- font-size: 1px;
- color: #ff3737;
+.flood-middle .tip {
+ font-size: 1px;
+ color: #ff3737;
}
-.select-box label{
- display: inline-block;
- /*width: 80px;*/
- height: 30px;
- line-height: 30px;
- vertical-align: middle;
- text-align: justify;
- text-align-last: justify;
+.select-box label {
+ display: inline-block;
+ /*width: 80px;*/
+ height: 30px;
+ line-height: 30px;
+ vertical-align: middle;
+ text-align: justify;
+ text-align-last: justify;
}
/**表格**/
-.flood-middle .table-box{
- margin-top: 1%;
+.flood-middle .table-box {
+ margin-top: 1%;
}
-.flood-middle .table-box table{
- width: 100%;
+.flood-middle .table-box table {
+ width: 100%;
}
.flood-table-thead tr th {
- text-align: center;
- border-top: 1px solid #CFCFCF;
- border-right: 1px solid #CFCFCF;
- border-bottom: 1px solid #CFCFCF;
- color: #ffffff;
- background: rgb(39, 118, 172);
+ text-align: center;
+ border-top: 1px solid #CFCFCF;
+ border-right: 1px solid #CFCFCF;
+ border-bottom: 1px solid #CFCFCF;
+ color: #ffffff;
+ background: rgb(39, 118, 172);
}
.flood-tbody tr td {
- text-align: center;
- border-right: 1px solid #CFCFCF;
- border-bottom: 1px solid #CFCFCF;
- color: #ffffff;
+ text-align: center;
+ border-right: 1px solid #CFCFCF;
+ border-bottom: 1px solid #CFCFCF;
+ color: #ffffff;
}
-.flood-history .search-box{
- text-align: center;
- margin-top: 1%;
+.flood-history .search-box {
+ text-align: center;
+ margin-top: 1%;
}
+/**模糊查询**/
+.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: 66px;
+ width: 167px;
+ height: 106px !important;
+ outline: none;
+ border: 1px solid #999;
+ margin-top: 31px;
+}
-
-
-/*!**模糊查询**!*/
-/*.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: 66px;*/
-/* width: 167px;*/
-/* height: 106px !important;*/
-/* outline: none;*/
-/* border: 1px solid #999;*/
-/* margin-top: 31px;*/
-/*}*/
-
-/*.hd select option:hover {*/
-/* background: #1388ff;*/
-/* color: white;*/
-/*}*/
-
-
-
-
-
-
+.hd select option:hover {
+ background: #1388ff;
+ color: white;
+}
/**分页器**/
.flood-analysis-pagination {
- position: relative;
- text-align: center;
- zoom: 1;
- display: flex;
- width: 92%;
- justify-content: flex-end;
+ position: relative;
+ text-align: center;
+ zoom: 1;
+ display: flex;
+ width: 92%;
+ justify-content: flex-end;
}
.flood-analysis-pagination:before,
.flood-analysis-pagination:after {
- content: "";
- display: table;
+ content: "";
+ display: table;
}
.flood-analysis-pagination:after {
- clear: both;
- overflow: hidden;
+ clear: both;
+ overflow: hidden;
}
.flood-analysis-pagination span {
- float: left;
- margin: 0 5px;
- width: 25px;
- height: 25px;
- line-height: 25px;
- color: #bdbdbd;
- font-size: 14px;
+ float: left;
+ margin: 0 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px;
+ color: #bdbdbd;
+ font-size: 14px;
}
.flood-analysis-pagination .active {
- float: left;
- margin: 3px 5px;
- width: 25px;
- height: 25px;
- line-height: 25px !important;
- background: #e91e63;
- color: #fff;
- font-size: 14px;
- border: 1px solid #e91e63;
+ float: left;
+ margin: 3px 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px !important;
+ background: #e91e63;
+ color: #fff;
+ font-size: 14px;
+ border: 1px solid #e91e63;
}
.flood-analysis-pagination a {
- float: left;
- margin: 3px 5px;
- width: 25px;
- height: 25px;
- line-height: 25px !important;
- background: rgb(39, 118, 172);
- border: 1px solid #ebebeb;
- color: #ffffff;
- font-size: 14px;
+ float: left;
+ margin: 3px 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px !important;
+ background: rgb(39, 118, 172);
+ border: 1px solid #ebebeb;
+ color: #ffffff;
+ font-size: 14px;
}
.flood-analysis-pagination a:hover {
- color: #fff;
- background: #e91e63;
+ color: #fff;
+ background: #e91e63;
}
.flood-analysis-pagination .next,
.flood-analysis-pagination .prev {
- font-family: "Simsun";
- font-size: 16px;
- font-weight: bold;
+ font-family: "Simsun";
+ font-size: 16px;
+ font-weight: bold;
}
.now,
.count {
- padding: 0 5px;
- color: #f00;
+ padding: 0 5px;
+ color: #f00;
}
.eg img {
- max-width: 800px;
- min-height: 500px;
+ max-width: 800px;
+ min-height: 500px;
}
.flood-analysis-pagination input {
- float: left;
- margin: 3px 5px;
- width: 25px;
- height: 25px;
- line-height: 25px !important;
- text-align: center;
- background: #fff;
- border: 1px solid #ebebeb;
- outline: none;
- color: #bdbdbd;
- font-size: 14px;
+ float: left;
+ margin: 3px 5px;
+ width: 25px;
+ height: 25px;
+ line-height: 25px !important;
+ text-align: center;
+ background: #fff;
+ border: 1px solid #ebebeb;
+ outline: none;
+ color: #bdbdbd;
+ font-size: 14px;
}
-#analysis-pagination,#history-pagination {
- /*position: absolute;*/
- margin-top: 5px;
- margin-bottom: 5px;
+#analysis-pagination, #history-pagination {
+ /*position: absolute;*/
+ margin-top: 5px;
+ margin-bottom: 5px;
}
.flood-analysis-pagination .jump-btn {
- width: 38px !important;
+ width: 38px !important;
}
--
Gitblit v1.9.3