master

分支 (1)

管理

管理

master

big-data
/
index.html

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>index</title>
  <script type="text/javascript"
    src="https://assets.yiwoaikeji.com/prod/customization-bigdata/https://assets.yiwoaikeji.com/prod/customization-bigdata/js/jquery.js"></script>
  <!-- <meta http-equiv="refresh" content="50;url='https://blog.csdn.net/qq_31766533/article/details/119274641'"> -->
  <link rel="stylesheet" href="https://assets.yiwoaikeji.com/prod/customization-bigdata/css/comon0.css">
</head>
<script>
  $(window).load(function () {
    $(".loading").fadeOut()
  })


  $(document).ready(function () {
    var whei = $(window).width()
    $("html").css({fontSize: whei / 20})
    $(window).resize(function () {
      var whei = $(window).width()
      $("html").css({fontSize: whei / 20})
    });
  });
</script>
<script type="text/javascript"
  src="https://assets.yiwoaikeji.com/prod/customization-bigdata/js/echarts.min.js"></script>
<script language="JavaScript" src="https://assets.yiwoaikeji.com/prod/customization-bigdata/js/js.js"></script>

<body>
  <div class="canvas" style="opacity: .2">
    <iframe frameborder="0" src="https://assets.yiwoaikeji.com/prod/customization-bigdata/js/index.html"
      style="width: 100%; height: 100%"></iframe>
  </div>
  <div class="loading">
    <div class="loadbox"> <img src="https://assets.yiwoaikeji.com/prod/customization-bigdata/images/loading.gif">
      页面加载中... </div>
  </div>
  <div class="head">
    <div style='font-size: 40px;text-align:center;font-weight:700; margin-top: 20px;color:#fff'>大数据平台</div>
    <div class="weather"><span id="showTime"></span></div>

    <script>
      var t = null;
      t = setTimeout(time, 1000);
      function time() {
        clearTimeout(t);
        dt = new Date();
        var y = dt.getFullYear();
        var mt = dt.getMonth() + 1;
        var day = dt.getDate();
        var h = dt.getHours();
        var m = dt.getMinutes();
        var s = dt.getSeconds();
        document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
        t = setTimeout(time, 1000);
      }

    </script>


  </div>
  <div class="mainbox">
    <ul class="clearfix">
      <li>
        <div class="boxall">
          <div class="alltitle">
            数据总览
          </div>
          <div class="sycm">
            <ul class="clearfix" style="display:flex; justify-content: space-around; align-items: center;">
              <li>
                <h2>32</h2> <span>门店</span>
              </li>
              <li>
                <h2>13312</h2> <span>顾客</span>
              </li>
              <li>
                <h2>13.28</h2> <span>客单价</span>
              </li>
            </ul>
          </div>
          <div class="boxfoot"></div>
        </div>
        <div class="boxall" style="height: 3.2rem">
          <div class="alltitle">热销菜品排行榜</div>
          <div class="allnav" id="echart1"></div>
          <div class="boxfoot"></div>
        </div>
        <div class="boxall" style="height: 3.2rem">
          <div class="alltitle">门店分布</div>
          <div class="allnav" id="echart2"></div>
          <div class="boxfoot"></div>
        </div>
        <!-- <div class="boxall" style="height: 3.2rem">
          <div style="height:100%; width: 100%;">
            <div class="sy" id="fb1"></div>
            <div class="sy" id="fb2"></div>
            <div class="sy" id="fb3"></div>
          </div>
          <div class="boxfoot"> </div>
        </div> -->
      </li>
      <li>
        <div class="bar">
          <div class="barbox">
            <ul class="clearfix">
              <li class="pulll_left counter">16180</li>
              <li class="pulll_left counter">10.11</li>
            </ul>
          </div>
          <div class="barbox2">
            <ul class="clearfix">
              <li class="pulll_left">营业额</li>
              <li class="pulll_left">增长率</li>
            </ul>
          </div>
        </div>
        <div class="map">
          <div class="map1"><img src="https://assets.yiwoaikeji.com/prod/customization-bigdata/images/lbx.png"></div>
          <div class="map2"><img src="https://assets.yiwoaikeji.com/prod/customization-bigdata/images/jt.png"></div>
          <div class="map3"><img src="https://assets.yiwoaikeji.com/prod/customization-bigdata/images/map.png"></div>
          <div class="map4" id="map_1"></div>
        </div>
      </li>
      <li>
        <div class="boxall">
          <div class="alltitle">
            菜品库总览
          </div>
          <div class="sycm">
            <ul class="clearfix" style="display:flex; justify-content: space-around; align-items: center;">
              <li>
                <h2>132</h2> <span>菜品</span>
              </li>
              <li>
                <h2>78</h2> <span>在售菜品</span>
              </li>
            </ul>
          </div>
          <div class="boxfoot"></div>
        </div>
        <div class="boxall" style="height:3.4rem">
          <div class="alltitle">顾客消费客趋势统计</div>
          <div class="allnav" id="echart4"></div>
          <div class="boxfoot"></div>
        </div>
        <div class="boxall" style="height: 3.2rem">
          <div class="alltitle">新增用户统计 s(百分比)</div>
          <div class="allnav" id="echart5"></div>
          <div class="boxfoot"></div>
        </div>
      </li>
    </ul>
  </div>
  <div class="back"></div>

  <script type="text/javascript" src="https://assets.yiwoaikeji.com/prod/customization-bigdata/js/china.js"></script>
  <script type="text/javascript"
    src="https://assets.yiwoaikeji.com/prod/customization-bigdata/js/area_echarts.js"></script>

</body>

</html>