摸魚.....分享一個dcat-admin擴充套件

weiwait發表於2023-02-11
套件

packagist.org/packages/weiwait/dca...

演示地址

demo: http://dcat.weiwait.cn (admin:admin)

依賴擴充套件

overtrue/laravel-filesystem-cos

overtrue/laravel-filesystem-qiniu

iiDestiny/laravel-filesystem-oss

透過 composer 安裝擴充套件

  composer require weiwait/dcat-vue

檔案系統-透過選項卡使用

    public function index(Content $content): Content
    {
        $tab = Tab::make();
        $tab->add('檔案儲存', new \Weiwait\DcatVue\Forms\FilesystemConfig());

        return $content->title('配置')
            ->body($tab->withCard());
    }
檔案系統

檔案系統

行政區劃、座標

區劃選擇

圖片裁剪(支援多圖)

區劃選擇

日期範圍

區劃選擇

列表、選擇

區劃選擇

已有表單元件(採用的是Naive UI)

    $form->vFile('file') // 關聯檔案系統配置-直傳
        ->accept('mime types');

    $form->vMutipleFile('files') // 關聯檔案系統配置-直傳
        ->mimeTypes('video/*');

    $form->vImage('image') // 關聯檔案系統配置-直傳-裁剪
        ->ratio(16 / 9) // 固定裁剪比例
        ->large() // 放大裁剪框
        ->resolution(1920, 1080) // 重置圖片解析度
        ->jpeg(0.8) // 裁剪為jpeg格式, 引數為圖片質量0-1
        ->disableCropper() // 關閉裁剪彈窗
        ->mimeTypes('image/*');

    $form->vMultipleImage('images') // 關聯檔案系統配置-直傳-裁剪
        ->ratio(16 / 9) // 固定裁剪比例
        ->large() // 放大裁剪框
        ->resolution(1920, 1080) // 重置圖片解析度
        ->jpeg(0.8) // 裁剪為jpeg格式, 引數為圖片質量0-1
        ->mimeTypes('image/*');

    $form->vTags('tags'); // 標籤
     $form->vList('list')
        ->sortable() // 開啟排序
        ->max(8); // 限制最大新增數量
     $form->vKeyValue('kvs')
        ->sortable() // 開啟排序
        ->serial() // 開啟固定有序索引 預設為字母A-Z
        ->keys(['一', '二', '三', '四']) // serial後自定義索引
        ->list(); // serial後只提交值，儲存為一維陣列(索引僅作為顯示)

    $form->vDistpicker('region')
        ->dist('province', 'city', 'district') // 開啟區劃
        ->coordinate('latitude', 'longitude') // 開啟座標
        ->detail('detail') // 開啟詳細地址
        ->disableMap() // 關閉地圖
        ->mapHeight(380) // 地圖高度，預設380
        ->disableRegions([440000]) // 禁用一些區劃
        ->mapZoom(11); // 地圖預設縮放
        ->mapZoom(11, 'zoom') // 記錄地圖縮放級別

    $form->vSelect('select')
        ->options(['123', '456', 'A' => 'aaa']) // 選項
        ->concatKey('separator') // 顯示鍵
        ->optionsFromKeyValue('kvs'); // 用於結合vKeyValue進行選項選擇

    $form->vMultipleSelect('ms', '多選')
        ->options(['123', '456', 'A' => 'aaa']) // 選項
        ->concatKey('separator') // 顯示鍵
        ->optionsFromKeyValue('kvs'); // 用於結合vKeyValue進行選項選擇

    $form->vNumber('number', '數字')
        ->prepend('$') // 字首
        ->prepend('p') // 字尾
        ->bothButton() // 按鈕位置分離到兩端
        ->step(2) // 步進
        ->min(2) // 最小值
        ->max(88) // 最大值
        ->precision(2); // 開啟小數，精度
登入驗證碼

示例圖片

class SettingController extends Controller
{
    public function index(Content $content): Content
    {
        $tab = Tab::make();
        $tab->add('站點配置', new AuthSetting());

        return $content->title('配置')
            ->body($tab->withCard());
    }
}

Dcat-admin 擴充套件列表

3. smtp 便捷配置
4. sms channel 便捷配置

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章