hebei-chengben-car/modules/admin/views/default/dashboard.php

<?php
use app\assets\CoreAsset;
use app\assets\PluginsAsset;
$asset = CoreAsset::register($this);
$assetsUrl = $asset->baseUrl;
$pluginsAsset = PluginsAsset::register($this);
$pluginsUrl = $pluginsAsset->baseUrl;
?>
<style>
.hfont{line-height:30px;font-weight: bold;font-size:25px;}
.bold600{font-weight:600;}
.hfont1 {
    line-height: 30px;
    font-weight: 500;
    font-size: 18px;
}
.form-select-group .dselect-wrapper .form-select{border-top-right-radius: 0;border-bottom-right-radius:0;}
</style>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="d-flex">
                            <div class="flex-shrink-0 me-3">
                                <img src="<?php echo getThumb($userInfo['avatar'],200,200,2);?>"  class="avatar-md rounded-circle img-thumbnail">
                            </div>
                            <div class="flex-grow-1 align-self-center">
                                <div class="text-muted">
                                    <p class="mb-2">欢迎进入<?php echo Yii::t("admin","system name");?>后台面板</p>
                                    <h5 class="mb-1" style="font-weight: bold;"><?php echo $userInfo['real_name'];?></h5>
                                    <p class="mb-0"><?php echo $userInfo['role_name'];?></p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6 align-self-center">
                        <div class="text-lg-center mt-4 mt-lg-0">
                            <div class="row">
                                <div class="col-3">
                                    <div>
                                        <p class="text-muted text-truncate mb-2">销售总额</p>
                                        <h5 class="mb-0 "><span class="bold600"><?php echo number_format($totalSalesMoney,2).'元';?></span></h5>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div>
                                        <p class="text-muted text-truncate mb-2">文档数</p>
                                        <h5 class="mb-0"><span class="bold600"><?php echo $docNum;?></span></h5>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div>
                                        <p class="text-muted text-truncate mb-2">订单数</p>
                                        <h5 class="mb-0"><span class="bold600"><?php echo $orderNum;?></span></h5>
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div>
                                        <p class="text-muted text-truncate mb-2">注册用户</p>
                                        <h5 class="mb-0"><span class="bold600"><?php echo $userNum;?></span></h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-2 d-none d-lg-block">
                        <div class="clearfix mt-4 mt-lg-0">
                            <div class="dropdown float-end">
                                <a href="<?php echo Yii::$app->controller->createRealUrl('datacenter/default/user');?>">
                                    <button class="btn btn-primary" type="button" >
                                        <i class="bx bx-bar-chart-alt align-middle me-1"></i> 查看详细
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </div>
        </div>
    </div>
</div>
<!-- end row -->
<div class="row">
    <div class="col-xl-12">
        <div class="row">
            <div class="col-sm-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-3">
                            <div class="avatar-xs me-3">
                                <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
                                    <i class="bx bx-user"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0 ">今日注册用户</h5>
                        </div>
                        <div class="text-muted">
                            <h4><span class="hfont"><?php echo $todayRegisterNum;?></span><i class="mdi mdi-chevron-<?php echo strpos($todayRegisterPercents,'+')!==false?'up':'down'; ?> ms-1 text-<?php echo strpos($todayRegisterPercents,'+')!==false?'success':'danger'; ?> "></i></h4>
                            <div class="d-flex mt-1">
                                <span class="badge badge-soft-<?php echo strpos($todayRegisterPercents,'+')!==false?'success':'danger'; ?> font-size-12"> <?php echo $todayRegisterPercents;?> </span> <span class="ms-2 text-truncate">对比昨日</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-3">
                            <div class="avatar-xs me-3">
                                <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
                                   <i class="bx bx-upload"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">今日上传文档</h5>
                        </div>
                        <div class="text-muted">
                            <h4><span class="hfont"><?php echo $todayUploadNum;?></span><i class="mdi mdi-chevron-<?php echo strpos($todayUploadPercents,'+')!==false?'up':'down'; ?> ms-1 text-<?php echo strpos($todayUploadPercents,'+')!==false?'success':'danger'; ?> "></i></h4>
                            <div class="d-flex mt-1">
                                <span class="badge badge-soft-<?php echo strpos($todayUploadPercents,'+')!==false?'success':'danger'; ?> font-size-12"> <?php echo $todayUploadPercents;?> </span> <span class="ms-2 text-truncate">对比昨日</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-3">
                            <div class="avatar-xs me-3">
                                <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
                                    <i class="bx bx-archive-in"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">今日下载文档</h5>
                        </div>
                        <div class="text-muted">
                            <h4><span class="hfont"><?php echo $todayPayNum;?></span><i class="mdi mdi-chevron-<?php echo strpos($todaypayPercents,'+')!==false?'up':'down'; ?> ms-1 text-<?php echo strpos($todaypayPercents,'+')!==false?'success':'danger'; ?> "></i></h4>
                            <div class="d-flex mt-1">
                                <span class="badge badge-soft-<?php echo strpos($todaypayPercents,'+')!==false?'success':'danger'; ?> font-size-12"> <?php echo $todaypayPercents;?> </span> <span class="ms-2 text-truncate">对比昨日</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-3">
                <div class="card">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-3">
                            <div class="avatar-xs me-3">
                                <span class="avatar-title rounded-circle bg-primary bg-soft text-primary font-size-18">
                                    <i class="bx bx-purchase-tag-alt"></i>
                                </span>
                            </div>
                            <h5 class="font-size-14 mb-0">今日销售额</h5>
                        </div>
                        <div class="text-muted">
                            <h4><span class="hfont"><?php echo number_format($todaySales);?></span><i class="mdi mdi-chevron-<?php echo strpos($todaysalesPercents,'+')!==false?'up':'down'; ?> ms-1 text-<?php echo strpos($todaysalesPercents,'+')!==false?'success':'danger'; ?> "></i></h4>
                            <div class="d-flex mt-1">
                                <span class="badge badge-soft-<?php echo strpos($todaysalesPercents,'+')!==false?'success':'danger'; ?> font-size-12"> <?php echo $todaysalesPercents;?> </span> <span class="ms-2 text-truncate">对比昨日</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->
    </div>
</div>

<div class="row">
    <div class="col-xl-8">
        <div class="card">
            <div class="card-body">
                <div class="clearfix">
                    <div class="float-end" style="display: none">
                        <div class="input-group input-group-sm form-select-group">
                            <select class="form-select form-select-sm" >
                                <?php if(is_array($monthList))foreach($monthList as $k=>$month){?>
                                <option value="<?php echo $month;?>" <?php if($k==0){?> selected <?php }?>><?php echo $month;?></option>
                                <?php }?>
                            </select>
                            <label class="input-group-text" >月份</label>
                        </div>
                    </div>
                    <h4 class="card-title mb-4" >本月销售额明细</h4>
                </div>
                <div class="row">
                    <div class="col-lg-4" style="display:none">
                        <div class="text-muted">
                            <div class="mb-4">
                                <p>本月</p>
                                <h4><span class="hfont1">¥<?php echo number_format($monthSales,2);?></span></h4>
                                <div><span class="badge badge-soft-success font-size-12 me-1"> <?php echo $monthsalesPercents;?> </span> 对比上月</div>
                            </div>
                            <div>
                                <a href="javascript: void(0);" class="btn btn-primary waves-effect waves-light btn-sm">查看详细 <i class="mdi mdi-chevron-right ms-1"></i></a>
                            </div>

                            <div class="mt-4">
                                <p class="mb-2">上月</p>
                                <h5><span class="hfont1">¥<?php echo number_format($premonthSales,2);?></span></h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div id="line-chart" class="apex-charts" dir="ltr"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-4">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">本月销售额统计</h4>
                <div>
                    <div id="donut-chart" class="apex-charts"></div>
                </div>
                <div class="text-center text-muted">
                    <div class="row">
                        <div class="col-4">
                            <div class="mt-4">
                                <p class="mb-2 text-truncate"><i class="mdi mdi-circle text-danger me-1"></i> 购买VIP</p>
                                <h5>¥ <?php echo number_format($monthVipSales,2);?></h5>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mt-4">
                                <p class="mb-2 text-truncate"><i class="mdi mdi-circle text-primary me-1"></i> <?php echo Yii::$app->params['coin']['coin_name'];?>充值</p>
                                <h5>¥ <?php echo number_format($monthCoinSales,2);?></h5>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="mt-4">
                                <p class="mb-2 text-truncate"><i class="mdi mdi-circle text-success me-1"></i> 购买文档</p>
                                <h5>¥ <?php echo number_format($monthDocSales,2);?></h5>
                            </div>
                        </div>

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

<div class="row">
    <div class="col-lg-4" >
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">业绩分析</h4>
                <div class="text-muted">
                    <div class="mb-4">
                        <p>本月销售额</p>
                        <h4><span class="hfont1">¥<?php echo number_format($monthSales,2);?></span></h4>
                        <div><span class="badge badge-soft-<?php echo strpos($monthsalesPercents,'+')!==false?'success':'danger'; ?> font-size-12 me-1"> <?php echo $monthsalesPercents;?> </span> 对比上月</div>
                    </div>
                    <div>
                        <a href="<?php echo Yii::$app->controller->createRealUrl('datacenter/default/sales');?>" class="btn btn-primary waves-effect waves-light btn-sm">查看详细 <i class="mdi mdi-chevron-right ms-1"></i></a>
                    </div>
                    <div class="mt-4">
                        <p class="mb-2">上月销售额</p>
                        <h5><span class="hfont1">¥<?php echo number_format($premonthSales,2);?></span></h5>
                    </div>
                </div>
                <div class="row" style="margin-top:20px;">
                    <div class="col-sm-6">
                        <p class="text-muted">本月提现</p>
                        <h3 class="mt-1"><span class="hfont1">¥<?php echo number_format($monthWithdraw,2);?></span></h3>
                        <p class="text-muted mt-1"><span class="text-success me-2"> <?php echo $monthwithdrawPercents;?><i class="mdi mdi-arrow-<?php echo strpos($monthwithdrawPercents,'+')!==false?'up':'down'; ?>"></i> </span> 对比上月</p>
                    </div>
                    <div class="col-sm-6">
                        <div class="mt-4 mt-sm-0">
                            <div id="radialBar-chart" class="apex-charts"></div>
                        </div>
                    </div>
                </div>
                <p class="text-muted mb-0 mt-4">&nbsp;</p>
             </div>
        </div>
    </div>
    <div class="col-lg-8">
        <div class="card">
            <div class="card-body">
                <div class="d-sm-flex flex-wrap">
                    <h4 class="card-title mb-4">用户统计</h4>
                    <div class="ms-auto" style="display:none">
                        <ul class="nav nav-pills">
                            <li class="nav-item">
                                <a class="nav-link" href="#">Week</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#">Month</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link active" href="#">Year</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="user-chart" class="apex-charts" dir="ltr"></div>
            </div>
        </div>
    </div>
</div>



<!-- container-fluid -->
<script src="<?php echo $assetsUrl;?>/libs/apexcharts/apexcharts.min.js"></script>
<script>
var salespie = [<?php echo $monthVipSales+$monthCouponSales;?>,<?php echo $monthCoinSales;?>,<?php echo $monthDocSales;?>];
var salespie_lables = ['购买VIP','<?php echo Yii::$app->params['coin']['coin_name'];?>充值','购买文档','VIP兑换券'];
var dayssales = [];
var days_registernum = [];
var days_loginnum = [];
var days_vipnum = [];
var dayslables = [];
<?php if(is_array($daysData))foreach($daysData as $unitDayData){?>
dayssales[dayssales.length] = <?php echo floatval($unitDayData['salesnum']);?>;
dayslables[dayslables.length] = '<?php echo get_date(str_to_time($unitDayData['date']),'m-d');?>';
days_registernum[days_registernum.length] = '<?php echo $unitDayData['registernum'];?>';
days_loginnum[days_loginnum.length] = '<?php echo $unitDayData['loginnum'];?>';
days_vipnum[days_vipnum.length] = '<?php echo $unitDayData['vipnum'];?>';
<?php }?>
var daysales_options = {
    chart: {
        height: 308,
        type: "line",
        zoom: {
            enabled: !1
        },
        toolbar: {
            show: !1
        }
    },
    colors: ["#556ee6"],
    dataLabels: {
        enabled: !1
    },
    stroke: {
        width: [3],
        curve: "smooth",
        dashArray: [0]
    },
    series: [
         {
            name: "销售额",
            data: dayssales
         }
    ],
    title: {
        text: "单日销售统计",
        align: "left",
        style: {
            fontWeight: "500"
        }
    },
    markers: {
        size: 0,
        hover: {
            sizeOffset: 6
        }
    },
    xaxis: {
        categories: dayslables
    },
    tooltip: {
        y: [
             {
                title: {
                    formatter: function(e) {
                        return e + " (元)"
                    }
                }
             }
           ]
    },
    grid: {
        borderColor: "#f1f1f1"
    }
};
var saleschart = new ApexCharts(document.querySelector("#line-chart"), daysales_options);
saleschart.render();
var salespie_options = {
    series: salespie,
    chart: {
        type: "donut",
        height: 262
    },
    labels: salespie_lables,
    colors: ["#f46a6a", "#556ee6", "#34c38f"],
    legend: {
        show: !1
    },
    plotOptions: {
        pie: {
            donut: {
                size: "70%"
            }
        }
    }
};
var salespie_chart = new ApexCharts(document.querySelector("#donut-chart"), salespie_options);
salespie_chart.render();

var useroptions = {
    chart: {
        height: 342,
        type: "bar",
        stacked: !0,
        toolbar: {
            show: !1
        },
        zoom: {
            enabled: !0
        }
    },
    plotOptions: {
        bar: {
            horizontal: !1,
            columnWidth: "35%",
            endingShape: "rounded"
        }
    },
    dataLabels: {
        enabled: !1
    },
    series: [{
        name: "注册用户数",
        data: days_registernum
    }, {
        name: "登录用户数",
        data: days_loginnum
    }, {
        name: "购买VIP用户数",
        data: days_vipnum
    }],
    xaxis: {
        categories: dayslables
    },
    colors: ["#556ee6", "#f1b44c", "#34c38f"],
    legend: {
        position: "bottom"
    },
    fill: {
        opacity: 1
    }
};
var userchart = new ApexCharts(document.querySelector("#user-chart"), useroptions);
userchart.render();
</script>