水文水环境分析-洪水淹没：1、添加淹没图弹窗；2、模拟分析窗口改为屏幕显示，取消弹窗

guoshilong

2023-02-04 0a39c24bbc9b91eb552d8201ba6907305233b8f5

 widgets/FloodAnalysis/css/style.css

@@ -83,3 +83,58 @@
.jimu-widget-FloodAnalysis .flood-water-analysis .flood-water-analysis-new input:nth-child(even) {
   float: right;
}

.flood-detail{
   position: fixed;
   top: 270px;
   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-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 {
   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;
}

.flood-detail-content{
   height: 45%;
   text-align: center;
   margin: 12px 17px 10px 17px;
}

.flood-detail-text{
   height: 95%;
   font-size: 20px;
}

.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;
}