From df1c052d1f0d368cb78ebb1831980745bca11edc Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 10 Jun 2021 11:56:18 +0800
Subject: [PATCH] 数据图表的查询渲染

---
 widgets/searchTabaPopup/Widget.html |   86 +++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 82 insertions(+), 4 deletions(-)

diff --git a/widgets/searchTabaPopup/Widget.html b/widgets/searchTabaPopup/Widget.html
index 61ba85c..e32431c 100644
--- a/widgets/searchTabaPopup/Widget.html
+++ b/widgets/searchTabaPopup/Widget.html
@@ -2,11 +2,17 @@
 	<div class="popup">
 		<div class="p-main two">
 			<div class="cloce"></div>
-			视频
+			<div id="poput-m-t-video">
+				<!-- <div class="title">名称:江豚湾</div>
+				<video id="video1" class="video-js vjs-default-skin" width="640" height="480"
+					data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
+					<source src="http://171.34.197.243:701/rtp/34020000001110000104_34020000001310000006.flv" type="video/x-flv">
+				</video> -->
+			</div>
 		</div>
 		<div class="p-main three">
 			<div class="cloce"></div>
-			<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+			<div class="layui-tab layui-tab-brief" lay-filter="popup-main">
 				<ul class="layui-tab-title">
 					<li class="layui-this">测站详情</li>
 					<li>实时数据</li>
@@ -17,8 +23,80 @@
 						<div class="xiangqing">
 						</div>
 					</div>
-					<div class="layui-tab-item">内容2</div>
-					<div class="layui-tab-item">内容3</div>
+					<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>
+							<div class="layui-tab">
+								<ul class="layui-tab-title">
+									<li class="layui-this">水文与水资源数据</li>
+									<li>空气质量数据</li>
+									<li>气象数据</li>
+								</ul>
+								<div class="layui-tab-content">
+									<div class="layui-tab-item layui-show" id="shuiwenshishi">
+										<!-- js数据 -->
+									</div>
+									<div class="layui-tab-item" id="kongqishishi">空气质量数据</div>
+									<div class="layui-tab-item" id="qixiangshishi">气象数据</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="layui-tab-item">
+						<div class="lishijilv">
+							<div class="heard">
+								<div class="left" id="leftTimesdom">
+									<div class="layui-form">
+										<div class="layui-form-item">
+											<div class="layui-inline">
+												<div class="layui-inline" id="time6">
+													<div class="layui-input-inline">
+														<input type="text" autocomplete="off" id="test-startDate-1"
+															class="layui-input myCHosetimeinput" placeholder="开始日期">
+													</div>
+													<div class="layui-form-mid">-</div>
+													<div class="layui-input-inline">
+														<input type="text" autocomplete="off" id="test-endDate-1"
+															class="layui-input myCHosetimeinput" placeholder="结束日期">
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+									<button type="button" id="query" class="layui-btn layui-btn-normal">查询</button>
+									<button type="button" id="empty" class="layui-btn layui-btn-danger">清空</button>
+								</div>
+								<div class="rights">当前站点:<span class="myOUrtitle">南矶山备战湖</span> </div>
+							</div>
+							<div class="layui-tab">
+								<ul class="layui-tab-title">
+									<li class="layui-this">水文与水资源数据</li>
+									<li>空气质量数据</li>
+									<li>气象数据</li>
+								</ul>
+								<div class="layui-tab-content">
+									<div class="layui-tab-item layui-show">
+										<div style="width: 1080px;height:380px;" class="popup-threse-shuiwenEcharts" id="popup-threse-shuiwenEcharts">
+											
+										</div>
+									</div>
+									<div class="layui-tab-item">
+										<div style="width: 1080px;height:380px;" class="popup-threse-shuiwenEcharts" id="popup-threse-shuiwenEcharts1">
+											
+										</div>
+									</div>
+									<div class="layui-tab-item">
+										<div style="width: 1080px;height:380px;" class="popup-threse-shuiwenEcharts" id="popup-threse-shuiwenEcharts2">
+											
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
 				</div>
 			</div>
 		</div>

--
Gitblit v1.9.3