{template 'header'}
<link rel="stylesheet" href="{php echo MODULE_URL}style/css/layui.css">
<style type="text/css">
    .layui-anim .vae-card .layui-icon{
      width:50px;
      height:50px;
      line-height: 50px;
      text-align: center;
      display: block;
      border-radius: 50%;
      background-color: #FF5722;
      color:#fff;
      opacity: .9;
      font-size: 24px;
      float: left;
    }
    .vaeyo-main-header{
      height: 280px;
    }
    .vae-card{
      height:90px;
      padding:20px;
    }
    .vae-card .vae-card-right{
      float: left;
      display: block;
      width:calc(100% - 100px);
      margin-left: 20px;
      height:100%;
    }
    .vae-card .vae-card-right h2{
      line-height: 32px;
    }
  </style>
<!-- 内容区域 start -->
    <div class="tpl-content-wrapper no-sidebar-second">
        <div class="page-home row-content am-cf">
    <!-- 商城统计 -->
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
            <div class="widget am-cf">
                <div class="widget-head">
                    <div class="widget-title">后台统计</div>
                </div>
                <div class="widget-body am-cf">
                	
                	<div class="layui-col-md3 layui-anim layui-anim-scale">
				        <div class="layui-card">
				          <div class="layui-card-body vae-card">
				            <a href="{php echo $this->createWebUrl('article')}">
				              <i class="layui-icon iconfont icon-daohang" style="background-color: #5FB878"></i>
				              <div class="vae-card-right">
				                <h2>{$article}</h2>
				                <div>文章总量</div>
				              </div>
				            </a>
				          </div>
				          
				        </div>
				      </div>
                	<div class="layui-col-md3 layui-anim layui-anim-scale">
				        <div class="layui-card">
				          <div class="layui-card-body vae-card">
				            <a href="{php echo $this->createWebUrl('case')}">
				              <i class="layui-icon layui-icon-notice"></i>
				              <div class="vae-card-right">
				                <h2>{$case}</h2>
				                <div>案例总量</div>
				              </div>
				            </a>
				          </div>
				          
				        </div>
				      </div>
                	<div class="layui-col-md3 layui-anim layui-anim-scale">
				        <div class="layui-card">
				          <div class="layui-card-body vae-card">
				            <a href="{php echo $this->createWebUrl('designer_info',array('op'=>'list'))}">
				              <i class="layui-icon layui-icon-star" style="background-color: #01AAED"></i>
				              <div class="vae-card-right">
				                <h2>{$designer}</h2>
				                <div>团队人数</div>
				              </div>
				            </a>
				          </div>
				          
				        </div>
				      </div>
                	<div class="layui-col-md3 layui-anim layui-anim-scale">
				        <div class="layui-card">
				          <div class="layui-card-body vae-card">
				            <a href="{php echo $this->createWebUrl('construction')}">
				              <i class="layui-icon layui-icon-user" style="background-color: #2F4056"></i>
				              <div class="vae-card-right">
				                <h2>{$construction}</h2>
				                <div>工地总量</div>
				              </div>
				            </a>
				          </div>
				          
				        </div>
				      </div>
                	
                    <!--<div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__blue am-cf">
                            <div class="card-header">文章总量</div>
                            <div class="card-body">
                                <div class="card-value">{$article}</div>
                                <div class="card-description">当前文章总数量</div>
                                <span class="card-icon iconfont icon-daohang"></span>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__red am-cf">
                            <div class="card-header">案例总量</div>
                            <div class="card-body">
                                <div class="card-value">{$case}</div>
                                <div class="card-description">当前案例总数量</div>
                                <span class="card-icon iconfont icon-newbilayout"></span>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__violet am-cf">
                            <div class="card-header">团队人数</div>
                            <div class="card-body">
                                <div class="card-value">{$designer}</div>
                                <div class="card-description">团队人数</div>
                                <span class="card-icon iconfont icon-account"></span>
                            </div>
                        </div>
                    </div>
                    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
                        <div class="widget-card card__primary am-cf">
                            <div class="card-header">工地总量</div>
                            <div class="card-body">
                                <div class="card-value">{$construction}</div>
                                <div class="card-description">工地总数量</div>
                                <span class="card-icon iconfont icon-dingwei"></span>
                            </div>
                        </div>
                    </div>-->
                </div>
            </div>
        </div>
    </div>

        
       <!-- 近七日交易走势 -->
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 am-margin-bottom">
            <div class="widget am-cf">
                <div class="widget-head">
                    <div class="widget-title">近15日预约人数走势</div>
                </div>
                <div class="widget-body am-cf">
                    <div id="echarts-trade" class="widget-echarts" _echarts_instance_="ec_1544670734622" style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: rgba(252, 252, 252, 0);"></div>
                </div>
            </div>
        </div>
    </div> 
        
        </div>


	
<!--<div class="iconfont icon-wenbenbianji"></div>

<div class="iconfont icon-shipin"></div>

<div class="iconfont icon-shibai"></div>

<div class="iconfont icon-zhengchang"></div>

<div class="iconfont icon-kongbai"></div>

<div class="iconfont icon-tupian1"></div>

<div class="iconfont icon-gonggao"></div>

<div class="iconfont icon-daoru"></div>

<div class="iconfont icon-daochu"></div>

<div class="iconfont icon-youhuiquan2"></div>

<div class="iconfont icon-tupianlunbo"></div>

<div class="iconfont icon-fengexian1"></div>

<div class="iconfont icon-newbilayout"></div>

<div class="iconfont icon-shangcheng"></div>

<div class="iconfont icon-guanliyuan"></div>

<div class="iconfont icon-shipin7"></div>

<div class="iconfont icon-shezhi"></div>

<div class="iconfont icon-shangpin5"></div>

<div class="iconfont icon-bianji"></div>

<div class="iconfont icon-add"></div>

<div class="iconfont icon-account"></div>

<div class="iconfont icon-add1"></div>

<div class="iconfont icon-bulb"></div>

<div class="iconfont icon-camera"></div>

<div class="iconfont icon-caret"></div>

<div class="iconfont icon-close"></div>

<div class="iconfont icon-refresh"></div>

<div class="iconfont icon-daohangpinlei"></div>

<div class="iconfont icon-code"></div>

<div class="iconfont icon-daohang"></div>

<div class="iconfont icon-dingwei"></div>

<div class="iconfont icon-gift"></div>

<div class="iconfont icon-huadongdaohang"></div>

<div class="iconfont icon-huodong"></div>

<div class="iconfont icon-home"></div>

<div class="iconfont icon-iconfonticonfontshan"></div>

<div class="iconfont icon-image"></div>

<div class="iconfont icon-goods"></div>

<div class="iconfont icon-like"></div>

<div class="iconfont icon-linechart"></div>

<div class="iconfont icon-lunbotu"></div>

<div class="iconfont icon-heart"></div>

<div class="iconfont icon-marketing"></div>

<div class="iconfont icon-minus"></div>

<div class="iconfont icon-menu"></div>

<div class="iconfont icon-order"></div>

<div class="iconfont icon-menufold"></div>

<div class="iconfont icon-outdent"></div>

<div class="iconfont icon-qrcode"></div>

<div class="iconfont icon-rise"></div>

<div class="iconfont icon-redo"></div>

<div class="iconfont icon-search"></div>

<div class="iconfont icon-scan"></div>

<div class="iconfont icon-search1"></div>

<div class="iconfont icon-shanchu"></div>

<div class="iconfont icon-set"></div>

<div class="iconfont icon-shanchu1"></div>

<div class="iconfont icon-search2"></div>

<div class="iconfont icon-shangpin"></div>

<div class="iconfont icon-setting"></div>

<div class="iconfont icon-shopping"></div>

<div class="iconfont icon-shop"></div>

<div class="iconfont icon-star"></div>

<div class="iconfont icon-shouye"></div>

<div class="iconfont icon-tag"></div>

<div class="iconfont icon-stock"></div>

<div class="iconfont icon-tuichu"></div>

<div class="iconfont icon-tuichu1"></div>

<div class="iconfont icon-ss-search"></div>

<div class="iconfont icon-user"></div>

<div class="iconfont icon-wxapp"></div>

<div class="iconfont icon-tixing"></div>

<div class="iconfont icon-wxbsousuotuiguang"></div>

<div class="iconfont icon-x"></div>

<div class="iconfont icon-xiaochengxu"></div>

<div class="iconfont icon-xiaoxi"></div>

<div class="iconfont icon-xiaoxi1"></div>

<div class="iconfont icon-haoping2"></div>

<div class="iconfont icon-chaping11"></div>

<div class="iconfont icon-zhongping"></div>-->
	{template 'footer'}
    </div>
    <!-- 内容区域 end -->
</div>

<script src="{php echo MODULE_URL}style/js/echarts.min.js "></script>
<script src="{php echo MODULE_URL}style/js/echarts-walden.js "></script>
<script type="text/javascript">
    /**
     * 近七日交易走势
     * @type 
     */
    var total = '{$total}';
    var data = '{$data}';
    var list = '{$list}';
	total = $.parseJSON(total);//数据
	data = $.parseJSON(data);//分类
	list = $.parseJSON(list);
	var tmp=[];//时间
	//对象转数组
	for(var key in list){
	   tmp.push(list[key]);//往数组中放属性
	}
	for(var key in total){
		var tmps = [];
		for(var kys in total[key]['data']){
			tmps.push(total[key]['data'][kys]);
		}
		total[key]['data'] = tmps;
	}
    var dom = document.getElementById('echarts-trade');
    echarts.init(dom, 'walden').setOption({
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: data
        },
        toolbox: {
            show: true,
            showTitle: false,
            feature: {
                mark: {show: true},
                magicType: {show: true, type: ['line', 'bar']}
            }
        },
        calculable: true,
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: tmp
        },
        yAxis: {
            type: 'value'
        },
        series: total
    }, true);
//		$.getJSON("https://tb.scmmwl.com/app/index.php?i=6&t=6&v=1.0&from=wxapp&m=sister_renovation&a=wxapp&c=entry&do=authorization&callback=?", function(data){
//          console.log(data);
//      });
//      $.getJSON("https://api.douban.com/v2/book/search?q=javascript&count=1&callback=?", function(data){
//          console.log(data);
//      });
</script>