diff --git a/app/AdminAgent/Controllers/FinanceStatisticsController.php b/app/AdminAgent/Controllers/FinanceStatisticsController.php index f433aaa..c660070 100755 --- a/app/AdminAgent/Controllers/FinanceStatisticsController.php +++ b/app/AdminAgent/Controllers/FinanceStatisticsController.php @@ -3,6 +3,7 @@ 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; @@ -11,7 +12,11 @@ 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 { @@ -90,8 +95,43 @@ HTML; }) ->body(function (Row $row){ - $row->column(12,new FinanceStatistics() - ); - }); + // 构建下拉菜单，当点击菜单时发起请求获取数据重新渲染图表 + $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 "{$v}"; + }); + + // 传递自定义参数 + + $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); + }); } } diff --git a/app/AdminAgent/Metrics/Examples/FinanceStatistics.php b/app/AdminAgent/Metrics/Examples/FinanceStatistics.php index 3f7f50b..1031453 100644 --- a/app/AdminAgent/Metrics/Examples/FinanceStatistics.php +++ b/app/AdminAgent/Metrics/Examples/FinanceStatistics.php @@ -5,90 +5,26 @@ namespace App\AdminAgent\Metrics\Examples; use App\Common\OrderStatus; use App\Models\Order; use Dcat\Admin\Admin; +use Dcat\Admin\Widgets\ApexCharts\Chart; use Dcat\Admin\Widgets\Metrics\Bar; use Illuminate\Http\Request; use Illuminate\Support\Arr; use Illuminate\Support\Facades\DB; -class FinanceStatistics extends Bar +class FinanceStatistics extends Chart { - /** - * 初始化卡片内容 - */ - protected function init() - { - parent::init(); + public function __construct() + { + parent::__construct(); + $this->setUpOptions(); + } - $color = Admin::color(); - // 卡片内容宽度 - $this->contentWidth(0, 12); - // 标题 - //$this->title('财务统计'); - $this->chartHeight = 500; - // 设置下拉选项 - $this->dropdown([ - '1' => '日', - '30' => '月', - '365' => '年', - ]); - // 设置图表颜色 - $this->chartColors([ - $color->green(), - ]); - } - - /** - * 处理请求 - * - * @param Request $request - * - * @return mixed|void - */ - public function handle(Request $request) - { - $query = Order::query() - ->where('agent_id',Admin::user()->id) - ->complete() - ->select('*'); - switch ($request->get('option')) { - case '1': - $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); - break; - case '30': - $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at)) AS statistics_time")); - break; - case '365': - $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at)) AS statistics_time")); - break; - default: - $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); - } - $order = $query->groupBy('statistics_time') - ->orderBy('created_at') - ->get() - ->toArray(); - $this->withChart( - Arr::pluck($order,'sum_price') - ); - $this->chartLabels( - Arr::pluck($order,'statistics_time') - ); - } - - /** - * 设置图表数据. - * - * @param array $data - * - * @return $this - */ - public function withChart(array $data) - { - return $this->chart([ - 'series' => [[ - 'name' => '金额', - 'data' => $data - ]], + /** + * 初始化图表配置 + */ + protected function setUpOptions() + { + $this->options([ 'chart' => [ //'width' => '180%', 'type' => 'bar', @@ -96,7 +32,6 @@ class FinanceStatistics extends Bar ], 'toolbar' => ['show' => false], ], - 'colors' => $this->colors, 'plotOptions' => [ 'bar' => [ //'columnWidth' => '45%', @@ -116,7 +51,6 @@ class FinanceStatistics extends Bar 'labels' => [ 'show' => true, 'style' => [ - 'colors' => $this->colors, 'fontSize' => '12px' ] ], @@ -127,7 +61,82 @@ class FinanceStatistics extends Bar 'tooltip' => [ 'x' => ['show' => true], ], - ]); - } + } + + /** + * 处理图表数据 + */ + protected function buildData() + { + $query = Order::query() + ->where('agent_id',Admin::user()->id) + ->complete() + ->select('*'); + + $dateTime = request('created_at', 0); + if ($dateTime) { + $query->whereBetween('created_at',$dateTime); + } + + switch (request('time_key', 0)) { + case '1': + $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); + break; + case '30': + $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at)) AS statistics_time")); + break; + case '365': + $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at)) AS statistics_time")); + break; + default: + $query->addSelect(DB::raw("sum(price) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); + } + $order = $query->groupBy('statistics_time') + ->orderBy('created_at') + ->get() + ->toArray(); + + + $this->withData([ + [ + 'name' => '金额', + 'data' => Arr::pluck($order,'sum_price') + ], + ] + ); + $this->withCategories( + Arr::pluck($order,'statistics_time') + ); + + } + + public function withData(array $data) + { + return $this->option('series', $data); + } + + /** + * 设置图表类别. + * + * @param array $data + * + * @return $this + */ + public function withCategories(array $data) + { + return $this->option('xaxis.categories', $data); + } + + /** + * 渲染图表 + * + * @return string + */ + public function render() + { + $this->buildData(); + + return parent::render(); + } }