chore:移除unsignedDecimal类型

.workflow/branch-pipeline.yml

@@ -0,0 +1,51 @@
+version: '1.0'
+name: branch-pipeline
+displayName: BranchPipeline
+stages:
+  - stage: 
+    name: compile
+    displayName: 编译
+    steps:
+      - step: build@php
+        name: build_php
+        displayName: PHP 构建
+        # 支持5.0、7.0、7.1、7.2、7.3、7.4、8.0、8.1八个版本
+        phpVersion: 8.0
+        # 构建命令
+        commands:
+          - php --version
+        # 非必填字段，开启后表示将构建产物暂存，但不会上传到制品库中，7天后自动清除
+        artifacts:
+            # 构建产物名字，作为产物的唯一标识可向下传递，支持自定义，默认为BUILD_ARTIFACT。在下游可以通过${BUILD_ARTIFACT}方式引用来获取构建物地址
+          - name: BUILD_ARTIFACT
+            # 构建产物获取路径，是指代码编译完毕之后构建物的所在路径
+            path:
+              - ./
+      - step: publish@general_artifacts
+        name: publish_general_artifacts
+        displayName: 上传制品
+        # 上游构建任务定义的产物名，默认BUILD_ARTIFACT
+        dependArtifact: BUILD_ARTIFACT
+        # 上传到制品库时的制品命名，默认output
+        artifactName: output  
+        dependsOn: build_php
+  - stage: 
+    name: release
+    displayName: 发布
+    steps:
+      - step: publish@release_artifacts
+        name: publish_release_artifacts
+        displayName: '发布'
+        # 上游上传制品任务的产出
+        dependArtifact: output
+        # 发布制品版本号
+        version: '1.0.0.0'
+        # 是否开启版本号自增，默认开启
+        autoIncrement: true
+triggers:
+  push:
+    branches:
+      exclude:
+        - master
+      include:
+        - .*

.workflow/master-pipeline.yml

@@ -0,0 +1,49 @@
+version: '1.0'
+name: master-pipeline
+displayName: MasterPipeline
+stages:
+  - stage: 
+    name: compile
+    displayName: 编译
+    steps:
+      - step: build@php
+        name: build_php
+        displayName: PHP 构建
+        # 支持5.0、7.0、7.1、7.2、7.3、7.4、8.0、8.1八个版本
+        phpVersion: 8.0
+        # 构建命令
+        commands:
+          - php --version
+        # 非必填字段，开启后表示将构建产物暂存，但不会上传到制品库中，7天后自动清除
+        artifacts:
+            # 构建产物名字，作为产物的唯一标识可向下传递，支持自定义，默认为BUILD_ARTIFACT。在下游可以通过${BUILD_ARTIFACT}方式引用来获取构建物地址
+          - name: BUILD_ARTIFACT
+            # 构建产物获取路径，是指代码编译完毕之后构建物的所在路径
+            path:
+              - ./
+      - step: publish@general_artifacts
+        name: publish_general_artifacts
+        displayName: 上传制品
+        # 上游构建任务定义的产物名，默认BUILD_ARTIFACT
+        dependArtifact: BUILD_ARTIFACT
+        # 上传到制品库时的制品命名，默认output
+        artifactName: output
+        dependsOn: build_php
+  - stage: 
+    name: release
+    displayName: 发布
+    steps:
+      - step: publish@release_artifacts
+        name: publish_release_artifacts
+        displayName: '发布'
+        # 上游上传制品任务的产出
+        dependArtifact: output
+        # 发布制品版本号
+        version: '1.0.0.0'
+        # 是否开启版本号自增，默认开启
+        autoIncrement: true
+triggers:
+  push:
+    branches:
+      include:
+        - master

.workflow/pr-pipeline.yml

@@ -0,0 +1,36 @@
+version: '1.0'
+name: pr-pipeline
+displayName: PRPipeline
+stages:
+  - stage: 
+    name: compile
+    displayName: 编译
+    steps:
+      - step: build@php
+        name: build_php
+        displayName: PHP 构建
+        # 支持5.0、7.0、7.1、7.2、7.3、7.4、8.0、8.1八个版本
+        phpVersion: 8.0
+        # 构建命令
+        commands:
+          - php --version
+        # 非必填字段，开启后表示将构建产物暂存，但不会上传到制品库中，7天后自动清除
+        artifacts:
+            # 构建产物名字，作为产物的唯一标识可向下传递，支持自定义，默认为BUILD_ARTIFACT。在下游可以通过${BUILD_ARTIFACT}方式引用来获取构建物地址
+          - name: BUILD_ARTIFACT
+            # 构建产物获取路径，是指代码编译完毕之后构建物的所在路径
+            path:
+              - ./
+      - step: publish@general_artifacts
+        name: publish_general_artifacts
+        displayName: 上传制品
+        # 上游构建任务定义的产物名，默认BUILD_ARTIFACT
+        dependArtifact: BUILD_ARTIFACT
+        # 上传到制品库时的制品命名，默认output
+        artifactName: output
+        dependsOn: build_php
+triggers:
+  pr:
+    branches:
+      include:
+        - master

README.md

@@ -3,12 +3,22 @@
 
 [中文](./README.md)|[英文](./README-en.md)
 
+## 专业版
+[专业版本官方地址](https://license.catchadmin.com)
+
+首先感谢一直以来对 `CatchAdmin` 开源项目的支持和使用。作为一名开源工作者，我一直致力于开发出功能强大且易于使用的后台管理系统，以帮助您简化业务流程和提升工作效率。然而，由于某些原因，我不得不做出一些调整。为了能够继续开发和维护这个项目，我将推出一款付费的后台管理系统，以确保我能够持续为您提供高质量的服务和支持。
+
+专业版本不会在开源版本做一些破坏性变更，所以当您从开源版本切换到专业版本，不会有任何开发心智负担。但是使用专业版本会有新的组件来配合您的工作。
+
+我深信，付费后台管理系统将为您带来更多的价值和便利，帮助您提升工作效率
+
+## 其他版本
+- [tp8 新版本](https://gitee.com/catchamin/catchadmin-tp)
+- [webman 高性能版本](https://gitee.com/catchamin/catchadmin-webman)
+
 ## ⚠️Thinkphp 用户注意
 由于新版本使用 `Laravel` 开发，所以请使用 `thinkphp` 分支或者 tag2.6.2，thinkphp 版本已经非常稳定了。
 
-## 为什么是 Laravel
-`V2` 版本使用`Thinkphp`，但从其社区来看，从我个人角度来看开发组的心思已经不在维护框架上，因为据观察，每一次小版本发布都会引发一些小问题，虽然不大，但给人一种不够稳定的感觉，所以思索再三，使用 `Laravel`。`Laravel` 社区非常繁荣，他们每周都会发布新版本，以及围绕`Laravel`构建的生态也非常完善，有 `Horizon` 队列管理工具, `Telescope` 调试工具，`Octane`（基于 `Swoole` 和 `RoadRunner` 提高性能）等等一系列的工具，而且都是免费的。
-
 ## 功能
 - [x] 用户管理 后台用户管理
 - [x] 部门管理 配置公司的部门结构，支持树形结构
@@ -21,6 +31,14 @@
 - [x] Schema 管理 生成表结构 
 - [x] 模块管理 系统模块管理
 
+
+## 讨论
+- 可以提 `ISSUE`，请按照 `issue` 模板提问
+- 加入 Q 群 `302266230` 暗号 `catchadmin`。
+- 加微信入群，新建🆕
+
+<img src="wechat.png" width="300"/>
+
 ## 额外模块
 - [CMS 模块](https://github.com/catch-admin/cms)
 
@@ -45,11 +63,6 @@
 - [catchadmin 开发之模块创建](https://www.bilibili.com/video/BV1jP41127aW/)
 - [catchadmin 之快速开发](https://www.bilibili.com/video/BV1Qh4y1J7eB/)
 
-## 赞助
-如果项目对你有帮助，或者在工作上帮你节省了开发时间。在力所能及的情况下，可以支持下`Catchadmin`项目, 非常感谢🙏
-
-<img src="https://i.imgtg.com/2023/02/16/dAV0a.jpg" width = "200" alt="support"/>
-
 ## 规范
 ### PHP
 使用 fixer 进行代码检查, 具体请查看根目录下 `.php-cs-fixer.dist.php` 文件的规范，还需要进行以下两步骤
@@ -68,12 +81,6 @@ composer cs
 composer cs-diff
 ```
 
-## 讨论
-- [论坛讨论](https://bbs.catchadmin.com)
-- 可以提 `ISSUE`，请按照 `issue` 模板提问
-- 加入 Q 群 `302266230` 暗号 `catchadmin`。
-
-
 ## 感谢🙏
 > 排名不分先后
 

composer.json

@@ -11,19 +11,18 @@
     ],
     "license": "MIT",
     "require": {
-        "php": "^8.1",
+        "php": "^8.2",
         "ext-pdo": "*",
         "ext-zip": "*",
-        "doctrine/dbal": "^3.4",
+        "guzzlehttp/guzzle": "^7.8.1",
-        "guzzlehttp/guzzle": "^7.2",
+        "laravel/framework": "^11.0",
-        "laravel/framework": "^10.0",
+        "laravel/tinker": "^v2.9.0",
-        "laravel/tinker": "^2.8",
+        "catchadmin/core": "^0.3.2"
-        "catchadmin/core": "^0.1.14"
     },
     "require-dev": {
-        "fakerphp/faker": "^1.9.1",
+        "fakerphp/faker": "^v1.23.1",
-        "mockery/mockery": "^1.4.4",
+        "mockery/mockery": "^1.6.9",
-        "pestphp/pest": "^1.22"
+        "pestphp/pest": "^v2.34.2"
     },
     "autoload": {
         "psr-4": {
@@ -42,7 +41,8 @@
     "scripts": {
         "post-autoload-dump": [
             "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
-            "@php artisan package:discover --ansi"
+            "@php artisan package:discover --ansi",
+            "@composer dump-autoload --no-scripts"
         ],
         "post-update-cmd": [
             "@php artisan vendor:publish --tag=laravel-assets --ansi --force"

config/app.php

@@ -185,7 +185,6 @@ return [
         /*
          * Package Service Providers...
          */
-        \Catch\Providers\CatchAdminServiceProvider::class,
 
         /*
          * Application Service Providers...

modules/Common/Repository/Options/Components.php

@@ -20,23 +20,27 @@ class Components implements OptionInterface
 
     public function get(): array
     {
-        if ($module = request()->get('module')) {
+        try {
-            $components = File::glob(CatchAdmin::getModuleViewsPath($module).'*'.DIRECTORY_SEPARATOR.'*.vue');
+            if ($module = request()->get('module')) {
+                $components = File::glob(CatchAdmin::getModuleViewsPath($module) . '*' . DIRECTORY_SEPARATOR . '*.vue');
 
-            foreach ($components as $component) {
+                foreach ($components as $component) {
-                $_component = Str::of($component)
+                    $_component = Str::of($component)
-                                ->replace(CatchAdmin::moduleRootPath(), '')
+                        ->replace(CatchAdmin::moduleRootPath(), '')
-                                ->explode(DIRECTORY_SEPARATOR);
+                        ->explode(DIRECTORY_SEPARATOR);
-                $_component->shift(2);
+                    $_component->shift(2);
 
-                $this->components[] = [
+                    $this->components[] = [
-                    'label' => Str::of($_component->implode('/'))->replace('.vue', ''),
+                        'label' => Str::of($_component->implode('/'))->replace('.vue', ''),
 
-                    'value' => Str::of($component)->replace(CatchAdmin::moduleRootPath(), '')->prepend('/')
+                        'value' => Str::of($component)->replace(CatchAdmin::moduleRootPath(), '')->prepend('/')
-                ];
+                    ];
+                }
             }
-        }
 
-        return $this->components;
+            return $this->components;
+        } catch (\Throwable $exception) {
+            return [];
+        }
     }
 }

modules/Develop/Models/Schemas.php

@@ -6,8 +6,8 @@ use Catch\Base\CatchModel;
 use Catch\Enums\Status;
 use Exception;
 use Illuminate\Database\Eloquent\Model;
-use Illuminate\Support\Facades\DB;
 use Modules\Develop\Support\Generate\Create\Schema;
+use Illuminate\Support\Facades\Schema as SchemaFacade;
 
 class Schemas extends CatchModel
 {
@@ -90,16 +90,13 @@ class Schemas extends CatchModel
     {
         $schema = parent::firstBy($id);
 
-        $columns = [];
+        foreach (SchemaFacade::getColumns($schema->name) as $column) {
-
-        foreach (getTableColumns($schema->name) as $columnString) {
-            $column = DB::connection()->getDoctrineColumn(DB::connection()->getTablePrefix().$schema->name, $columnString);
             $columns[] = [
-                'name' => $column->getName(),
+                'name' => $column['name'],
-                'type' => $column->getType()->getName(),
+                'type' => $column['type_name'],
-                'nullable' => ! $column->getNotnull(),
+                'nullable' => $column['nullable'],
-                'default' => $column->getDefault(),
+                'default' => $column['default'],
-                'comment' => $column->getComment()
+                'comment' => $column['comment'],
             ];
         }
 

modules/Develop/Support/Generate/Module.php

@@ -81,6 +81,13 @@ class Module
      */
     protected function createRoute(): void
     {
-        File::copy(__DIR__.DIRECTORY_SEPARATOR.'stubs'.DIRECTORY_SEPARATOR.'route.stub', CatchAdmin::getModuleRoutePath($this->module));
+        $content = Str::of(
+            File::get(__DIR__.DIRECTORY_SEPARATOR.'stubs'.DIRECTORY_SEPARATOR.'route.stub')
+        )->replace(['{module}'], [lcfirst($this->module)]);
+
+        File::put(
+            CatchAdmin::getModuleRoutePath($this->module),
+            $content
+        );
     }
 }

modules/Develop/Support/Generate/stubs/migration.stub

@@ -13,6 +13,8 @@ return new class extends Migration
      */
     public function up()
     {
+        if (Schema::hasTable('{table}')) { return; }
+
         Schema::{method}('{table}', function (Blueprint $table) {
             {content}
         });

modules/Develop/Support/Generate/stubs/request.stub

@@ -21,7 +21,7 @@ class {request} extends Request
      *
      * @return array
      */
-    public function message(): array
+    public function messages(): array
     {
         return [];
     }

modules/Develop/views/dymaic/create.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  $END$
+</template>
+
+<style scoped lang="scss">
+
+</style>

modules/Develop/views/generate/components/structure.vue

@@ -60,6 +60,20 @@ import { Delete } from '@element-plus/icons-vue'
 const generateStore = useGenerateStore()
 
 const structures = computed(() => {
+  generateStore.getStructures.forEach(struct => {
+    if (struct.field === 'id' || struct.field === 'created_at' || struct.field === 'updated_at') {
+      struct.form = false
+    }
+
+    if (struct.field === 'sort') {
+      struct.form_component = 'input-number'
+    }
+
+    if (struct.field === 'status') {
+      struct.form_component = 'select'
+    }
+  })
+
   return generateStore.getStructures
 })
 

modules/Develop/views/module/index.vue

@@ -41,7 +41,7 @@
 
     <!-- 安装 -->
     <Dialog v-model="installVisible" title="安装模块" destroy-on-close>
-      <Install />
+      <Install @close="closeInstall" />
     </Dialog>
   </div>
 </template>
@@ -62,6 +62,9 @@ const { open, close, title, visible, id } = useOpen()
 
 const tableData = computed(() => data.value?.data)
 const installVisible = ref<boolean>(false)
+const closeInstall = () => {
+  installVisible.value = false
+}
 
 onMounted(() => {
   search()

modules/Develop/views/module/install.vue

@@ -8,7 +8,7 @@
             { label: 'ZIP 安装', value: 2 },
           ]"
           :key="item.value"
-          :label="item.value"
+          :value="item.value"
           name="type"
           >{{ item.label }}
         </el-radio-button>
@@ -34,7 +34,9 @@
         },
       ]"
     >
-      <el-input v-model="formData.title" />
+      <el-select v-model="formData.title" placeholder="选择安装模块">
+        <el-option v-for="item in modules" :key="item.value" :label="item.label" :value="item.value" />
+      </el-select>
     </el-form-item>
     <el-form-item label="上传 ZIP" prop="file" v-if="formData.type === 2">
       <Upload action="module/upload" :limit="1" accept=".zip" :on-success="moduleUpload">
@@ -73,4 +75,19 @@ const moduleUpload = (response, uploadFile) => {
     Message.error(response.message)
   }
 }
+
+const modules = [
+  {
+    label: '权限管理',
+    value: 'permissions',
+  },
+  {
+    label: '内容管理',
+    value: 'cms',
+  },
+  {
+    label: '系统管理',
+    value: 'system',
+  },
+]
 </script>

modules/Develop/views/schema/steps/structure.vue

@@ -1,27 +1,29 @@
 <template>
   <div>
-    <el-table :data="structures" class="draggable">
+      <VueDraggable v-model="structures" target=".el-table__body tbody" animation="150" @end="onEnd">
-      <el-table-column prop="field" :label="$t('generate.schema.structure.field_name.name')" />
+          <el-table :data="structures" class="draggable" :lazy="false">
-      <el-table-column prop="type" :label="$t('generate.schema.structure.type.name')">
+          <el-table-column prop="field" :label="$t('generate.schema.structure.field_name.name')" />
-        <template #default="scope">
+          <el-table-column prop="type" :label="$t('generate.schema.structure.type.name')">
-          <el-tag type="success">{{ scope.row.type }}</el-tag>
+            <template #default="scope">
-        </template>
+              <el-tag type="success">{{ scope.row.type }}</el-tag>
-      </el-table-column>
+            </template>
-      <el-table-column prop="nullable" :label="$t('generate.schema.structure.nullable')" width="90px">
+          </el-table-column>
-        <template #default="scope">
+          <el-table-column prop="nullable" :label="$t('generate.schema.structure.nullable')" width="90px">
-          <el-tag v-if="scope.row.nullable">{{ $t('system.yes') }}</el-tag>
+            <template #default="scope">
-          <el-tag v-else type="info">{{ $t('system.no') }}</el-tag>
+              <el-tag v-if="scope.row.nullable">{{ $t('system.yes') }}</el-tag>
-        </template>
+              <el-tag v-else type="info">{{ $t('system.no') }}</el-tag>
-      </el-table-column>
+            </template>
-      <el-table-column prop="default" :label="$t('generate.schema.structure.default')" />
+          </el-table-column>
-      <!--<el-table-column prop="comment" label="注释" />-->
+          <el-table-column prop="default" :label="$t('generate.schema.structure.default')" />
-      <el-table-column prop="id" :label="$t('generate.schema.structure.operate')" width="120px">
+          <!--<el-table-column prop="comment" label="注释" />-->
-        <template #default="scope">
+          <el-table-column prop="id" :label="$t('generate.schema.structure.operate')" width="120px">
-          <el-button type="primary" :icon="Edit" @click="updateField(scope.row.id)" size="small" />
+            <template #default="scope">
-          <el-button type="danger" :icon="Delete" @click="deleteField(scope.row.id)" size="small" />
+              <el-button type="primary" :icon="Edit" @click="updateField(scope.row.id)" size="small" />
-        </template>
+              <el-button type="danger" :icon="Delete" @click="deleteField(scope.row.id)" size="small" />
-      </el-table-column>
+            </template>
-    </el-table>
+          </el-table-column>
+        </el-table>
+    </VueDraggable>
 
     <div class="flex justify-end mt-4">
       <el-button type="success" :icon="Plus" @click="addField">{{ $t('system.add') }}</el-button>
@@ -88,22 +90,21 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, onMounted, Ref, ref } from 'vue'
+import { Ref, ref } from 'vue'
 import { useSchemaStore, Structure } from '../store'
 import { Delete, Plus, Edit } from '@element-plus/icons-vue'
 import type { FormInstance } from 'element-plus'
 import Message from '/admin/support/message'
 import http from '/admin/support/http'
 import { Code } from '/admin/enum/app'
-import Sortable from 'sortablejs'
+import { VueDraggable } from 'vue-draggable-plus'
 
 const schemaStore = useSchemaStore()
 const emits = defineEmits(['prev', 'next'])
 const visible = ref(false)
 
-const structures = computed(() => {
+// 初始化
-  return schemaStore.getStructures
+const structures = ref(schemaStore.getStructures)
-})
 
 const structure: Ref<Structure> = ref(schemaStore.initStructure())
 // structure
@@ -118,29 +119,10 @@ const updateField = (id: number) => {
       structure.value = s
     }
   })
+
+  schemaStore.setStructures(structures.value)
 }
 
-onMounted(() => {
-  const tbody = document.querySelector('.draggable .el-table__body-wrapper tbody')
-  const structures = schemaStore.getStructures
-
-  Sortable.create(tbody, {
-    draggable: 'tr',
-    onEnd({ newIndex, oldIndex }) {
-      const newStructures = []
-      const s = structures.splice(oldIndex, newIndex - oldIndex)
-      s.concat(structures).forEach(item => {
-        newStructures.push(item)
-      })
-      schemaStore.setStructures(newStructures)
-
-      // console.log(structure)
-      // structures[newIndex] = structures[oldIndex]
-      // structures[oldIndex] = temp
-    },
-  })
-})
-
 const form = ref<FormInstance>()
 const submitStructure = (formEl: FormInstance | undefined) => {
   if (!formEl) return
@@ -156,7 +138,10 @@ const submitStructure = (formEl: FormInstance | undefined) => {
 }
 
 const deleteField = (id: number) => {
-  schemaStore.filterStructures(id)
+    structures.value = structures.value.filter((s: Structure) => {
+        return !(s.id === id)
+    })
+    schemaStore.setStructures(structures.value)
 }
 
 const next = () => {
@@ -171,7 +156,10 @@ const next = () => {
     })
   }
 }
-
+// 调整数据结构
+const onEnd = () => {
+    schemaStore.setStructures(structures.value)
+}
 const types: string[] = [
   'id',
   'smallIncrements',
@@ -223,7 +211,6 @@ const types: string[] = [
   'tinyIncrements',
   'tinyInteger',
   'tinyText',
-  'unsignedDecimal',
   'uuid',
   'year',
 ]

modules/Permissions/Http/Controllers/PermissionsController.php

@@ -28,7 +28,9 @@ class PermissionsController extends Controller
     public function index(Request $request): mixed
     {
         if ($request->get('from') == 'role') {
-            return $this->model->getList();
+            return $this->model->setBeforeGetList(function ($query){
+                return $query->orderByDesc('sort');
+            })->getList();
         }
 
         return $this->model->setBeforeGetList(function ($query) {

modules/Permissions/Http/Controllers/RolesController.php

@@ -6,6 +6,7 @@ namespace Modules\Permissions\Http\Controllers;
 
 use Catch\Base\CatchController as Controller;
 use Catch\Exceptions\FailedException;
+use Illuminate\Database\Eloquent\Model;
 use Illuminate\Http\Request;
 use Modules\Permissions\Enums\DataRange;
 use Modules\Permissions\Models\Roles;
@@ -41,9 +42,13 @@ class RolesController extends Controller
     public function store(RoleRequest $request)
     {
         $data = $request->all();
-        $data['data_range'] = (int) $data['data_range'];
+        if (!isset($data['data_range'])) {
-        if (!$data['data_range'] || !DataRange::Personal_Choose->assert($data['data_range'])) {
+            $data['data_range'] = 0;
-            $data['departments'] = [];
+        } else {
+            $data['data_range'] = (int)$data['data_range'];
+            if (!DataRange::Personal_Choose->assert($data['data_range'])) {
+                $data['departments'] = [];
+            }
         }
 
         return $this->model->storeBy($data);
@@ -52,7 +57,8 @@ class RolesController extends Controller
     /**
      *
      * @param $id
-     * @return \Illuminate\Database\Eloquent\Model|null
+     * @param Request $request
+     * @return Model|null
      */
     public function show($id, Request $request)
     {
@@ -79,7 +85,7 @@ class RolesController extends Controller
     {
         $data = $request->all();
         $data['data_range'] = (int) $data['data_range'];
-        if (!$data['data_range'] || !DataRange::Personal_Choose->assert($data['data_range'])) {
+        if (!DataRange::Personal_Choose->assert($data['data_range'])) {
             $data['departments'] = [];
         }
 

modules/Permissions/Models/Permissions.php

@@ -200,7 +200,9 @@ class Permissions extends Model
                 $data['route'] = '/'.trim($data['route'], '/');
             }
 
-            $data['component']  = Str::of($data['component'])->replace('\\', '/')->toString();
+            if (isset($data['component'])) {
+                $data['component'] = Str::of($data['component'])->replace('\\', '/')->toString();
+            }
             return parent::storeBy($data);
         });
     }
@@ -246,7 +248,9 @@ class Permissions extends Model
             $data['permission_mark'] = $parentMenu->permission_mark.'@'.$data['permission_mark'];
         }
 
-        $data['component']  = Str::of($data['component'])->replace('\\', '/')->toString();
+        if (isset($data['component'])) {
+            $data['component'] = Str::of($data['component'])->replace('\\', '/')->toString();
+        }
         return parent::updateBy($id, $data);
     }
 }

modules/Permissions/views/jobs/form/create.vue

@@ -8,7 +8,7 @@
     </el-form-item>
     <el-form-item label="状态" prop="status">
       <el-radio-group v-model="formData.status">
-        <el-radio v-for="item in options" :key="item.value" :label="item.value" name="status">{{ item.label }}</el-radio>
+        <el-radio v-for="item in options" :key="item.value" :value="item.value" name="status">{{ item.label }}</el-radio>
       </el-radio-group>
     </el-form-item>
     <el-form-item label="排序" prop="sort">
@@ -30,7 +30,7 @@ import { useShow } from '/admin/composables/curd/useShow'
 import { onMounted } from 'vue'
 
 const props = defineProps({
-  primary: String | Number,
+  primary: [Number, String],
   api: String,
 })
 

modules/Permissions/views/permissions/form/create.vue

@@ -11,7 +11,7 @@
                 { label: '按钮', value: 3 },
               ]"
               :key="item.value"
-              :label="item.value"
+              :value="item.value"
               name="type"
               >{{ item.label }}
             </el-radio-button>
@@ -63,7 +63,7 @@
                 { label: '隐藏', value: 2 },
               ]"
               :key="item.value"
-              :label="item.value"
+              :value="item.value"
               name="hidden"
               >{{ item.label }}</el-radio
             >
@@ -77,7 +77,7 @@
                 { label: '禁用', value: 2 },
               ]"
               :key="item.value"
-              :label="item.value"
+              :value="item.value"
               name="keepalive"
               >{{ item.label }}
             </el-radio>
@@ -110,7 +110,7 @@ import http from '/admin/support/http'
 import { MenuType } from '/admin/enum/app'
 
 const props = defineProps({
-  primary: String | Number,
+  primary: [String,Number],
   api: String,
 })
 

modules/Permissions/views/permissions/index.vue

@@ -18,10 +18,10 @@
               <el-tag v-for="action in scope.row.actions" class="cursor-pointer min-w-fit" @click="open(action.id)" closable @close="destroy(api, action.id)">{{ action.permission_name }}</el-tag>
             </div>
             <div v-else>
-              <el-popconfirm confirm-button-text="确认" title="添加基础actions" @confirm="actionGenerate(scope.row.id)" placement="top">
+              <el-popconfirm v-if="scope.row.type === MenuType.PAGE_TYPE" confirm-button-text="确认" title="添加基础actions" @confirm="actionGenerate(scope.row.id)" placement="top">
                 <template #reference>
-                  <el-tag class="cursor-pointer w-8" v-if="scope.row.type === MenuType.PAGE_TYPE">
+                  <el-tag class="cursor-pointer w-8">
-                    <Icon name="cog-6-tooth" class="animate-spin w-5 h-5" v-if="actionLoading" />
+                    <Icon name="cog-6-tooth" class="animate-spin w-5 h-5" v-if="generateId === scope.row.id" />
                     <Icon name="plus" className="w-4 h-4" v-else />
                   </el-tag>
                 </template>
@@ -73,11 +73,18 @@ onMounted(() => {
 })
 
 const actionLoading = ref<boolean>(false)
+const generateId = ref<number>(0)
 const actionGenerate = async (id: number) => {
-  actionLoading.value = true
+  generateId.value = id
-  http.post(api, { parent_id: id, actions: true }).then(r => {
+  http
-    search()
+    .post(api, { parent_id: id, actions: true })
-    actionLoading.value = false
+    .then(r => {
-  })
+      search()
+      generateId.value = 0
+    })
+    .catch(e => {
+      generateId.value = 0
+      catchtable.value.reset()
+    })
 }
 </script>

modules/System/Installer.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace Modules\System;
+
+use Catch\Support\Module\Installer as ModuleInstaller;
+use Modules\System\Providers\SystemServiceProvider;
+
+class Installer extends ModuleInstaller
+{
+    protected function info(): array
+    {
+        // TODO: Implement info() method.
+        return [
+            'title' => '系统管理',
+            'name' => 'system',
+            'path' => 'system',
+            'keywords' => '系统管理, system',
+            'description' => '系统管理模块',
+            'provider' => SystemServiceProvider::class
+        ];
+    }
+
+    protected function requirePackages(): void
+    {
+        // TODO: Implement requirePackages() method.
+    }
+
+    protected function removePackages(): void
+    {
+        // TODO: Implement removePackages() method.
+    }
+}

modules/System/LICENSE.txt

@@ -0,0 +1,199 @@
+ Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

modules/System/README.md

@@ -0,0 +1 @@
+# 系统模块

modules/User/Http/Controllers/AuthController.php

@@ -22,11 +22,17 @@ class AuthController extends Controller
         /* @var User $user */
         $user = User::query()->where('email', $request->get('email'))->first();
 
-        Event::dispatch(new Login($request, $user));
+        Event::dispatch(new Login($request, $user ? ($user->isDisabled() ? null : $user) : null));
 
-        if ($user && Hash::check($request->get('password'), $user->password)) {
+        if ($user) {
-            $token = $user->createToken('token')->plainTextToken;
+            if ($user->isDisabled()) {
-            return compact('token');
+                throw new FailedException('账号被禁用，请联系管理员');
+            }
+
+            if (Hash::check($request->get('password'), $user->password)) {
+                $token = $user->createToken('token')->plainTextToken;
+                return compact('token');
+            }
         }
 
         throw new FailedException('登录失败！请检查邮箱或者密码');

modules/User/Http/Controllers/UserController.php

@@ -159,4 +159,16 @@ class UserController extends Controller
             return $builder;
         })->getList();
     }
+
+    /**
+     * @return void
+     */
+    public function export()
+    {
+        return User::query()
+                    ->select('id', 'username', 'email', 'created_at')
+                    ->without('roles')
+                    ->get()
+                    ->download(['id', '昵称', '邮箱', '创建时间']);
+    }
 }

modules/User/Models/User.php

@@ -3,6 +3,7 @@
 namespace Modules\User\Models;
 
 use Catch\Base\CatchModel as Model;
+use Catch\Enums\Status;
 use Illuminate\Contracts\Auth\Authenticatable as AuthenticatableContract;
 use Illuminate\Database\Eloquent\Casts\Attribute;
 use Laravel\Sanctum\HasApiTokens;
@@ -102,4 +103,10 @@ class User extends Model implements AuthenticatableContract
 
         return parent::updateBy($id, $data);
     }
+
+    public function isDisabled(): bool
+    {
+
+        return $this->status == Status::Disable->value;
+    }
 }

modules/User/routes/route.php

@@ -14,4 +14,8 @@ Route::put('users/enable/{id}', [UserController::class, 'enable']);
 Route::match(['post', 'get'], 'user/online', [UserController::class, 'online']);
 Route::get('user/login/log', [UserController::class, 'loginLog']);
 Route::get('user/operate/log', [UserController::class, 'operateLog']);
+Route::get('user/operate/log', [UserController::class, 'operateLog']);
+Route::get('user/export', [UserController::class, 'export']);
+
+
 

modules/User/views/user/components/operateLog.vue

@@ -2,8 +2,8 @@
   <div class="table-default">
     <div class="w-full flex justify-end">
       <el-radio-group v-model="query.scope" size="small" @change="search">
-        <el-radio-button label="self">只看自己</el-radio-button>
+        <el-radio-button value="self">只看自己</el-radio-button>
-        <el-radio-button label="all">全部</el-radio-button>
+        <el-radio-button value="all">全部</el-radio-button>
       </el-radio-group>
     </div>
     <el-table :data="tableData" class="mt-3" v-loading="loading">

modules/User/views/user/index.vue

@@ -16,7 +16,11 @@
         </template>
       </Search>
       <div class="table-default">
-        <Operate :show="open" />
+        <Operate :show="open">
+          <template #operate>
+            <el-button @click="download('/user')">导出</el-button>
+          </template>
+        </Operate>
         <el-table :data="tableData" class="mt-3" v-loading="loading">
           <el-table-column prop="username" label="用户名" width="150" />
           <el-table-column prop="avatar" label="头像">
@@ -61,6 +65,7 @@ import Department from './components/department.vue'
 import { useUserStore } from '/admin/stores/modules/user'
 import { isUndefined } from '/admin/support/helper'
 import { UserFilled } from '@element-plus/icons-vue'
+import { useExcelDownload } from '/resources/admin/composables/curd/useExcelDownload'
 
 const userStore = useUserStore()
 
@@ -68,6 +73,7 @@ const api = 'users'
 const { data, query, search, reset, loading } = useGetList(api)
 const { destroy, deleted } = useDestroy()
 const { open, close, title, visible, id } = useOpen()
+const { download } = useExcelDownload()
 
 const tableData = computed(() => data.value?.data)
 

package.json

@@ -8,48 +8,49 @@
         "preview": "vite preview"
     },
     "dependencies": {
-        "@heroicons/vue": "^2.0.18",
+        "@heroicons/vue": "^2.1.3",
-        "@tinymce/tinymce-vue": "^5.1.0",
+        "@tinymce/tinymce-vue": "^5.1.1",
-        "@vueuse/core": "^10.1.2",
+        "@vueuse/core": "^10.9.0",
-        "element-plus": "^2.3.5",
+        "element-plus": "^2.6.3",
         "nprogress": "^0.2.0",
-        "pinia": "^2.1.3",
+        "pinia": "^2.1.7",
-        "terser": "^5.16.6",
+        "terser": "^5.29.2",
-        "vue": "^3.3.4",
+        "vue": "^3.4.21",
+        "vue-draggable-plus": "^0.4.0",
         "vue-i18n": "9",
-        "vue-router": "4.2.1",
+        "vue-router": "4.3.0",
         "vuedraggable": "^2.24.3"
     },
     "devDependencies": {
-        "@iconify-json/logos": "^1.1.31",
+        "@iconify-json/logos": "^1.1.42",
-        "@rollup/plugin-alias": "^5.0.0",
+        "@rollup/plugin-alias": "^5.1.0",
         "@types/mockjs": "^1.0.7",
-        "@types/node": "^20.2.3",
+        "@types/node": "^20.11.30",
         "@types/nprogress": "^0.2.0",
-        "@typescript-eslint/eslint-plugin": "^5.59.7",
+        "@typescript-eslint/eslint-plugin": "^6.21.0",
-        "@typescript-eslint/parser": "^5.59.7",
+        "@typescript-eslint/parser": "^6.21.0",
-        "@vitejs/plugin-vue": "^4.2.3",
+        "@vitejs/plugin-vue": "^5.0.4",
-        "@vitejs/plugin-vue-jsx": "^3.0.1",
+        "@vitejs/plugin-vue-jsx": "^3.1.0",
-        "autoprefixer": "^10.4.14",
+        "autoprefixer": "^10.4.19",
-        "axios": "^1.4.0",
+        "axios": "^1.6.8",
-        "eslint": "^8.41.0",
+        "eslint": "^8.57.0",
         "eslint-config-standard": "^17.0.0",
         "eslint-plugin-import": "^2.27.5",
         "eslint-plugin-n": "^16.0.0",
         "eslint-plugin-promise": "^6.1.1",
-        "eslint-plugin-vue": "^9.14.0",
+        "eslint-plugin-vue": "^9.23.0",
         "mockjs": "^1.1.0",
-        "postcss": "^8.4.23",
+        "postcss": "^8.4.38",
-        "prettier": "2.8.8",
+        "prettier": "3.2.5",
-        "sass": "^1.62.1",
+        "sass": "^1.72.0",
-        "tailwindcss": "^3.3.2",
+        "tailwindcss": "^3.4.1",
-        "typescript": "^5.0.4",
+        "typescript": "^5.4.3",
-        "unplugin-auto-import": "^0.16.2",
+        "unplugin-auto-import": "^0.17.5",
-        "unplugin-icons": "^0.16.1",
+        "unplugin-icons": "^0.18.5",
-        "unplugin-vue-components": "^0.24.0",
+        "unplugin-vue-components": "^0.26.0",
-        "vite": "^4.3.8",
+        "vite": "^5.2.3",
         "vite-plugin-html": "^3.2.0",
         "vite-plugin-mock": "^3.0.0",
-        "vue-tsc": "^1.6.5"
+        "vue-tsc": "^2.0.7"
     }
 }

resources/admin/components/admin/dialog/index.vue

@@ -12,7 +12,9 @@
           </div>
         </div>
       </template>
-      <slot />
+        <div class="pt-4">
+            <slot />
+        </div>
       <template #footer v-if="showFooter">
         <span class="dialog-footer">
           <el-button @click="close">{{ $t('system.cancel') }}</el-button>

resources/admin/components/admin/paginate/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex justify-end pt-5">
-    <el-pagination background :layout="layout" :current-page="page" :page-size="limit" @current-change="changePage" @size-change="changeLimit" :total="total" :page-sizes="pageSizes" />
+    <el-pagination background :layout="layout" :current-page="page" :page-size="limit" @current-change="changePage" @size-change="changeLimit" :total="parseInt(total)" :page-sizes="pageSizes" />
   </div>
 </template>
 
@@ -14,12 +14,10 @@ const pageSizes = [10, 20, 30, 50]
 interface paginate {
   page: number
   limit: number
-  total: number
+  total: string
   changePage: number
   changeLimit: number
 }
 
 const { page, limit, total, changePage, changeLimit } = inject('paginate') as paginate
 </script>
-
-<style scoped></style>

resources/admin/components/admin/table/search.vue

@@ -30,4 +30,8 @@ defineProps({
 })
 </script>
 
-<style scoped></style>
+<style scoped>
+:deep(.el-form-item) {
+    min-width: 240px;
+}
+</style>

resources/admin/composables/curd/useExcelDownload.ts

@@ -0,0 +1,50 @@
+import Request from '/admin/support/request'
+import { ref, watch } from 'vue'
+import Message from '/admin/support/message'
+
+export function useExcelDownload() {
+  const http = new Request()
+  const isSuccess = ref(false)
+  const loading = ref<boolean>(false)
+  const afterDownload = ref()
+  function download(path: string, data: object = {}) {
+    loading.value = true
+    http
+      .setResponseType('blob')
+      .init()
+      .get(path + '/export', data)
+      .then(r => {
+        if (r.headers['content-type'] === 'application/json') {
+          const blob = new Blob([r.data], { type: r.headers['content-type'] })
+          const blobReader = new Response(blob).json()
+          blobReader.then(res => {
+            if (res.code === 1e4) {
+              Message.success(res.message)
+            } else {
+              Message.error(res.message)
+            }
+          })
+        } else {
+          const downloadLink = document.createElement('a')
+          const blob = new Blob([r.data], { type: r.headers['content-type'] })
+          downloadLink.href = URL.createObjectURL(blob)
+          downloadLink.download = r.headers.filename
+          document.body.appendChild(downloadLink)
+          downloadLink.click()
+          document.body.removeChild(downloadLink)
+        }
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  }
+
+  const success = (func: Function) => {
+    watch(isSuccess, function () {
+      isSuccess.value = false
+      func()
+    })
+  }
+
+  return { download, success, loading, afterDownload }
+}

resources/admin/composables/upload.ts

@@ -0,0 +1,85 @@
+import { ref } from 'vue'
+import { getFileExt, getFilename } from '@/form/support/helper'
+import { Code } from '@/form/enum/app'
+import Message from '@/form/support/message'
+import { genFileId } from 'element-plus'
+import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
+
+// 上传文件
+export function uploadFile(action: string, ext: Array<String>, isValidate: boolean = true) {
+  const upload = ref<UploadInstance>()
+
+  const file = ref<string>('')
+  const filename = ref<string>('')
+  const fileExtensions = ext.join('|')
+
+  // 上传前的钩子 判断文件类型
+  const beforeUpload = (file: UploadRawFile) => {
+    if (isValidate) {
+        const isCanUpload = ext.indexOf(getFileExt(file.name).substring(1)) > -1
+      if (!isCanUpload) {
+        Message.error('不符合上传文件类型，仅支持' + fileExtensions)
+      }
+      return isCanUpload
+    } else {
+      return true
+    }
+  }
+
+  const handleExceed: UploadProps['onExceed'] = files => {
+    upload.value!.clearFiles()
+    const file = files[0] as UploadRawFile
+    file.uid = genFileId()
+    upload.value!.handleStart(file)
+    upload.value!.submit()
+  }
+
+  const handleSuccess = (response: any, uploadFile: any) => {
+    if (response.code === Code.SUCCESS) {
+      file.value = response.data.path
+      filename.value = getFilename(file.value)
+    } else {
+      Message.error(response.message)
+    }
+  }
+
+  return { upload, beforeUpload, handleExceed, handleSuccess, file, filename, fileExtensions }
+}
+
+// 上传图片
+// 上传文件
+export function uploadImage(action: string, extensions: Array<String>) {
+  const upload = ref<UploadInstance>()
+
+  const file = ref<string>('')
+  const filename = ref<string>('')
+  const fileExtensions = extensions
+
+  // 上传前的钩子 判断文件类型
+  const beforeUpload = (file: UploadRawFile) => {
+    const isCanUpload = fileExtensions.indexOf(getFileExt(file.name).substring(1)) > -1
+    if (!isCanUpload) {
+      Message.error('不符合上传文件类型，仅支持' + fileExtensions)
+    }
+    return isCanUpload
+  }
+
+  const handleExceed: UploadProps['onExceed'] = files => {
+    upload.value!.clearFiles()
+    const file = files[0] as UploadRawFile
+    file.uid = genFileId()
+    upload.value!.handleStart(file)
+    upload.value!.submit()
+  }
+
+  const handleSuccess = (response: any, uploadFile: any) => {
+    if (response.code === Code.SUCCESS) {
+      file.value = response.data.path
+      filename.value = getFilename(file.value)
+    } else {
+      Message.error(response.message)
+    }
+  }
+
+  return { upload, beforeUpload, handleExceed, handleSuccess, file, filename, fileExtensions }
+}

resources/admin/directives/permission/action.ts

@@ -8,7 +8,7 @@ function checkAction(el: any, action: any) {
     action = action.value.replace('@', '.').toLowerCase()
     const hasAction = permissions?.some(permission => {
       if (permission.type === MenuType.Button_Type) {
-        const a: string = permission.module + '.' + permission.permission_mark.replace('@', '.')
+        const a: string = permission.module + '.' + permission.permission_mark.replaceAll('@', '.')
         return action === a.toLowerCase()
       }
     })

resources/admin/layout/components/Menu/item.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-sub-menu :index="menu?.path" :class="subMenuClass" v-if="menu?.children?.length">
+  <el-sub-menu :index="menu?.path" :class="subMenuClass" v-if="menu?.children?.length" :key="menu?.path">
     <template #title>
       <el-icon>
         <Icon :name="menu?.meta?.icon" v-if="menu?.meta?.icon" class="text-sm" />
@@ -9,7 +9,7 @@
     <slot />
   </el-sub-menu>
 
-  <el-menu-item v-else class="ct-menu-item" :index="menu?.path" @click="isMiniScreen() && store.changeExpaned()">
+  <el-menu-item v-else class="ct-menu-item" :index="menu?.path" @click="isMiniScreen() && store.changeExpaned()" :key="menu?.path">
     <el-icon>
       <Icon :name="menu?.meta?.icon" v-if="menu?.meta?.icon" class="text-sm" />
     </el-icon>

resources/admin/layout/components/Menu/menus.vue

@@ -14,8 +14,25 @@
 </template>
 <script lang="ts" setup>
 import { useAppStore } from '/admin/stores/modules/app'
+import { watch } from 'vue'
+import router from '/admin/router'
+import { useNavTabStore } from '/admin/stores/modules/tabs'
 
 const appStore = useAppStore()
+const navTabStore = useNavTabStore()
+watch(() => router.currentRoute, (to, from) => {
+    const tab: any = {
+        name: to.value.name,
+        fullPath: to.value.fullPath,
+        path: to.value.path,
+        is_active: true,
+        meta: {
+            title: to.value.meta.title,
+            affix: false,
+        }
+    }
+    navTabStore.addTabs(tab)
+}, {deep:true, immediate:true})
 </script>
 
 <style scoped lang="scss">

resources/admin/layout/components/header/contextMenu.vue

@@ -0,0 +1,70 @@
+<template>
+    <div @contextmenu.prevent="handleContextMenu" class="flex gap-x-2">
+        <slot></slot>
+        <!-- 右击菜单 -->
+        <div v-if="showMenu" class="absolute z-[1000] bg-white dark:bg-regal-dark shadow-xl rounded border border-gray-200" :style="{ top: `${position.y}px`, left: `${position.x}px` }">
+            <ul class="w-20 text-center py-1">
+                <li v-for="(item, index) in menuItems" :key="index" @click="item.action()" class="hover:bg-gray-50 px-2 py-1 hover:cursor-pointer text-[12px]">
+                    {{ item.label }}
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onUnmounted } from 'vue';
+import { useNavTabStore } from '/admin/stores/modules/tabs';
+
+const navTabStore = useNavTabStore();
+interface MenuItem {
+    label: string;
+    action: Function;
+}
+
+const position = reactive({ x: 0, y: 0 });
+const showMenu = ref(false);
+const menuItems = ref<Array<MenuItem>>([
+    { label: '刷新', action: () => {
+        navTabStore.refreshCurrentTab();
+      }
+    },
+    { label: '关闭', action: () => {
+         navTabStore.removeCurrentTab();
+      }
+    },
+    { label: '关闭其他', action: () => { navTabStore.removeOtherTabs() } },
+    { label: '关闭所有', action: () => { navTabStore.removeAllTabs() } },
+]);
+
+const handleContextMenu = (event: MouseEvent) => {
+    event.preventDefault();
+    position.x = event.clientX;
+    position.y = event.clientY;
+    showMenu.value = true;
+};
+
+const handleClickOutside = () => {
+    showMenu.value = false;
+};
+
+window.addEventListener('click', handleClickOutside);
+
+onUnmounted(() => {
+    window.removeEventListener('click', handleClickOutside);
+});
+
+const handleMenuItemClick = (action: string) => {
+    console.log('执行操作：', action);
+};
+</script>
+
+<style>
+.context-menu {
+    position: absolute;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    z-index: 1000;
+}
+</style>

resources/admin/layout/components/header/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="flex flex-row h-16 w-full drop-shadow border-l dark:border-l-0 border-gray-200" style="background-color: var(--header-bg-color)">
+  <div class="flex flex-row h-14 w-full drop-shadow border-l border-gray-200" style="background-color: var(--header-bg-color)">
-    <div class="flex flex-row justify-between w-full h-16">
+    <div class="flex flex-row justify-between w-full h-14">
       <div class="flex flex-row min-w-[17rem]">
         <div class="h-full flex items-center w-8 ml-2 hover:cursor-pointer" @click="store.changeExpaned">
           <Icon name="list-bullet" class="w-6 h-8" />
@@ -24,11 +24,12 @@
       </div>
     </div>
   </div>
+  <Tabs/>
 </template>
 <script setup lang="ts">
 import { useAppStore } from '/admin/stores/modules/app'
 import Notification from './notification.vue'
 import MenuSearch from './menuSearch.vue'
-
+import Tabs from './tabs.vue'
 const store = useAppStore()
 </script>

resources/admin/layout/components/header/lang.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-10 h-10 grid place-items-center rounded-full mt-3 hover:cursor-pointer">
+  <div class="w-10 h-10 grid place-items-center rounded-full mt-2 hover:cursor-pointer">
     <div class="flex hover:cursor-pointer pl-1 pr-1">
       <el-dropdown size="large" class="flex items-center justify-center hover:cursor-pointer w-full" @command="selectLanguage">
         <Icon name="language" />

resources/admin/layout/components/header/menuSearch.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-10 h-10 grid place-items-center rounded-full mt-3 hover:cursor-pointer">
+  <div class="w-10 h-10 grid place-items-center rounded-full mt-2 hover:cursor-pointer">
     <div class="flex flex-row w-96">
       <Icon name="magnifying-glass" class="hidden sm:block" @click="searchMenuVisiable = true" />
 

resources/admin/layout/components/header/notification.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 通知 -->
-  <div class="w-10 h-10 grid place-items-center rounded-full mt-3 hover:cursor-pointer" ref="messageRef" v-click-outside="onClickOutside">
+  <div class="w-10 h-10 grid place-items-center rounded-full mt-2 hover:cursor-pointer" ref="messageRef" v-click-outside="onClickOutside">
     <el-badge :value="3">
       <Icon name="bell" />
     </el-badge>

resources/admin/layout/components/header/tabs.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { useNavTabStore } from '/admin/stores/modules/tabs'
+import ContextMenu from './contextMenu.vue'
+import { computed, ref, onMounted,onBeforeUnmount, watch } from 'vue'
+const navTabStore = useNavTabStore()
+const tabs = computed(() => navTabStore.getNavTabs)
+</script>
+
+<template>
+    <div class="h-10 bg-white dark:bg-regal-dark px-1 sm:px-3 w-full flex gap-x-2" ref="container" v-if="tabs.length > 0">
+        <ContextMenu>
+            <el-tag
+                class="mt-1.5 hover:cursor-pointer"
+                v-for="(tag, index) in tabs" :key="index"
+                :closable="!tag.meta.affix"
+                :disable-transitions="false"
+                :effect="tag.is_active ? 'dark' : 'plain'"
+                @click.prevent="navTabStore.selectTab(tag)"
+                @close="navTabStore.removeTab(index)"
+            >
+                {{ tag.meta.title }}
+            </el-tag>
+        </ContextMenu>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

resources/admin/layout/components/header/theme.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-10 h-10 grid place-items-center rounded-full mt-3 hover:cursor-pointer">
+  <div class="w-10 h-10 grid place-items-center rounded-full mt-2 hover:cursor-pointer">
     <Icon name="moon" @click="changeTheme()" v-if="isDark" />
     <Icon name="sun" @click="changeTheme()" v-else />
   </div>

resources/admin/stores/modules/tabs/index.ts

@@ -0,0 +1,130 @@
+import { defineStore } from 'pinia'
+import router from '/admin/router'
+interface meta {
+    title: string
+    affix: boolean
+}
+interface tab {
+    name: string
+    fullPath: string
+    path: string
+    is_active:boolean,
+    meta: meta
+}
+
+const defaultTab: tab = {
+    name: 'Dashboard',
+    fullPath: '/dashboard',
+    path: '/dashboard',
+    is_active: true,
+    meta: {
+        title: 'Dashboard',
+        affix: true,
+    },
+}
+
+export const useNavTabStore = defineStore('nav_tabs', {
+    state: ()=> {
+        return {
+            tabs: [defaultTab] as Array<tab>,
+        }
+    },
+
+    getters: {
+        getNavTabs(state): Array<tab> {
+            return state.tabs
+        },
+    },
+
+    actions: {
+        addTabs(Tab: tab): void {
+            if (this.tabs.length >= 20) {
+                console.log('最多添加 20 个 tab 标签');
+                return;
+            }
+
+            let isExist = false
+
+            this.tabs.map(t => {
+                if (t.name === Tab.name) {
+                    isExist = true
+                    t.is_active = true
+                } else {
+                    t.is_active = false
+                }
+            })
+
+            if (!isExist) {
+                this.tabs.push(Tab)
+            }
+        },
+
+        getActiveTabIndex(): number|null {
+            for (let i = 0; i < this.tabs.length; i++) {
+                if (this.tabs[i].is_active) {
+                    return i
+                }
+            }
+
+            return null;
+        },
+
+        selectTab(tab: tab): void {
+            this.tabs.map(t => {
+                if (t.name === tab.name) {
+                    t.is_active = true
+                } else {
+                    t.is_active = false
+                }
+            })
+
+            router.push(tab.fullPath)
+        },
+
+        removeTab(index: number): void {
+            const activeIndex = this.getActiveTabIndex()
+            if (index === activeIndex) {
+                this.tabs = this.tabs.filter((_, idx) => idx !== index);
+                router.push(this.tabs[index - 1].fullPath)
+            } else {
+                const goPath = activeIndex ? this.tabs[activeIndex].fullPath : this.tabs[index - 1].fullPath
+                this.tabs = this.tabs.filter((_, idx) => idx !== index);
+                router.push(goPath)
+            }
+        },
+
+
+        // 右击菜单操作
+        // 刷新
+        refreshCurrentTab() {
+            const index = this.getActiveTabIndex()
+            if (index) {
+                router.replace({ path: this.tabs[index].fullPath });
+
+                // router.push({ path: this.tabs[index].fullPath });
+            }
+        },
+        // 关闭当前
+        removeCurrentTab() {
+            const index = this.getActiveTabIndex()
+            if (index) {
+                if (this.tabs[index].meta.affix) {
+                    return
+                }
+                this.removeTab(index)
+            }
+        },
+        // 关闭所有
+        removeAllTabs() {
+            this.tabs = [defaultTab]
+            router.push('/dashboard')
+        },
+        // 关闭其他
+        removeOtherTabs() {
+            const index = this.getActiveTabIndex()
+            if (index) {
+                this.tabs = this.tabs.filter((_, idx) => idx === index || idx === 0)
+            }
+        }
+    },
+})

resources/admin/stores/modules/user/permissions.ts

@@ -135,7 +135,7 @@ export const usePermissionsStore = defineStore('PermissionsStore', {
           }
           const menu: Menu = Object.assign({
             path: this.resolveRoutePathRoutePath(permission.route, path),
-            name: permission.module + '_' + permission.permission_mark,
+              name: permission.module + '_' + permission.permission_mark + permission.route.replace('/', '_'),
             component: importComponent,
             redirect: permission.redirect,
             meta: Object.assign({ title: permission.permission_name, icon: permission.icon, hidden: permission.hidden, active_menu: permission.active_menu }),

resources/admin/support/catchAdmin.ts

@@ -4,11 +4,14 @@ import App from '/admin/App.vue'
 import router, { bootstrapRouter } from '/admin/router'
 import ElementPlus from 'element-plus'
 import zh from 'element-plus/es/locale/lang/zh-cn'
+import en from 'element-plus/es/locale/lang/en'
+
 import { bootstrapStore } from '/admin/stores'
 import Cache from './cache'
 import { bootstrapI18n } from '/admin/i18n'
 import guard from '/admin/router/guard'
 import { bootstrapDirectives } from '/admin/directives'
+import { Language } from 'element-plus/es/locale'
 
 /**
  * catchadmin
@@ -63,9 +66,13 @@ export default class CatchAdmin {
    * @returns
    */
   protected useElementPlus(): CatchAdmin {
-    // @ts-ignore
+    const languages: Record<string, Language> = {
+       zh, en
+    }
+
+    const language = Cache.get('language') || 'zh'
     this.app.use(ElementPlus, {
-      locale: Cache.get('language') === 'zh' && zh,
+      locale: languages[language]
     })
     return this
   }

resources/admin/support/http.ts

@@ -1,216 +1,4 @@
-import { Code } from '/admin/enum/app'
+import Request from './request'
-import axios, { AxiosInstance, AxiosRequestConfig } from 'axios'
-import { getAuthToken, getBaseUrl, removeAuthToken } from './helper'
-import Message from './message'
-import router from '/admin/router'
-import ResponseData from '/admin/types/responseData'
 
-/**
+const http = new Request()
- * http util
- */
-class Http {
-  /**
-   * axios config
-   * @protected
-   */
-  protected config: AxiosRequestConfig = {}
-
-  /**
-   * base url
-   * @protected
-   */
-  protected baseURL: string = ''
-
-  /**
-   * http request timeout
-   *
-   * @protected
-   */
-  protected timeout: number = 0
-
-  /**
-   * http request headers
-   *
-   * @protected
-   */
-  protected headers: { [k: string]: string } = {}
-
-  /**
-   * axios instance
-   *
-   * @protected
-   */
-  protected request: AxiosInstance
-
-  /**
-   * instance
-   */
-  constructor() {
-    this.request = axios.create(this.getConfig())
-  }
-
-  /**
-   * get request
-   *
-   * @param path
-   * @param params
-   */
-  public get(path: string, params: object = {}) {
-    return this.request.get(this.baseURL + path, {
-      params,
-    })
-  }
-
-  /**
-   * post request
-   *
-   * @param path
-   * @param data
-   */
-  public post(path: string, data: object = {}) {
-    return this.request.post(this.baseURL + path, data)
-  }
-
-  /**
-   * put request
-   *
-   * @param path
-   * @param data
-   */
-  public put(path: string, data: object = {}) {
-    return this.request.put(this.baseURL + path, data)
-  }
-
-  /**
-   * delete request
-   *
-   * @param path
-   */
-  public delete(path: string) {
-    return this.request.delete(this.baseURL + path)
-  }
-
-  /**
-   * set timeout
-   *
-   * @param timeout
-   * @returns
-   */
-  public setTimeout(timeout: number): Http {
-    this.timeout = timeout
-
-    return this
-  }
-
-  /**
-   * set baseurl
-   *
-   * @param url
-   * @returns
-   */
-  public setBaseUrl(url: string): Http {
-    this.baseURL = url
-
-    return this
-  }
-
-  /**
-   * set headers
-   *
-   * @param key
-   * @param value
-   * @returns
-   */
-  public setHeader(key: string, value: string): Http {
-    this.headers.key = value
-
-    return this
-  }
-
-  /**
-   * get axios 配置
-   *
-   * @returns
-   */
-  protected getConfig(): AxiosRequestConfig {
-    // set base url
-    this.config.baseURL = getBaseUrl()
-
-    // set timeout
-    this.config.timeout = this.timeout ? this.timeout : 10000
-
-    // set ajax request
-    this.headers['X-Requested-With'] = 'XMLHttpRequest'
-    // set dashboard request
-    this.headers['Request-from'] = 'Dashboard'
-    this.config.headers = this.headers
-
-    return this.config
-  }
-
-  /**
-   * 添加请求拦截器
-   *
-   */
-  public interceptorsOfRequest(): void {
-    // @ts-ignore
-    this.request.interceptors.request.use((config: AxiosRequestConfig) => {
-      const token = getAuthToken()
-      if (token) {
-        if (!config.headers) {
-          config.headers = {}
-        }
-
-        config.headers.authorization = 'Bearer ' + token
-      }
-
-      return config
-    })
-  }
-
-  /**
-   * 添加响应拦截器
-   *
-   */
-  public interceptorsOfResponse(): void {
-    this.request.interceptors.response.use(
-      response => {
-        const r: ResponseData = response.data
-        const code = r.code
-        const message = r.message
-        if (code === 1e4) {
-          return response
-        }
-
-        if (code === 10004) {
-          Message.error(message || 'Error')
-        } else if (code === Code.LOST_LOGIN || code === Code.LOGIN_EXPIRED) {
-          // to re-login
-          Message.confirm(message + '，需要重新登陆', function () {
-            removeAuthToken()
-            router.push('/login')
-          })
-        } else if (code === Code.LOGIN_BLACKLIST || code === Code.USER_FORBIDDEN) {
-          Message.error(message || 'Error')
-          removeAuthToken()
-          // to login page
-          router.push('/login')
-        } else {
-          Message.error(message || 'Error')
-        }
-
-        return Promise.reject(new Error(message || 'Error'))
-      },
-      error => {
-        Message.error(error.message)
-        return Promise.reject(error)
-      },
-    )
-  }
-}
-
-const http = new Http()
-http.interceptorsOfRequest()
-
-http.interceptorsOfResponse()
 export default http

resources/admin/support/request.ts

@@ -0,0 +1,235 @@
+import { Code } from '/admin/enum/app'
+import axios, { AxiosInstance, AxiosRequestConfig } from 'axios'
+import { getAuthToken, getBaseUrl, removeAuthToken } from './helper'
+import Message from './message'
+import router from '/admin/router'
+import ResponseData from '/admin/types/responseData'
+
+type responseType = 'arraybuffer' | 'document' | 'json' | 'text' | 'stream' | 'blob'
+
+/**
+ * http util
+ */
+class Request {
+  /**
+   * axios config
+   * @protected
+   */
+  protected config: AxiosRequestConfig = {}
+
+  /**
+   * base url
+   * @protected
+   */
+  protected baseURL: string = ''
+
+  /**
+   * http request timeout
+   *
+   * @protected
+   */
+  protected timeout: number = 0
+
+  /**
+   * http request headers
+   *
+   * @protected
+   */
+  protected headers: { [k: string]: string } = {}
+
+  /**
+   * axios instance
+   *
+   * @protected
+   */
+  // @ts-ignore
+  protected request: AxiosInstance
+
+  /**
+   * 响应结构
+   *
+   * @protected
+   */
+  protected responseType: responseType = 'json'
+
+  public init() {
+    this.request = axios.create(this.getConfig())
+    this.interceptorsOfRequest()
+    this.interceptorsOfResponse()
+    return this
+  }
+
+  /**
+   * get request
+   *
+   * @param path
+   * @param params
+   */
+  public get(path: string, params: object = {}) {
+    this.init()
+    return this.request.get(this.baseURL + path, {
+      params,
+    })
+  }
+
+  /**
+   * post request
+   *
+   * @param path
+   * @param data
+   */
+  public post(path: string, data: object = {}) {
+    this.init()
+    return this.request.post(this.baseURL + path, data)
+  }
+
+  /**
+   * put request
+   *
+   * @param path
+   * @param data
+   */
+  public put(path: string, data: object = {}) {
+    this.init()
+    return this.request.put(this.baseURL + path, data)
+  }
+
+  /**
+   * delete request
+   *
+   * @param path
+   */
+  public delete(path: string) {
+    this.init()
+    return this.request.delete(this.baseURL + path)
+  }
+
+  /**
+   * set timeout
+   *
+   * @param timeout
+   * @returns
+   */
+  public setTimeout(timeout: number): Request {
+    this.timeout = timeout
+
+    return this
+  }
+
+  /**
+   * set baseurl
+   *
+   * @param url
+   * @returns
+   */
+  public setBaseUrl(url: string): Request {
+    this.baseURL = url
+
+    return this
+  }
+
+  /**
+   * set headers
+   *
+   * @param key
+   * @param value
+   * @returns
+   */
+  public setHeader(key: string, value: string): Request {
+    this.headers.key = value
+
+    return this
+  }
+
+  /**
+   * get axios 配置
+   *
+   * @returns
+   */
+  protected getConfig(): AxiosRequestConfig {
+    // set base url
+    this.config.baseURL = getBaseUrl()
+    //
+    this.config.responseType = this.responseType
+    // set timeout
+    this.config.timeout = this.timeout ? this.timeout : 10000
+
+    // set ajax request
+    this.headers['X-Requested-With'] = 'XMLHttpRequest'
+    // set dashboard request
+    this.headers['Request-from'] = 'Dashboard'
+    this.config.headers = this.headers
+    return this.config
+  }
+
+  public setResponseType(type: responseType) {
+    this.responseType = type
+
+    return this
+  }
+
+  /**
+   * 添加请求拦截器
+   *
+   */
+  public interceptorsOfRequest(): void {
+    // @ts-ignore
+    this.request.interceptors.request.use((config: AxiosRequestConfig) => {
+      const token = getAuthToken()
+      if (token) {
+        if (!config.headers) {
+          config.headers = {}
+        }
+
+        config.headers.authorization = 'Bearer ' + token
+      }
+
+      return config
+    })
+  }
+
+  /**
+   * 添加响应拦截器
+   *
+   */
+  public interceptorsOfResponse(): void {
+    this.request.interceptors.response.use(
+      response => {
+        // 如果是 blob response type, 直接返回 response
+        if (response.request.responseType === 'blob') {
+          return response
+        }
+
+        const r: ResponseData = response.data
+        const code = r.code
+        const message = r.message
+        if (code === 1e4) {
+          return response
+        }
+
+        if (code === 10004) {
+          Message.error(message || 'Error')
+        } else if (code === Code.LOST_LOGIN || code === Code.LOGIN_EXPIRED) {
+          // to re-login
+          Message.confirm(message + '，需要重新登陆', function () {
+            removeAuthToken()
+            router.push('/login')
+          })
+        } else if (code === Code.LOGIN_BLACKLIST || code === Code.USER_FORBIDDEN) {
+          Message.error(message || 'Error')
+          removeAuthToken()
+          // to login page
+          router.push('/login')
+        } else {
+          Message.error(message || 'Error')
+        }
+        return Promise.reject(new Error(message || 'Error'))
+      },
+      error => {
+        Message.error(error.message)
+        return Promise.reject(error)
+      },
+    )
+  }
+}
+export default Request