@extends('daili.AdminBase')
@section('content')
<div id="app"><div id="main" style="margin: 24px;"><div class="ivu-row">

<div style="height:200px;">
  <div class="ivu-col ivu-col-span-6" style="padding-left: 12px; padding-right: 12px;">
    <div class="ivu-card ivu-card-bordered ivu-card-dis-hover">
      <div class="ivu-card-head"><p>账户余额</p></div>

      <div class="ivu-card-body">  <span class="ivu-numeral" style="font-size: 30px;">{{$dailiInfo['price']}}</span>

<div class="ivu-divider ivu-divider-horizontal ivu-divider-default" style="margin: 8px 0px;"></div>

        </div>
    </div>
      </div>
      <div class="ivu-col ivu-col-span-6" style="padding-left: 12px; padding-right: 12px;">
        <div class="ivu-card ivu-card-bordered ivu-card-dis-hover">
          <div class="ivu-card-head"><p>冻结资金</p></div>

          <div class="ivu-card-body">  <span class="ivu-numeral" style="font-size: 30px;">{{$dailiInfo['frozen_amount']}}</span>

<div class="ivu-divider ivu-divider-horizontal ivu-divider-default" style="margin: 8px 0px;"></div>

            </div>
        </div>
          </div>

  <div class="ivu-col ivu-col-span-6" style="padding-left: 12px; padding-right: 12px;">
    <div class="ivu-card ivu-card-bordered ivu-card-dis-hover">
      <div class="ivu-card-head"><p>今日收益</p></div>

      <div class="ivu-card-body">  <span class="ivu-numeral" style="font-size: 30px;">{{$data['order_day_success_money_in']}}</span>

          <div class="ivu-divider ivu-divider-horizontal ivu-divider-default" style="margin: 8px 0px;"></div>

        </div>
    </div>
      </div>
</div>

<div style=" height:25px; clear:both; ">
  <div class="ivu-col ivu-col-span-6" style="padding-left: 12px; padding-right: 12px;  clear:both">
    <div class="ivu-card ivu-card-bordered ivu-card-dis-hover">
      <div class="ivu-card-head"><p>订单量</p></div>
      <div class="ivu-card-extra"><div class="ivu-tag ivu-tag-blue ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">月</span> </div></div>
      <div class="ivu-card-body">  <span class="ivu-numeral" style="font-size: 30px;">{{$data['order_success_num']}}</span>
        <div class="ivu-pt-8" style="height: 42px; padding-top: 8px !important;"><span style="display: inline-block;">
          月同比
          <div class="ivu-trend ivu-trend-down ivu-trend-colorful"><span class="ivu-trend-text">{{$data['monthly_comparison']}}</span><i class="ivu-trend-flag ivu-icon ivu-icon-md-arrow-dropdown"></i></div></span></div>
          <div class="ivu-divider ivu-divider-horizontal ivu-divider-default" style="margin: 8px 0px;"></div>
          <div>
            <div class="ivu-row">
              <div class="ivu-col ivu-col-span-12">总订单量</div>
              <div class="ivu-text-right ivu-col ivu-col-span-12">{{$data['order_success_num']}} 个</div>
            </div>
          </div>
        </div>
    </div>
      </div>
      <div class="ivu-col ivu-col-span-6" style="padding-left: 12px; padding-right: 12px;">
        <div class="ivu-card ivu-card-bordered ivu-card-dis-hover">
        <div class="ivu-card-head"><p>订单额</p></div>
        <div class="ivu-card-extra"><div class="ivu-tag ivu-tag-green ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">日</span> </div></div>
        <div class="ivu-card-body">  <span class="ivu-numeral" style="font-size: 30px;">¥{{$data['order_day_success_money']}}</span>
          <div class="ivu-pt-8" style="height: 42px; padding-top: 8px !important;">
            <div class="ivu-progress ivu-progress-normal ivu-progress-show-info">
              <div class="ivu-progress-outer">
                <div class="ivu-progress-inner">
                  <div class="ivu-progress-bg" style="width: 0%; height: 10px;"></div>
                  <div class="ivu-progress-success-bg" style="width: 0%; height: 10px;"></div>
                </div>
              </div>
              <span class="ivu-progress-text"><span class="ivu-progress-text-inner">
                {{$data['order_day_success_money_comparison']}}%</span></span>
            </div>
          </div>
            <div class="ivu-divider ivu-divider-horizontal ivu-divider-default" style="margin: 8px 0px;"></div>
            <div>
              <div class="ivu-row"><div class="ivu-col ivu-col-span-12">总订单额</div>
                <div class="ivu-text-right ivu-col ivu-col-span-12">{{$data['order_success_money']}}元</div>
              </div>
            </div>
          </div>

          </div>
        </div>


            <div class="ivu-col ivu-col-span-6" style="padding-left: 12px; padding-right: 12px; ">
              <div class="ivu-card ivu-card-bordered ivu-card-dis-hover">
                <div class="ivu-card-head"><p>新增商户</p></div>
                <div class="ivu-card-extra"><div class="ivu-tag ivu-tag-blue ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">月</span> </div></div>
                <div class="ivu-card-body">  <span class="ivu-numeral" style="font-size: 30px;">{{$data['member_regmonth_num']}} 位</span>
                  <div class="ivu-pt-8" style="height: 42px; padding-top: 8px !important;">
                    <?php foreach ($data['member_regtop3'] as $d) {?>
                    <div class="ivu-tag ivu-tag-primary ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">ID:<?php echo $d->Id?></span> </div>

                  <?php } ?>
                  </div>
                  <div class="ivu-divider ivu-divider-horizontal ivu-divider-default" style="margin: 8px 0px;"></div>
                  <div><div class="ivu-row"><div class="ivu-col ivu-col-span-12">总商户</div> <div class="ivu-text-right ivu-col ivu-col-span-12">{{$data['member_num']}}人</div></div></div>
                </div>
              </div>
            </div>
        </div>
            <!--
            <div class="ivu-col ivu-col-span-6" style="padding-left: 12px; padding-right: 12px;"><div class="ivu-card ivu-card-bordered ivu-card-dis-hover"><div class="ivu-card-head"><p>新增码商</p></div> <div class="ivu-card-extra"><div class="ivu-tag ivu-tag-blue ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">月</span> </div></div> <div class="ivu-card-body">  <span class="ivu-numeral" style="font-size: 30px;">5 位</span> <div class="ivu-pt-8" style="height: 42px; padding-top: 8px !important;"> <div class="ivu-tag ivu-tag-primary ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">ID:10</span> </div><div class="ivu-tag ivu-tag-primary ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">ID:9</span> </div><div class="ivu-tag ivu-tag-primary ivu-tag-checked"> <span class="ivu-tag-text ivu-tag-color-white">ID:8</span> </div></div> <div class="ivu-divider ivu-divider-horizontal ivu-divider-default" style="margin: 8px 0px;"></div> <div><div class="ivu-row"><div class="ivu-col ivu-col-span-12">总码商</div> <div class="ivu-text-right ivu-col ivu-col-span-12">5人</div></div></div></div></div></div>
          -->
          </div>
            <!--
            <div class="ivu-row dashboard-console-grid"><div class="ivu-col ivu-col-span-3 ivu-col-offset-3" style="padding-left: 12px; padding-right: 12px;"><div class="ivu-card ivu-card-bordered">  <div class="ivu-card-body"><a href="/memberlist"><i class="ivu-icon ivu-icon-md-people" style="color: rgb(105, 192, 255);"></i> <p>商户</p></a></div></div></div> <div class="ivu-col ivu-col-span-3" style="padding-left: 12px; padding-right: 12px;"><div class="ivu-card ivu-card-bordered">  <div class="ivu-card-body"><a href="/merchantlist"><i class="ivu-icon ivu-icon-md-person" style="color: rgb(92, 219, 211);"></i> <p>码商</p></a></div></div></div> <div class="ivu-col ivu-col-span-3" style="padding-left: 12px; padding-right: 12px;"><div class="ivu-card ivu-card-bordered">  <div class="ivu-card-body"><a href="/statistics"><i class="ivu-icon ivu-icon-md-podium" style="color: rgb(149, 222, 100);"></i> <p>统计</p></a></div></div></div> <div class="ivu-col ivu-col-span-3" style="padding-left: 12px; padding-right: 12px;"><div class="ivu-card ivu-card-bordered">  <div class="ivu-card-body"><a href="/order_record"><i class="ivu-icon ivu-icon-md-clipboard" style="color: rgb(179, 127, 235);"></i> <p>订单</p></a></div></div></div> <div class="ivu-col ivu-col-span-3" style="padding-left: 12px; padding-right: 12px;"><div class="ivu-card ivu-card-bordered">  <div class="ivu-card-body"><a href="/diecode"><i class="ivu-icon ivu-icon-md-card" style="color: rgb(92, 219, 211);"></i> <p>通道</p></a></div></div></div> <div class="ivu-col ivu-col-span-3" style="padding-left: 12px; padding-right: 12px;"><div class="ivu-card ivu-card-bordered">  <div class="ivu-card-body"><a href="/site"><i class="ivu-icon ivu-icon-md-switch" style="color: rgb(255, 192, 105);"></i> <p>配置</p></a></div></div></div></div>
          -->
            <!--
            <div class="dashboard-console-visit ivu-card ivu-card-bordered ivu-card-dis-hover" style="margin-top: 15px;"><div class="ivu-card-head"><div><div class="code-row-bg ivu-row-flex ivu-row-flex-middle ivu-row-flex-center"><div class="ivu-col ivu-col-span-8"><span class="ivu-avatar ivu-avatar-circle ivu-avatar-default ivu-avatar-icon" style="color: rgb(24, 144, 255); background-color: rgb(230, 247, 255);"><i class="ivu-icon ivu-icon-ios-podium"></i></span> <span class="ivu-pl-8">订单额</span></div> <div class="ivu-col ivu-col-span-16 ivu-text-right"><div name="ivuRadioGroup_1572484647094_0" class="ivu-radio-group ivu-radio-group-default ivu-radio-default ivu-radio-group-button"><label class="ivu-radio-wrapper ivu-radio-group-item ivu-radio-wrapper-checked ivu-radio-default"><span class="ivu-radio ivu-radio-checked"><span class="ivu-radio-inner"></span> <input type="radio" class="ivu-radio-input" name="ivuRadioGroup_1572484647094_0"></span>一周</label> <label class="ivu-radio-wrapper ivu-radio-group-item ivu-radio-default"><span class="ivu-radio"><span class="ivu-radio-inner"></span> <input type="radio" class="ivu-radio-input" name="ivuRadioGroup_1572484647094_0"></span>半月</label> <label class="ivu-radio-wrapper ivu-radio-group-item ivu-radio-default"><span class="ivu-radio"><span class="ivu-radio-inner"></span> <input type="radio" class="ivu-radio-input" name="ivuRadioGroup_1572484647094_0"></span>整月</label></div></div></div></div></div>  <div class="ivu-card-body"> <div><div class="ivu-row" style="margin-right: -12px;"><div class="ivu-col ivu-col-span-16" style="padding-left: 12px; padding-right: 12px;"><h4>订单额趋势</h4> <div class="ve-histogram" style="width: auto; height: 400px; position: relative;"><div class="" style="width: auto; height: 400px; position: relative; -webkit-tap-highlight-color: transparent; user-select: none;" _echarts_instance_="ec_1572484647338"><div style="position: relative; overflow: hidden; width: 1066px; height: 400px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"><canvas data-zr-dom-id="zr_0" width="1066" height="400" style="position: absolute; left: 0px; top: 0px; width: 1066px; height: 400px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font: 14px/21px &quot;Microsoft YaHei&quot;; padding: 5px; left: 643px; top: 268px; pointer-events: none;">10-29<br><span style="background-color:#19d4ae;display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right:2px;"></span>订单金额: 0<br></div></div><div class="v-charts-data-empty" style="display: none;"> 暂无数据 </div><div class="v-charts-component-loading" style="display: none;"><div class="loader"><div class="loading-spinner"><svg viewBox="25 25 50 50" class="circular"><circle cx="50" cy="50" r="20" fill="none" class="path"></circle></svg></div></div></div></div></div> <div class="ivu-col ivu-col-span-8" style="padding-left: 12px; padding-right: 12px;"><h4>码商出单排行</h4> <div style="height: 240px;"><ul><li><div class="ivu-tag ivu-tag-primary ivu-tag-dot ivu-tag-checked"><span class="ivu-tag-dot-inner"></span> <span class="ivu-tag-text">当前无排行</span> </div></li></ul></div></div></div></div></div></div>
          -->
          </div></div>
               @include('public.Javascript')
@endsection
