index.html 2.7 KB
<!DOCTYPE html>
<html lang="zh-cn">
<head>
{#  <meta charset="UTF-8">#}
  {% if 0 == stop %}
  <meta charset="UTF-8" http-equiv="refresh" content="1200;url={{ url_for('api.index') }}">
  {% endif %}
  <title>Neotel Datashow</title>
    <link href="/static/css/common.css?v=3" rel="stylesheet">
    <script src="/static/jquery-3.3.1.min.js"></script>
    <script src="/static/echarts.min.js"></script>
    <script src="/static/common.js"></script>
    <script src="/static/index.js"></script>
    <script src="/static/laydate.js"></script>
</head>
<body>
<!--顶部-->
<header class="header left">
    <div class="left nav">
        <ul>
            <li class="nav_active"><i class="nav_1"></i><a href="{{ url_for('api.index') }}">数据概况</a> </li>
            <li><i class="nav_2"></i><a href="{{ url_for('api.state') }}">设备状态信息</a> </li>
            <li><i class="nav_3"></i><a href="{{ url_for('api.boxstate') }}">料仓库存信息</a> </li>
            </ul>
    </div>
    <div class="header_center left" style="position:relative">

        <h2><strong>大数据展示</strong></h2>

    </div>
    <div class="right nav text_right">
        <ul>

        </ul>
    </div>

</header>
<div class="con left">
    <!--统计分析图-->
    <div class="div_any">
        <div class="div_any02">
            <div class="div_any_child div_height">
              <div class="div_any_title any_title_width">24小时出入库</div>
              <div id="main" style="width:98%;height:93%;display: inline-block;padding-left: 1.25%;padding-right: 1.25%;padding-top:1.25%"></div>
              <script type="text/javascript">
                // 基于准备好的dom,初始化echarts实例
                var myChart = echarts.init(document.getElementById('main'));
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption({{ bar_data | safe }});
              </script>
            </div>
        </div>
        <div class="div_any02">
            <div class="div_any_child div_height">
              <div class="div_any_title any_title_width">7天出入库</div>
              <div id="main2" style="width:98%;height:93%;display: inline-block;padding-left: 1.25%;padding-right: 1.25%;padding-top:1.25%"></div>
                <!-- <p id="main2" class="p_chart"></p> -->
              <script type="text/javascript">
                // 基于准备好的dom,初始化echarts实例
                var myChart2 = echarts.init(document.getElementById('main2'));
                // 使用刚指定的配置项和数据显示图表。
                myChart2.setOption({{ bar_data1 | safe }});
              </script>
            </div>
        </div>   
    </div>
</div>
</body>
</html>