From 147b2b9468ef99c491a581d0196ffc457658273f Mon Sep 17 00:00:00 2001 From: lemon <15040771@qq.com> Date: Mon, 6 Sep 2021 20:51:15 +0800 Subject: [PATCH] =?UTF-8?q?=E6=97=B6=E9=97=B4=E7=AD=9B=E9=80=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ProductStatisticsController.php | 43 ++++- .../Metrics/Examples/ProductStatistics.php | 178 +++++++++--------- 2 files changed, 134 insertions(+), 87 deletions(-) diff --git a/app/AdminAgent/Controllers/ProductStatisticsController.php b/app/AdminAgent/Controllers/ProductStatisticsController.php index df35f2f..66774ff 100755 --- a/app/AdminAgent/Controllers/ProductStatisticsController.php +++ b/app/AdminAgent/Controllers/ProductStatisticsController.php @@ -3,6 +3,7 @@ namespace App\AdminAgent\Controllers; use App\Admin\Actions\Tools\DataReportOption; +use App\Admin\Metrics\Examples\Index\CanteenStatisticsExamples; use App\AdminAgent\Tools\DataReportDate; use App\AdminAgent\Metrics\Examples\FinanceStatistics; use App\AdminAgent\Metrics\Examples\OrderStatistics; @@ -19,8 +20,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 ProductStatisticsController extends AdminController { @@ -118,8 +122,43 @@ HTML; }) ->body(function (Row $row){ - $row->column(12,new ProductStatistics() - ); + // 构建下拉菜单，当点击菜单时发起请求获取数据重新渲染图表 + $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 = ProductStatistics::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/ProductStatistics.php b/app/AdminAgent/Metrics/Examples/ProductStatistics.php index 947d08d..77d4e2b 100644 --- a/app/AdminAgent/Metrics/Examples/ProductStatistics.php +++ b/app/AdminAgent/Metrics/Examples/ProductStatistics.php @@ -2,94 +2,26 @@ namespace App\AdminAgent\Metrics\Examples; -use App\Common\DataTime; -use App\Common\OrderStatus; use App\Models\Order; -use App\Models\User; use Dcat\Admin\Admin; -use Dcat\Admin\Widgets\Metrics\Bar; -use Illuminate\Http\Request; +use Dcat\Admin\Widgets\ApexCharts\Chart; use Illuminate\Support\Arr; use Illuminate\Support\Facades\DB; -class ProductStatistics extends Bar +class ProductStatistics 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) - ->select('*'); - switch ($request->get('option')) { - case '1': - $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); - break; - case '30': - $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at)) AS statistics_time")); - break; - case '365': - $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at)) AS statistics_time")); - break; - default: - $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); - } - $order = $query->groupBy('statistics_time') - ->orderBy('statistics_time') - ->get(); - - $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', @@ -97,7 +29,6 @@ class ProductStatistics extends Bar ], 'toolbar' => ['show' => false], ], - 'colors' => $this->colors, 'plotOptions' => [ 'bar' => [ //'columnWidth' => '45%', @@ -117,7 +48,6 @@ class ProductStatistics extends Bar 'labels' => [ 'show' => true, 'style' => [ - 'colors' => $this->colors, 'fontSize' => '12px' ] ], @@ -128,7 +58,85 @@ class ProductStatistics extends Bar 'tooltip' => [ 'x' => ['show' => true], ], - ]); - } + } + + /** + * 处理图表数据 + */ + protected function buildData() + { + $query = Order::query() + ->where('agent_id', Admin::user()->id) + ->select('*'); + $dateTime = request('created_at', 0); + if ($dateTime) { + $query->whereBetween('created_at',$dateTime); + } + switch (request('time_key', 0)) { + case '1': + $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); + break; + case '30': + $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at)) AS statistics_time")); + break; + case '365': + $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at)) AS statistics_time")); + break; + default: + $query->addSelect(DB::raw("count(id) as sum_price,CONCAT(YEAR(created_at),'-',MONTH(created_at),'-',DAY(created_at)) AS statistics_time")); + } + $order = $query->groupBy('statistics_time') + ->orderBy('statistics_time') + ->get() + ->toArray(); + + $this->withData([ + [ + 'name' => '销量', + 'data' => Arr::pluck($order,'sum_price') + ], + ] + ); + $this->withCategories( + Arr::pluck($order,'statistics_time') + ); + + } + + /** + * 设置图表数据 + * + * @param array $data + * + * @return \App\AdminAgent\Metrics\Examples\ProductStatistics + */ + 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(); + } }