jichuangshe/server/resources/views/admin/dashboard/product.blade.php

<style type="text/css">
    .container-fluid{
        background: #fff;
        padding-bottom: 50px;
    }
    .form-inline{
        padding-top: 15px;
    }
</style>

<style type="text/css">
    .container-fluid{
        background: #fff;
        padding-bottom: 50px;
    }
    .form-inline{
        padding-top: 15px;
    }
    .tab-content.showroom{
        margin-top: 20px;
        padding: 10px 0;
        border-top: 1px solid #f4f4f4;
    }
</style>
<div class=" card" style=";padding:.25rem .4rem .4rem">
    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item">
            <a href="#product_pane" class="nav-link active">产品查看数据 </a>
        </li>
        <li class="nav-item">
            <a href="javascript:;" class="nav-link redirect" data-toggle="tab">展厅查看数据</a>
        </li>
        <li class="nav-item pull-right header"></li>
    </ul>

    <div class="tab-content" style="">
        <div class="tab-pane active" id="product_pane">
            <div class="container-fluid">
                <form class="form-inline product-form" action="#">
                    <div class="form-group col-sm-3">
                        <div class="input-group input-group-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg-white text-capitalize"><b>时间</b>&nbsp;<i class="feather icon-calendar"></i></span>
                            </div>
                            <input autocomplete="off" type="text" class="form-control datepicker" id="filter-column-name-start" placeholder="时间" name="name[start]" value="">
                            <span class="input-group-addon" style="border-left: 0; border-right: 0;">To</span>
                            <input autocomplete="off" type="text" class="form-control datepicker" id="filter-column-name-end" placeholder="时间" name="name[end]" value="">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group input-group-sm">
                            <div class="input-group-prepend">
                                <span class="input-group-text bg-white text-capitalize"><b>用户名</b></span>
                            </div>
                            <input type="text" class="form-control filter-column-name" placeholder="用户名" name="name" value="">
                        </div>
                    </div>
                    <button class="btn btn-primary btn-sm btn-mini product-search" type="button" style="margin-left: 12px">
                        <i class="feather icon-search"></i><span class="d-none d-sm-inline">&nbsp;&nbsp;搜索</span>
                    </button>
                    <button style="margin-left: 6px" type="reset" class="reset btn btn-white btn-sm ">
                        <i class="feather icon-rotate-ccw"></i><span class="d-none d-sm-inline">&nbsp;&nbsp;重置</span>
                    </button>
                </form>
                <ul class="nav nav-tabs" role="tablist">
                    @foreach ($categories as $key => $category)
                        <li role="presentation" class="nav-item">
                            <a href="#cate{{ $category->id }}" class="nav-link  {{$key == 0 ? 'active' :''}}"  data-toggle="tab">{{ $category->name }}</a>
                        </li>
                    @endforeach
                </ul>
                <div class="tab-content">
                    @foreach ($categories as $key => $category)
                        <div role="tabpanel" class="tab-pane {{$key == 0 ? 'active' :''}}" id="cate{{$category->id}}">
                            @foreach ($category->products as $product)
                                <button type="button" class="btn btn-default btn-product" data-id="{{$product->id}}" style="margin: 5px 0;">{{$product->name}}</button>
                            @endforeach
                        </div>
                    @endforeach
                </div>

                <div class="col-md-12" style="margin: 0;padding: 0;">
                    <div id="analyze" style="height: 660px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    document.querySelector('.redirect').onclick =  function() {
        window.location.href = '/admin/dashboard/view?product=0'
    }
</script>