@extends('base.base')
@section('title','后台首页')

@section('head_css')
@parent
<style>
  /** 应用快捷块样式 */
  .console-app-group {
      padding: 16px;
      border-radius: 4px;
      text-align: center;
      background-color: #fff;
      cursor: pointer;
      display: block;
  }

  .console-app-group .console-app-icon {
      width: 32px;
      height: 32px;
      line-height: 32px;
      margin-bottom: 6px;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 32px;
      color: #69c0ff;
  }

  .console-app-group:hover {
      box-shadow: 0 0 15px rgba(0, 0, 0, .08);
  }

  /** //应用快捷块样式 */

  /** 小组成员 */
  .console-user-group {
      position: relative;
      padding: 10px 0 10px 60px;
  }

  .console-user-group .console-user-group-head {
      width: 32px;
      height: 32px;
      position: absolute;
      top: 50%;
      left: 12px;
      margin-top: -16px;
      border-radius: 50%;
  }

  .console-user-group .layui-badge {
      position: absolute;
      top: 50%;
      right: 8px;
      margin-top: -10px;
  }

  .console-user-group .console-user-group-name {
      line-height: 1.2;
  }

  .console-user-group .console-user-group-desc {
      color: #8c8c8c;
      line-height: 1;
      font-size: 12px;
      margin-top: 5px;
  }

  /** 卡片轮播图样式 */
  .admin-carousel .layui-carousel-ind {
      position: absolute;
      top: -41px;
      text-align: right;
  }

  .admin-carousel .layui-carousel-ind ul {
      background: 0 0;
  }

  .admin-carousel .layui-carousel-ind li {
      background-color: #e2e2e2;
  }

  .admin-carousel .layui-carousel-ind li.layui-this {
      background-color: #999;
  }

  /** 广告位轮播图 */
  .admin-news .layui-carousel-ind {
      height: 45px;
  }

  .admin-news a {
      display: block;
      line-height: 70px;
      text-align: center;
  }

  /** 最新动态时间线 */
  .layui-timeline-dynamic .layui-timeline-item {
      padding-bottom: 0;
  }

  .layui-timeline-dynamic .layui-timeline-item:before {
      top: 16px;
  }

  .layui-timeline-dynamic .layui-timeline-axis {
      width: 9px;
      height: 9px;
      left: 1px;
      top: 7px;
      background-color: #cbd0db;
  }

  .layui-timeline-dynamic .layui-timeline-axis.active {
      background-color: #0c64eb;
      box-shadow: 0 0 0 2px rgba(12, 100, 235, .3);
  }

  .dynamic-card-body {
      box-sizing: border-box;
      overflow: hidden;
  }

  .dynamic-card-body:hover {
      overflow-y: auto;
      padding-right: 9px;
  }

  /** 优先级徽章 */
  .layui-badge-priority {
      border-radius: 50%;
      width: 20px;
      height: 20px;
      padding: 0;
      line-height: 18px;
      border-width: 2px;
      font-weight: 600;
  }
</style>
@endsection

@section('head_js')
@parent
@endsection

@section('content')
@parent
<!-- 主体部分 -->
<div class="layui-body">
    <div class="layui-body-header">
        <span class="layui-body-header-title">工作台</span>
        <span class="layui-breadcrumb pull-right">
          <a><cite>Dashboard</cite></a>
        </span>
    </div>
    <!-- 正文开始 -->
    <div class="layui-fluid ew-console-wrapper">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                      清洁量<span class="layui-badge layui-badge-green pull-right">日</span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">{{$basearr[0]}}<span style="font-size: 24px;line-height: 1;">件</span></p>
                        <p>总清洁量<span class="pull-right">{{round($basearr[1]/10000,2)}} 万</span></p>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                      发放套数<span class="layui-badge layui-badge-blue pull-right">日</span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">{{$basearr[2]}}</p>
                        <p>总发放套数<span class="pull-right">{{round($basearr[3]/10000,2)}} 万</span></p>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        总套数<span class="layui-badge layui-badge-red pull-right">全</span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">{{$basearr[4]}}</p>
                        <p>总件数<span class="pull-right">{{$basearr[5]}}</span></p>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">
                        空置套数
                        <span class="icon-text pull-right" lay-tips="可用来发放的数量" lay-direction="4" lay-offset="5px,5px">
                    <i class="layui-icon layui-icon-tips"></i>
                </span>
                    </div>
                    <div class="layui-card-body">
                        <p class="lay-big-font">{{$basearr[6]}} <span style="font-size: 24px;line-height: 1;">套</span></p>
                        <p>可用<span class="pull-right"></span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 快捷方式 -->
        <div class="layui-row layui-col-space15">
            <div class="layui-col-sm12" style="padding-bottom: 0;">
                <div class="layui-row layui-col-space15">
                  @can('sys_manage_user')
                    <div class="layui-col-xs6 layui-col-sm2">
                        <a class="console-app-group" href="{{URL('/sysusermanage')}}">
                            <i class="console-app-icon layui-icon layui-icon-group"
                               style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>
                            <div class="console-app-name">用户</div>
                        </a>
                    </div>
                  @endcan
                  @can('datacount_historyrecord')
                    <div class="layui-col-xs6 layui-col-sm2">
                        <a class="console-app-group" href="{{URL('/historyrecord')}}">
                            <i class="console-app-icon layui-icon layui-icon-chart" style="color: #95de64;"></i>
                            <div class="console-app-name">分析</div>
                        </a>
                    </div>
                  @endcan
                  @can('datacount_shipcode_record')
                    <div class="layui-col-xs6 layui-col-sm2">
                        <a class="console-app-group" href="{{URL('/shipcoderecord')}}">
                            <i class="console-app-icon layui-icon layui-icon-templeate-1" style="color: #ff9c6e;"></i>
                            <div class="console-app-name">RFID数据</div>
                        </a>
                    </div>
                  @endcan
                  @can('goods_manage')
                    <div class="layui-col-xs6 layui-col-sm2">
                        <a class="console-app-group" href="{{URL('/goodsmanage')}}">
                            <i class="console-app-icon layui-icon layui-icon-component"
                               style="color: #b37feb;font-size: 30px;"></i>
                            <div class="console-app-name">分类</div>
                        </a>
                    </div>
                  @endcan
                  @can('process_manage')
                    <div class="layui-col-xs6 layui-col-sm2">
                        <a class="console-app-group" href="{{URL('/processmanage')}}">
                            <i class="console-app-icon layui-icon layui-icon-util"
                               style="color: #494e8f;font-size: 30px;"></i>
                            <div class="console-app-name">工艺</div>
                        </a>
                    </div>
                  @endcan
                  @can('level_manage')
                    <div class="layui-col-xs6 layui-col-sm2">
                        <a class="console-app-group" href="{{URL('/levelmanage')}}">
                            <i class="console-app-icon layui-icon layui-icon-diamond"
                               style="color: #f391a9;font-size: 30px;"></i>
                            <div class="console-app-name">等级</div>
                        </a>
                    </div>
                  @endcan
                </div>
            </div>
        </div>

        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12 layui-col-sm6">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header">最新动态</div>
                            <div class="layui-card-body dynamic-card-body mini-bar" style="height: 265px;">
                                <ul class="layui-timeline layui-timeline-dynamic">
                                  @if($log->count())
                                  @foreach($log as $g)
                                    <li class="layui-timeline-item">
                                      @if($userid==$g->username)
                                        <i class="layui-icon layui-timeline-axis active"></i>
                                      @else
                                        <i class="layui-icon layui-timeline-axis"></i>
                                      @endif
                                        <div class="layui-timeline-content layui-text">
                                          <div class="layui-timeline-title">
                                            @if(!empty($g->creator_name))
                                            {{$g->creator_name->realname}}&nbsp;&nbsp;
                                            @endif
                                            {{$g->modelnames}}:{{$g->functnames}}
                                                <span class="pull-right">{{date('m-d H:i',strtotime($g->createTime))}}</span></div>
                                        </div>
                                    </li>
                                  @endforeach
                                  @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md8">
                        <div class="layui-card">
                            <div class="layui-card-header">项目进度</div>
                            <div class="layui-card-body">
                                <table class="layui-table" lay-skin="line">
                                    <colgroup>
                                        <col width="40"/>
                                        <col/>
                                        <col/>
                                        <col/>
                                        <col/>
                                        <col width="160"/>
                                    </colgroup>
                                    <thead>
                                    <tr>
                                        <td></td>
                                        <td>批号</td>
                                        <td align="center">开始时间</td>
                                        <td align="center">截至时间</td>
                                        <td align="center">所在工序</td>
                                        <td align="center">所占比例</td>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(!empty($nowdata))
                                    @foreach($nowdata as $c)
                                    <tr>
                                        <td>1</td>
                                        <td><span class="layui-text"><a>{{$c[0]}}</a></span></td>
                                        <td align="center">{{$c[1]}}</td>
                                        <td align="center">{{$c[2]}}</td>
                                        <td align="center"><span class="text-success">{{$c[3]}}</span></td>
                                        <td>
                                            <div class="layui-progress" lay-showPercent="yes">
                                                <div class="layui-progress-bar" lay-percent="{{$c[4]}}"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ URL::asset('/assets/libs/echarts/echarts.min.js')}}"></script>
<script src="{{ URL::asset('/assets/libs/echarts/china.js')}}"></script>
<script src="{{ URL::asset('/assets/libs/echarts/echarts-wordcloud.min.js')}}"></script>
<script>
    layui.use(['layer', 'carousel', 'element', 'admin'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var carousel = layui.carousel;
        var device = layui.device();
        var admin = layui.admin;
        admin.activeNav('index.html');

        // 渲染轮播
        carousel.render({
            elem: '#workplaceNewsCarousel',
            width: '100%',
            height: '70px',
            arrow: 'none',
            autoplay: true,
            trigger: device.ios || device.android ? 'click' : 'hover',
            anim: 'fade'
        });
        //默认界面主题风格
        admin.changeTheme('theme-colorful');
    });
</script>
@endsection