From f08ae763248e4e70e80663f5ef0395c917f6113b Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 15 Jun 2021 14:40:11 +0800
Subject: [PATCH] 搜索监测的弹窗
---
widgets/searchTabaPopup/Widget.js | 1
widgets/searchTabaPopup/Widget.html | 4 +-
widgets/searchTabaPopup/css/style.css | 70 ++++++++++++++++++++++++-----------
widgets/Tool/css/style.css | 2
4 files changed, 52 insertions(+), 25 deletions(-)
diff --git a/widgets/Tool/css/style.css b/widgets/Tool/css/style.css
index 9816062..ace5bd2 100644
--- a/widgets/Tool/css/style.css
+++ b/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 {
diff --git a/widgets/searchTabaPopup/Widget.html b/widgets/searchTabaPopup/Widget.html
index 875bf47..5273bde 100644
--- a/widgets/searchTabaPopup/Widget.html
+++ b/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">
diff --git a/widgets/searchTabaPopup/Widget.js b/widgets/searchTabaPopup/Widget.js
index a51f42a..af52577 100644
--- a/widgets/searchTabaPopup/Widget.js
+++ b/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'
}, {
diff --git a/widgets/searchTabaPopup/css/style.css b/widgets/searchTabaPopup/css/style.css
index 6df2869..04abd26 100644
--- a/widgets/searchTabaPopup/css/style.css
+++ b/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;
}
\ No newline at end of file
--
Gitblit v1.9.3