4 changed files with 417 additions and 0 deletions
			
			
		- 
					157app/AdminSupplier/Controllers/FinanceStatisticsController.php
 - 
					145app/AdminSupplier/Metrics/Examples/FinanceStatistics.php
 - 
					111app/AdminSupplier/Tools/DataReportDate.php
 - 
					4app/AdminSupplier/routes.php
 
@ -0,0 +1,157 @@ | 
				
			|||
<?php | 
				
			|||
 | 
				
			|||
namespace App\AdminSupplier\Controllers; | 
				
			|||
 | 
				
			|||
use App\AdminSupplier\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 = OrderProductItem::query()->where('supplier_id',Admin::user()->id)->whereHas('order',function ($query) { | 
				
			|||
			$query->complete(); | 
				
			|||
		}); | 
				
			|||
		//利润
 | 
				
			|||
		$costPrice = OrderProductItem::query()->where('supplier_id',Admin::user()->id)->whereHas('order',function ($query) { | 
				
			|||
			$query->complete(); | 
				
			|||
		}); | 
				
			|||
 | 
				
			|||
		//已完成订单
 | 
				
			|||
		$count = OrderProductItem::query()->where('supplier_id',Admin::user()->id)->whereHas('order',function ($query) { | 
				
			|||
				$query->complete(); | 
				
			|||
			}); | 
				
			|||
 | 
				
			|||
		$dateTime = request('created_at', 0); | 
				
			|||
		if ($dateTime) { | 
				
			|||
			$price->whereBetween('created_at',$dateTime); | 
				
			|||
			$costPrice->whereBetween('created_at',$dateTime); | 
				
			|||
			$count->whereBetween('created_at',$dateTime); | 
				
			|||
		} | 
				
			|||
 | 
				
			|||
		$price = $price->sum('price'); | 
				
			|||
		$costPrice = $costPrice->sum('price'); | 
				
			|||
		$profit = bcsub($price,$costPrice,2); | 
				
			|||
		$count = $count->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){ | 
				
			|||
				$row->column(6,function (Column $column){ | 
				
			|||
					$column->row(new \App\AdminSupplier\Tools\DataReportDate('data_report')); | 
				
			|||
				}); | 
				
			|||
 | 
				
			|||
			}) | 
				
			|||
			->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); | 
				
			|||
			}); | 
				
			|||
    } | 
				
			|||
} | 
				
			|||
@ -0,0 +1,145 @@ | 
				
			|||
<?php | 
				
			|||
 | 
				
			|||
namespace App\AdminSupplier\Metrics\Examples; | 
				
			|||
 | 
				
			|||
use App\Common\OrderStatus; | 
				
			|||
use App\Models\Order; | 
				
			|||
use App\Models\OrderProductItem; | 
				
			|||
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 Chart | 
				
			|||
{ | 
				
			|||
	public function __construct() | 
				
			|||
	{ | 
				
			|||
		parent::__construct(); | 
				
			|||
		$this->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 = OrderProductItem::query() | 
				
			|||
			->where('supplier_id',Admin::user()->id) | 
				
			|||
			->whereHas('order',function ($query) { | 
				
			|||
				$query->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(); | 
				
			|||
	} | 
				
			|||
} | 
				
			|||
@ -0,0 +1,111 @@ | 
				
			|||
<?php | 
				
			|||
 | 
				
			|||
 | 
				
			|||
namespace App\AdminSupplier\Tools; | 
				
			|||
 | 
				
			|||
 | 
				
			|||
use App\Common\LinkUrl; | 
				
			|||
use Dcat\Admin\Admin; | 
				
			|||
use Dcat\Admin\Grid\Tools\AbstractTool; | 
				
			|||
 | 
				
			|||
class DataReportDate extends AbstractTool | 
				
			|||
{ | 
				
			|||
 | 
				
			|||
    protected $route; | 
				
			|||
 | 
				
			|||
    public function __construct($route) | 
				
			|||
    { | 
				
			|||
        $this->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 <<<JS | 
				
			|||
        var app= new Vue({ | 
				
			|||
            el:"#date_time", | 
				
			|||
            data:{ | 
				
			|||
                start: "$start", | 
				
			|||
                end: "$end", | 
				
			|||
                url:"$url", | 
				
			|||
                full_url:"$fullUrl", | 
				
			|||
                path:"$path", | 
				
			|||
                pickerOptions: { | 
				
			|||
                  disabledDate(time) { | 
				
			|||
                    return time.getTime() > 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'); | 
				
			|||
    } | 
				
			|||
} | 
				
			|||
						Write
						Preview
					
					
					Loading…
					
					Cancel
						Save
					
		Reference in new issue