hainan/app/AdminAgent/Controllers/FinanceStatisticsController...

<?php

namespace App\AdminAgent\Controllers;

use App\AdminAgent\Metrics\Examples\FinanceStatistics;
use App\AdminAgent\Metrics\Examples\ProductStatistics;
use App\Common\OrderStatus;
use App\Models\Order;
use App\Models\OrderProductItem;
use Dcat\Admin\Admin;
use Dcat\Admin\Layout\Column;
use Dcat\Admin\Layout\Content;
use Dcat\Admin\Layout\Row;
use Dcat\Admin\Http\Controllers\AdminController;
use Dcat\Admin\Widgets\Box;
use Dcat\Admin\Widgets\Card;
use Dcat\Admin\Widgets\Dropdown;
use Illuminate\Support\Arr;
use Illuminate\Support\Str;

class FinanceStatisticsController extends AdminController
{
	public function index(Content $content)
	{
		Admin::style(
			<<<CSS
            .col-sm-12.d-flex{
                    display: inline-block !important;
            }
            CSS
		);

		//数据

		//金额
		$price = Order::query()->where('agent_id',Admin::user()->id)->complete()->sum('price');

		//利润
		$costPrice = OrderProductItem::query()->where('agent_id',Admin::user()->id)->whereHas('order',function ($query) {
			$query->complete();
		})->sum('price');
		$profit = bcsub($price,$costPrice,2);

		//已完成订单
		$count = Order::query()->where('agent_id',Admin::user()->id)->complete()->count();
		return $content
			->body(
				<<<HTML
                    <div class="content-header">
                                <section class="content-header breadcrumbs-top">
                                        <h1 class=" float-left">
                                    <span class="text-capitalize">财务统计</span>

                                </h1>
                    <div class="clearfix"></div>

                        </section>
                        </div>
                HTML

			)
			->body(function (Row $row) use ($price, $profit, $count) {

				$row->column(4, function (Column $column) use ($price) {
					$column->row(Card::make('金额', function () use ($price) {
						return <<<HTML
<div class="d-flex justify-content-between align-items-center mt-1" style="margin-bottom: 2px">
    <h2 class="ml-1 font-large-1 text-primary">$price</h2>
</div>
HTML;
					}));
				});

				$row->column(4, function (Column $column) use ($profit) {
					$column->row(Card::make('利润', function () use ($profit) {
						return <<<HTML
<div class="d-flex justify-content-between align-items-center mt-1" style="margin-bottom: 2px">
    <h2 class="ml-1 font-large-1 text-primary">$profit</h2>
</div>
HTML;
					}));

				});

				$row->column(4, function (Column $column) use ($count) {
					$column->row(Card::make('已完成订单', function () use ($count) {
						return <<<HTML
<div class="d-flex justify-content-between align-items-center mt-1" style="margin-bottom: 2px">
    <h2 class="ml-1 font-large-1 text-primary">$count</h2>
</div>
HTML;
					}));

				});

			})
			->body(function (Row $row){
				// 构建下拉菜单，当点击菜单时发起请求获取数据重新渲染图表
				$menu = [
					'1' => '日',
					'30' => '月',
					'365' => '年',
				];
				$buttonName = '日';
				if (Arr::exists($menu, \request()->input('time_key', ''))) {
					$buttonName = $menu[\request()->input('time_key')];
				}

				$dropdown = Dropdown::make($menu)
					->button(current($menu))
					->button($buttonName)
					->click()
					->map(function ($v, $k) {
						$querys = \request()->all();
						$querys['time_key'] = $k;
						$queryString = http_build_query($querys);
						$str = Str::replaceFirst('admin-agent/','',request()->path());
						$url = admin_url($str.'?'.$queryString);
						// 此处设置的 data-xxx 属性会作为post数据发送到后端api
						return "<a class='switch-bar' data-option='{$k}' href='$url'>{$v}</a>";
					});

				// 传递自定义参数

				$bar = FinanceStatistics::make()
					->fetching('$("#my-box").loading()') // 设置loading效果
					->fetched('$("#my-box").loading(false)') // 移除loading效果
					->click('.switch-bar'); // 设置图表点击菜单则重新发起请求，且被点击的目标元素上的 data-xxx 属性会被作为post数据发送到后端API

				$box = Box::make('成本总额图表', $bar)
					->id('my-box') // 设置盒子的ID
					->tool($dropdown); // 设置下拉菜单按钮

				$row->column(12, $box);
			});
    }
}