数据图表的查询渲染

liuyg

2021-06-10 df1c052d1f0d368cb78ebb1831980745bca11edc

 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>