时间筛选

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 "<a class='switch-bar' data-option='{$k}' href='$url'>{$v}</a>";
+					});
+
+				// 传递自定义参数
+
+				$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);
 			});
     }
 }

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();
+	}
 }