lianjie_admin/app/Admin/Actions/Tools/DataReportDate.php

<?php


namespace App\Admin\Actions\Tools;


use App\Admin\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()
    {
        return <<<JS
        var app= new Vue({
            el:"#date_time",
            data:{
                value1: '',
                value2: '',
                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);
                    }
                  }]
                },
            },

        });

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');
    }
}