From 2d9e389e8f8d6e94925a168531a5e7bcca25ab8a Mon Sep 17 00:00:00 2001 From: lemon <15040771@qq.com> Date: Mon, 6 Sep 2021 23:51:24 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=BB=9F=E8=AE=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Controllers/OrderStatisticsController.php | 139 +++++++++++++++++ .../Metrics/Examples/OrderStatistics.php | 140 ++++++++++++++++++ app/Admin/Tools/DataReportDate.php | 111 ++++++++++++++ app/Admin/routes.php | 5 + 4 files changed, 395 insertions(+) create mode 100755 app/Admin/Controllers/OrderStatisticsController.php create mode 100644 app/Admin/Metrics/Examples/OrderStatistics.php create mode 100644 app/Admin/Tools/DataReportDate.php diff --git a/app/Admin/Controllers/OrderStatisticsController.php b/app/Admin/Controllers/OrderStatisticsController.php new file mode 100755 index 0000000..dec9d61 --- /dev/null +++ b/app/Admin/Controllers/OrderStatisticsController.php @@ -0,0 +1,139 @@ +body( + << +
+

+ 订单统计 + +

+
+ +
+ + HTML + + ) + ->body(function (Row $row){ + $row->column(6,function (Column $column){ + $column->row(new \App\Admin\Tools\DataReportDate('data_report')); + }); + + }) + ->body(function (Row $row) { + $count = Order::query(); + $dateTime = request('created_at', 0); + if ($dateTime) { + $count->whereBetween('created_at',$dateTime); + } + $count = $count->count(); + $row->column(3, function (Column $column) use ($count) { + $column->row(Card::make('总数', function () use ($count) { + return << +

$count

+ +HTML; + })); + }); + $arr = OrderStatus::array(); + [$keys, $values] = Arr::divide($arr); + foreach ($keys as $v){ + $orders = Order::query()->where('status',$v); + + if ($dateTime) { + $orders->whereBetween('created_at',$dateTime); + } + $orders = $orders->count(); + + $row->column(3, function (Column $column) use ($arr,$orders,$v) { + $column->row(Card::make($arr[$v], function () use ($orders) { + return << +

$orders

+ +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/','',request()->path()); + $url = admin_url($str.'?'.$queryString); + // 此处设置的 data-xxx 属性会作为post数据发送到后端api + return "{$v}"; + }); + + // 传递自定义参数 + + $bar = OrderStatistics::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/Admin/Metrics/Examples/OrderStatistics.php b/app/Admin/Metrics/Examples/OrderStatistics.php new file mode 100644 index 0000000..46a1a39 --- /dev/null +++ b/app/Admin/Metrics/Examples/OrderStatistics.php @@ -0,0 +1,140 @@ +setUpOptions(); + } + + /** + * 初始化图表配置 + */ + protected function setUpOptions() + { + $this->options([ + 'chart' => [ + //'width' => '180%', + 'type' => 'bar', + 'events' => [ + ], + 'toolbar' => ['show' => false], + ], + 'plotOptions' => [ + 'bar' => [ + //'columnWidth' => '45%', + 'distributed' => true, + ] + ], + 'dataLabels' => [ + 'enabled' => false + ], + 'legend' => [ + 'show' => false + ], + 'xaxis' => [ + //'categories' => + // [75, 125, 225, 175, 125, 75, 25] + //, + 'labels' => [ + 'show' => true, + 'style' => [ + 'fontSize' => '12px' + ] + ], + ], + 'yaxis' => [ + 'show' => true + ], + 'tooltip' => [ + 'x' => ['show' => true], + ], + ]); + } + + /** + * 处理图表数据 + */ + protected function buildData() + { + $query = Order::query() + ->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('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(); + } +} diff --git a/app/Admin/Tools/DataReportDate.php b/app/Admin/Tools/DataReportDate.php new file mode 100644 index 0000000..c11bdcc --- /dev/null +++ b/app/Admin/Tools/DataReportDate.php @@ -0,0 +1,111 @@ +route = $route; + parent::__construct(); + } + + protected function script() + { + $url = $path = request()->url(); + $fullUrl = request()->fullUrl(); + $date = request()->input('created_at'); + $start = $date?$date['start']:''; + $end = $date?$date['end']:''; + return << Date.now(); + }, + shortcuts: [{ + text: '今天', + onClick(picker) { + picker.\$emit('pick', new Date()); + } + }, { + text: '昨天', + onClick(picker) { + const date = new Date(); + date.setTime(date.getTime() - 3600 * 1000 * 24); + picker.\$emit('pick', date); + } + }, { + text: '一周前', + onClick(picker) { + const date = new Date(); + date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); + picker.\$emit('pick', date); + } + }] + }, + }, + methods:{ + doSearch(){ + + var url = this.url; + if (this.start){ + url = url+"?type=date&option=0&created_at[start]="+this.start; + } + if (this.end){ + if (!this.start){ + this.\$message({message:'请选择起始时间',type:"error"}) + return false; + } + url = url+"&created_at[end]="+this.end; + }else { + if (this.start){ + this.\$message({message:'请选择截止时间',type:"error"}) + return false; + } + } + + if (this.start&&this.end&&(this.start>this.end)){ + this.\$message({message:'截止时间不能小于起始时间',type:"error"}) + return false; + } + + window.location.href=url; + }, + reset(){ + window.location.href=this.path; + } + } + + }); + +JS; + + } + + public function render() + { + Admin::js(LinkUrl::VUE_JS); + Admin::js(LinkUrl::ELEMENT_UI_JS); + Admin::css(LinkUrl::ELEMENT_UI_CSS); + Admin::css('css/data_report.css'); + Admin::script($this->script()); + return view('admin.tools.data_report_date'); + } +} diff --git a/app/Admin/routes.php b/app/Admin/routes.php index ec05852..0d4bb2d 100644 --- a/app/Admin/routes.php +++ b/app/Admin/routes.php @@ -29,4 +29,9 @@ Route::group([ $router->resource('agent_product/list', 'AgentProductController'); $router->resource('agent_product/audit', 'AgentProductController'); $router->resource('demand/product', 'DemandProductController'); + + $router->resource('finance_statistics', 'FinanceStatisticsController'); + $router->resource('order_statistics', 'OrderStatisticsController'); + $router->resource('user_statistics', 'UserStatisticsController'); + $router->resource('product_statistics', 'ProductStatisticsController'); });