搜索监测的弹窗

liuyg

2021-06-15 f08ae763248e4e70e80663f5ef0395c917f6113b

搜索监测的弹窗

 widgets/Tool/css/style.css

@@ -9,7 +9,7 @@
  border-radius: 6px 0 0 6px;
  text-align: center;
  cursor: pointer;
  z-index: 1111 !important
  z-index: 11 !important
}

.jimu-widget-Tool .tool-bar {

 widgets/searchTabaPopup/Widget.html

@@ -23,8 +23,8 @@
                    <div class="layui-tab-item ">
                        <div class="shishishuju">
                            <div class="heard">
                                <div>当前站点：<span class="myOUrtitle">南矶山备战湖</span> </div>
                                <div>监测时间：<span class="myOUrtime">2021-05-06 10：07:00</span> </div>
                                <div class="lefts">当前站点：<span class="myOUrtitle">南矶山备战湖</span> </div>
                                <div class="rights">监测时间：<span class="myOUrtime">2021-05-06 10：07:00</span> </div>
                            </div>
                            <div class="layui-tab">
                                <ul class="layui-tab-title">

 widgets/searchTabaPopup/Widget.js

@@ -218,6 +218,7 @@
                    //     text: '折线图堆叠'
                    // },
                    animationDuration: 1000,
                    color: ['#1AD4AD', '#5AB1EF', '#F96D85', '#FFBD87', '#0067A5','#CABDE7','#D87C82','#A0BEFF','#D9D0C7','#8DAD9C'],
                    dataZoom: [{
                        type: 'slider'
                    }, {

 widgets/searchTabaPopup/css/style.css

@@ -12,13 +12,13 @@
  background: rgba(0, 0, 0, 0.5);
  /* border : 1px solid #000; */
  /* cursor       : pointer; */
  z-index: 13 !important;  
  z-index: 14 !important;
}

.jimu-widget-searchTabaPopup .popup {
  /* display: none; */
  width: 900px;
  height: 600px;
  width: 880px;
  height: 540px;
  /* min-height: 600px; */
  /* max-height: 750px; */
  /* overflow: auto; */
@@ -63,7 +63,7 @@
  font-size: 20px;
} */

.jimu-widget-searchTabaPopup .two #poput-m-t-video{
.jimu-widget-searchTabaPopup .two #poput-m-t-video {
  width: 100%;
  height: 560px;
  /* border: 1px springgreen solid; */
@@ -76,13 +76,15 @@
  top: 40px;
  overflow: hidden;
}

/* .jimu-widget-searchTabaPopup .two #poput-m-t-video .title{
  color: #409EFF;
  width: 92%;
  font-size: 25px;
  padding: 20px 0 8px 0;
} */
.jimu-widget-searchTabaPopup .two  .header{

.jimu-widget-searchTabaPopup .two .header {
  background-color: #409EFF;
  width: 100%;
  height: 40px;
@@ -97,27 +99,28 @@
  z-index: 14;
}

.jimu-widget-searchTabaPopup .shishishuju .layui-tab-content{
  
.jimu-widget-searchTabaPopup .shishishuju .layui-tab-content {
  height: 450px;
  overflow: auto;
  /* border: 1px springgreen solid; */
}

#poput-m-t-video-video{
#poput-m-t-video-video {
  width: 100%;
  height: 560px;
  object-fit: fill;
  /* border: 1px springgreen solid; */
}
#poput-m-t-video-login{

#poput-m-t-video-login {
  width: 100%;
  height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#poput-m-t-video-none{

#poput-m-t-video-none {
  font-size: 24px;
  width: 100%;
  height: 560px;
@@ -125,8 +128,6 @@
  align-items: center;
  justify-content: center;
}



.jimu-widget-searchTabaPopup .layui-this {
  color: #409EFF !important;
@@ -154,10 +155,10 @@
}

.jimu-widget-searchTabaPopup .xiangqing th {
  width: 140px;
  width: 150px;
  text-align-last: justify;
  font-size: 14px;
  padding: 20px;
  padding: 19px;
  border-right: transparent 1px solid !important;
}

@@ -167,19 +168,22 @@
  padding-right: 5px;
  font-size: 14px;
}
.jimu-widget-searchTabaPopup .xiangqing tr:nth-child(6) td , .jimu-widget-searchTabaPopup .xiangqing tr:nth-child(7) td{

.jimu-widget-searchTabaPopup .xiangqing tr:nth-child(6) td, .jimu-widget-searchTabaPopup .xiangqing tr:nth-child(7) td {
  text-align-last: left;
  text-indent: 2em;
  padding-left: 5px;
}

.jimu-widget-searchTabaPopup .xiangqing th, .jimu-widget-searchTabaPopup .xiangqing td ,.jimu-widget-searchTabaPopup .xiangqing table{
.jimu-widget-searchTabaPopup .xiangqing th, .jimu-widget-searchTabaPopup .xiangqing td, .jimu-widget-searchTabaPopup .xiangqing table {
  border-color: rgba(0, 0, 0, .1);
}
.jimu-widget-searchTabaPopup .xiangqing img{

.jimu-widget-searchTabaPopup .xiangqing img {
  width: 175px;
padding: 5px 5px 5px 0;
  padding: 5px 5px 5px 0;
}

.jimu-widget-searchTabaPopup .shishishuju {
  width: 100%;
  height: 100%;
@@ -196,8 +200,9 @@
  padding-bottom: 5px;
  padding-top: 5px;
}
.layui-tab-content{
padding: 0 !important;

.layui-tab-content {
  padding: 0 !important;
}

.jimu-widget-searchTabaPopup .shishishuju thead th, .jimu-widget-searchTabaPopup .shishishuju tbody td {
@@ -214,12 +219,14 @@
  align-items: center;
  justify-content: space-between;
}
.jimu-widget-searchTabaPopup .lishijilv .heard .left{

.jimu-widget-searchTabaPopup .lishijilv .heard .left {
  /* border: 1px solid springgreen; */
  display: flex;
  align-items: center;
}
.jimu-widget-searchTabaPopup .lishijilv .heard .layui-form-item{

.jimu-widget-searchTabaPopup .lishijilv .heard .layui-form-item {
  /* border: 1px solid springgreen; */
  position: relative;
  top: 12px;
@@ -245,4 +252,23 @@
input::-ms-input-placeholder {
  color: #afafaf;
  font-size: 14px;
}

.jimu-widget-searchTabaPopup .lishijilv #query, .jimu-widget-searchTabaPopup .lishijilv #empty {
  border-radius: 5px;
}

.jimu-widget-searchTabaPopup .rights {
  position: relative;
  left: -10px;
}

.jimu-widget-searchTabaPopup .lefts {
  position: relative;
  left: 10px;
}

.jimu-widget-searchTabaPopup #shuiwenshishi {
  overflow: auto;
  height: 411px;
}