Dcat Admin 修改全局行操作按钮显示方式为文字+图标

Laravel框架
482
0
0
2022-04-12
标签   Dcat Admin

默认的行操作显示方式为单个ICON, 为了方便操作(避免误点),

可以自定义一个行操作类覆盖按钮样式。

在app\Admin新建一个文件夹 Actions

新增文件TextActions.php

<?php

namespace App\Admin\Actions;

use Dcat\Admin\Grid\Displayers\Actions;

class TextActions extends Actions
{

    /**
     * @return string
     */
     protected function getViewLabel(){
          $label = trans('admin.show') . '👁';
          return '<span class="text-success">' . $label . '</span> &nbsp;';
     }

    /**
     * @return string
     */
     protected function getEditLabel(){
         $label = trans('admin.edit') . '🖊';

        return '<span class="text-primary">' . $label . '</span> &nbsp;';
     }

    /**
     * @return string
     */ 
    protected function getQuickEditLabel(){
        $label = trans('admin.edit') . '⚡';
        $label2 = trans('admin.quick_edit');

        return '<span class="text-blue-darker" title="' . $label2 . '">' . $label . '</span> &nbsp;';
    }

    /**
     * @return string
     */
    protected function getDeleteLabel(){
        $label = trans('admin.delete') . '♻';

        return '<span class="text-danger">' . $label . '</span> &nbsp;';
    }
}

修改config/admin.php文件中的 grid配置:

//'grid_action_class' => Dcat\Admin\Grid\Displayers\DropdownActions::class,
'grid_action_class' => App\Admin\Actions\TextActions::class,

修改效果如下图:

Dcat Admin 修改全局行操作按钮显示方式为文字+图标