| <!DOCTYPE html> | 
| <html lang="zh-cn" xmlns:th=http://www.thymeleaf.org> | 
| <head> | 
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 
| <title>智慧粮库管理平台-气体走势分析</title> | 
| <meta name="renderer" content="webkit"> | 
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
| <meta name="viewport" | 
|     content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> | 
|   | 
| <link rel="stylesheet" | 
|     th:href="@{../../static/plugins/layui/css/layui.css?v=2.5.5}" | 
|     media="all"> | 
| <link rel="stylesheet" th:href="@{../../static/css/style.css}"> | 
|   | 
| <style> | 
| .left-input-max { | 
|     color: #FF0D1B !important; | 
| } | 
|   | 
| .left-label-140 { | 
|     width: 140px !important; | 
| } | 
| </style> | 
|   | 
| </head> | 
| <body> | 
|     <div class="layui-fluid"> | 
|         <!-- 选择信息 --> | 
|         <div class="layui-row layui-col-space10" id="header-condition"> | 
|             <div class="layui-col-md12"> | 
|                 <div class="layui-card"> | 
|                     <div class="layui-tab layui-tab-brief"> | 
|                         <ul class="layui-tab-title"> | 
|                             <li class="layui-this">条件筛选</li> | 
|                         </ul> | 
|                         <div class="layui-tab-content"> | 
|                             <div class="layui-tab-item layui-show"> | 
|                                 <form class="layui-form layui-form-pane" id="form-query"> | 
|                                     <div class="layui-form-item" style="margin-bottom: 0px;"> | 
|   | 
|                                         <div class="layui-inline"> | 
|                                             <label class="layui-form-label">选择仓库:</label> | 
|                                             <div class="layui-input-block"> | 
|                                                 <select name="depotId"> | 
|                                                     <option value="">选择仓库</option> | 
|                                                     <option th:each="depot,depotSet:${listDepot}" | 
|                                                         th:value="${depot.id}" th:text="${depot.name}"></option> | 
|                                                 </select> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-inline"> | 
|                                             <label class="layui-form-label left-label-140">检测时间开始:</label> | 
|                                             <div class="layui-input-inline"> | 
|                                                 <input type="text" name="start" id="start" | 
|                                                     placeholder="年-月-日" autocomplete="off" class="layui-input"> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-inline"> | 
|                                             <label class="layui-form-label left-label-140">检测时间截至:</label> | 
|                                             <div class="layui-input-inline"> | 
|                                                 <input type="text" name="end" id="end" placeholder="年-月-日" | 
|                                                     autocomplete="off" class="layui-input"> | 
|                                             </div> | 
|                                         </div> | 
|   | 
|                                         <div class="layui-inline"> | 
|                                             <button type="button" onclick="query()" class="layui-btn"> | 
|                                                 <i class="layui-icon layui-icon-search"></i>执行查询 | 
|                                             </button> | 
|   | 
|   | 
|                                             <button type="reset" | 
|                                                 class="layui-btn layui-btn-danger"> | 
|                                                 <i class="layui-icon layui-icon-refresh"></i>条件重置 | 
|                                             </button> | 
|                                         </div> | 
|                                     </div> | 
|                                 </form> | 
|                             </div> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|   | 
|         <!-- 主工作区域 --> | 
|         <div class="layui-row layui-col-space10"> | 
|             <div class="layui-col-md12"> | 
|                 <div class="layui-card"> | 
|                     <div class="layui-tab layui-tab-brief"> | 
| <!--                         <ul class="layui-tab-title"> --> | 
| <!--                             <li class="layui-this">气体检测走势</li> --> | 
| <!--                         </ul> --> | 
|                         <div class="layui-tab-content"> | 
|                             <div class="layui-tab-item layui-show"> | 
|                                 <div id="container" class="chart-line"></div> | 
|                             </div> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|   | 
|             </div> | 
|         </div> | 
|     </div> | 
|   | 
|     <script th:src="@{../../static/plugins/echarts/echarts.min.js}"></script> | 
|     <script th:src="@{../../static/plugins/layui/layui.js}"></script> | 
|     <script th:src="@{../../static/js/jquery.min.js}"></script> | 
|     <script th:src="@{../../static/admin/gas/gas-line.js}"></script> | 
| </body> | 
| <script th:inline="javascript"> | 
|     //定义变量 | 
| </script> | 
| </html> |