repo-backend/public/agents/views/index.html

<title>主页二</title>

<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <a lay-href="">主页</a>
    <a><cite>主页二</cite></a>
  </div>
</div>

<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
      <script type="text/html" template lay-url="/agent/get_statistics">
        <div class="layui-col-sm6 layui-col-md4">
          <div class="layui-card">
            <div class="layui-card-header">
              杠杠订单结算量
              <span class="layui-badge layui-bg-blue layuiadmin-badge">总计</span>
            </div>
            <div class="layui-card-body layuiadmin-card-list">
              <p class="layuiadmin-big-font">{{ d.data.settlement }}</p>
              <!--<p>-->
                <!--总计访问量-->
                <!--<span class="layuiadmin-span-color">88万 <i class="layui-icon">&#xe66c;</i></span>-->
              <!--</p>-->
            </div>
          </div>
        </div>
        <input type="hidden" value="{{ d.data.invite_code }}" name="invite_code" id="invite_code">
        <div class="layui-col-sm6 layui-col-md4">
          <div class="layui-card">
            <div class="layui-card-header">
              代理商个数
              <span class="layui-badge layui-bg-cyan layuiadmin-badge">总计</span>
            </div>
            <div class="layui-card-body layuiadmin-card-list">
              <p class="layuiadmin-big-font">{{ d.data.subordinate_agent_num }}</p>
              <!--<p>-->
                <!--新下载-->
                <!--<span class="layuiadmin-span-color">10% <i class="layui-icon">&#xe650;</i></span>-->
              <!--</p>-->
            </div>
          </div>
        </div>
        <div class="layui-col-sm6 layui-col-md4">
          <div class="layui-card">
            <div class="layui-card-header">
              会员总数
              <span class="layui-badge layui-bg-green layuiadmin-badge">总计</span>
            </div>
            <div class="layui-card-body layuiadmin-card-list">
              <p class="layuiadmin-big-font">{{ d.data.subordinate_user_num }}</p>
             <!--<p>-->
                <!--总收入-->
                <!--<span class="layuiadmin-span-color">*** <i class="layui-icon">&#xe659;</i></span>-->
              <!--</p>-->
            </div>
          </div>
        </div>
      </script>
    <!--<div class="layui-col-sm6 layui-col-md3">-->
      <!--<div class="layui-card">-->
        <!--<div class="layui-card-header">-->
          <!--活跃用户-->
          <!--<span class="layui-badge layui-bg-orange layuiadmin-badge">月</span>-->
        <!--</div>-->
        <!--<div class="layui-card-body layuiadmin-card-list">-->

          <!--<p class="layuiadmin-big-font">66,666</p>-->
          <!--<p>-->
            <!--最近一个月-->
            <!--<span class="layuiadmin-span-color">15% <i class="layui-icon">&#xe770;</i></span>-->
          <!--</p>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->





    <div class="layui-col-sm12">
      <div class="layui-card">
        <div class="layui-card-header">
          日订单量
        </div>
        <div class="layui-card-body">
          <div class="layui-row">
            <div class="layui-col-sm12">
              <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagetwo">
                <div carousel-item id="LAY-index-pagetwo">
                  <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>




  </div>
</div>

<script src="../../js/jquery-1.11.1.min.js"></script>
<script src="../../js/jquery.qrcode.min.js"></script>
<script src="../../js/qrcode.js"></script>

<script>


    layui.define(function(exports) {
        layui.use('useradmin', layui.factory('useradmin')).use(['admin', 'layer', 'laydate', 'form'], function () {
            var $ = layui.$
                , admin = layui.admin
                , laydate = layui.laydate
                , form = layui.form;

            admin.req({
                type: "POST",
                url: '/agent/day',
                dataType: "json",
                data: {type: 'all'},
                done: function (result) { //返回数据根据结果进行相应的处理
                    //提交 Ajax 成功后，关闭当前弹层并重载图表
                    show_table(result.data);
                }
            });

        });

        function show_table(returnData) {
            //区块轮播切换
            layui.use(['admin', 'carousel'], function () {
                var $ = layui.$
                    , admin = layui.admin
                    , carousel = layui.carousel
                    , element = layui.element
                    , device = layui.device();

                //轮播切换
                $('.layadmin-carousel').each(function () {
                    var othis = $(this);
                    carousel.render({
                        elem: this
                        , width: '100%'
                        , arrow: 'none'
                        , interval: othis.data('interval')
                        , autoplay: othis.data('autoplay') === true
                        , trigger: (device.ios || device.android) ? 'click' : 'hover'
                        , anim: othis.data('anim')
                    });
                });

            });
            //柱状图
            layui.use(['echarts'], function () {
                var $ = layui.$
                    , echarts = layui.echarts;

                //标准柱状图
                var echnormcol = [], normcol = [
                    {

                        xAxis: {
                            type: 'category',
                            data: returnData.day
                        },
                        yAxis: {
                            type: 'value'
                        },
                        color :["#c23531"],
                        series: [{
                            data: returnData.info,
                            type: 'bar'
                        }]
                    }
                ]
                    , elemNormcol = $('#LAY-index-pagetwo').children('div')
                    , renderNormcol = function (index) {
                    echnormcol[index] = echarts.init(elemNormcol[index], layui.echartsTheme);
                    echnormcol[index].setOption(normcol[index]);
                    window.onresize = echnormcol[index].resize;
                };
                if (!elemNormcol[0]) return;
                renderNormcol(0);

            });
        }
    });





</script>