auth/auth-web
auth
/
auth-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎨 feat: 删除按钮权限识别;如果有需要自己加

This commit is contained in:
bunny 2025-05-09 20:02:49 +08:00
parent 0b2ad00cfe
commit 7350bff058
55 changed files with 563 additions and 912 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
ReadMe.md
View File

@ -2,13 +2,11 @@
> [!IMPORTANT]
>
> 前端项目整体都由此模板开发
>
> 项目由[小铭](https://github.com/xiaoxian521)开源权限模板[Pure-admin](https://pure-admin.github.io/vue-pure-admin/)
> 开源权限模板[Pure-admin](https://pure-admin.github.io/vue-pure-admin/)
>
> **Pure-admin文档**：https://pure-admin.github.io/pure-admin-doc
> [!TIP]
>
> **默认凭证**
>
> 项目中有一个默认管理员，数据库中用户`id`是`1`：
>
@ -24,7 +22,9 @@
>
> `$2a$10$h5BUwmMaVcEuu7Bz0TPPy.PQV8JP6CFJlbHTgT78G1s0YPIu2kfXe`
## 视频说明地址
可粗可细的权限控制，多平台文件上传。
## 📽️视频说明地址
**介绍视频视频**
@ -51,10 +51,24 @@
一个基于 Spring Security 6 的现代化动态权限控制系统，提供完整的 RBAC 权限管理解决方案。支持前后端分离架构，可灵活配置细粒度权限控制。
## ✨ v4.0.0 重大更新
## 😋控制器上注解说明
整个项目是基于URL，方便定义权限接口，即使项目中接口不存在，通过URL的方式增删权限。
比如项目需要为`dept`分配了角色，这个角色可以访问`dept`下所有的接口，那么就可以写成`api/dept/**`，如果需要`dept`下某个接口，`/api/dept/aaa/bbb`，这种形式。
如果针对分页查询，分页参数写在URL上的，可以这样做，`/api/dept/*/*`这样就可以做到灵活的权限控制。
但是在部分场景下，接口就是我们的权限，这时如果手动一个一个添加URL很麻烦，所以使用的swagger自带的注解和`PermissionTag`，自定义的注解的方式，如果这时的项目需求是，为整个接口添加权限，就可以用反射的方式添加。
使用放射的方式已经放在controller的目录下，看`ReadMe`文档即可。
## ✨重大更新
### 核心改进
**v4.0.0**
- **全面重构**：后端接口、实体类等重构，前端重构部分j+优化操作体验
- **批量操作支持**：
- ✅菜单管理：完善属性内容
@ -62,27 +76,13 @@
- ✅ 角色管理：支持 Excel 批量更新
- ✅ 多语言配置：支持 JSON/Excel 更新（全量替换模式）
### 技术亮点
**v4.0.1**
- **注解扫描**：通过 `AnnotationScanner.java` 自动扫描想要的注解
- 文件系统支持多平台，只需要手动配置即可。
- 有需要参考文档：https://x-file-storage.xuyanwu.cn/#/
- 文件删除和下载等需要实现对应接口`FileRecorder `，目前以实现，对应代码和控制器都在文件夹`file`下，如有需要修改可以参考【x-file-storage】文档修改。
```java
// 示例：扫描特定注解的类
public static Set<Class<?>> getClassesWithAnnotation(Class<?> annotation) {
// 实现细节...
}
```
- **应用场景**：
- 定时任务配置
- 权限接口发现
### 界面优化
![权限管理界面](./images/image-20250428223816172.png)
![角色管理界面](./images/image-20250428223843974.png)
## :tipping_hand_man:用法提示
## 🧠用法提示
> [!TIP]
>
@ -124,17 +124,15 @@ http.authorizeHttpRequests(auth -> auth
### Maven工程结构
```mermaid
graph TD
父工程 -->|主项目| auth-api
父工程 -->|代码生成器| generator-code
auth-api -->|启动项、控制器| service
service -->|mapper| dao
service -->|包含domain、配置等| auth-core
dao -->|包含domain、配置等| auth-core
```
bunny-auth/
├── auth-api # 接口定义层
├── auth-core # 核心模块
│ ├── config # 安全配置
│ └── domain # domain
│ └── ...... # 还要很多...
├── service # 业务实现
└── dao # 数据持久层
```
## 🛠️ 应用场景
@ -164,10 +162,12 @@ dao -->|包含domain、配置等| auth-core
```java
@Tag(name = "系统权限")
@PermissionTag(permission = "permission::*")
@RestController
@RequestMapping("api/permission")
public class PermissionController {
@Operation(summary = "分页查询", tags = {"permission::page"})
@Operation(summary = "分页查询")
@PermissionTag(permission = "permission::query")
@GetMapping("{page}/{limit}")
public Result<PageResult<PermissionVo>> getPermissionPage(
@PathVariable Integer page,
@ -196,20 +196,20 @@ AntPath详情：https://juejin.cn/spost/7498247273660743732
## 🧰 技术栈
### 前端
### 😄前端
- Vue 3 + PureAdmin 模板
- 自定义权限组件
- 国际化支持
### 后端
### 😃后端
- Spring Boot 3 + Spring Security 6
- JDK 17
- MySQL + Redis + MinIO
- Swagger + Knife4j 文档
### 开发环境
### 😀开发环境
根据不同docker 启动方式不一样
@ -254,19 +254,11 @@ docker compose up -d
## 📈 后续规划
- [x] 权限级别拖拽
- [x] 权限树型结构动态添加、更新、删除
- [ ] 用户设置持久化存储到数据库
- [x] 权限弹窗页面优化
- [x] 后端文档注释完善
- [x] 系统监控后端返回403停止请求
- [x] 优化用户配置权限逻辑，配置后热更新逻辑等
- [x] 完善后端注释，有需要添加ReadMe文档
- [x] 获取Redis中活跃用户
暂无
## 前后端接口规范
## 📏前后端接口规范
### 前端示例规范
### 🌐前端示例规范
| **操作** | **API 层** | **Pinia 层** |
| :------- | :------------ | :-------------- |
@ -277,7 +269,7 @@ docker compose up -d
| 更新数据 | `updateUser` | `editUser` |
| 删除数据 | `deleteUser` | `removeUser` |
### 后端接口示例规范
### 🛟后端接口示例规范
遵循Restful

64
src/views/configuration/email-template/index.vue
View File

@ -1,14 +1,12 @@
<script lang="tsx" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { addDialog } from '@/components/ReDialog/index';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useEmailTemplateStore } from '@/store/configuration/emailTemplate';
import { useEmailUsersStore } from '@/store/configuration/emailUsers';
import { auth, columns, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate, selectRows } from '@/views/configuration/email-template/utils';
import { columns, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate, selectRows } from '@/views/configuration/email-template/utils';
import PureTable from '@pureadmin/table';
import { onMounted, ref } from 'vue';
import Delete from '~icons/ep/delete';
@ -68,43 +66,41 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="emailTemplateStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('emailTemplate_templateName')" prop="templateName">
<el-input
v-model="emailTemplateStore.form.templateName"
:placeholder="`${$t('input')}${$t('emailTemplate_templateName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('emailTemplate_subject')" prop="subject">
<el-input v-model="emailTemplateStore.form.subject" :placeholder="`${$t('input')}${$t('emailTemplate_subject')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('emailTemplate_body')" prop="body">
<el-input v-model="emailTemplateStore.form.body" :placeholder="`${$t('input')}${$t('emailTemplate_body')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('emailTemplate_type')" prop="type">
<el-input v-model="emailTemplateStore.form.type" :placeholder="`${$t('input')}${$t('emailTemplate_type')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="emailTemplateStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="emailTemplateStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('emailTemplate_templateName')" prop="templateName">
<el-input
v-model="emailTemplateStore.form.templateName"
:placeholder="`${$t('input')}${$t('emailTemplate_templateName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('emailTemplate_subject')" prop="subject">
<el-input v-model="emailTemplateStore.form.subject" :placeholder="`${$t('input')}${$t('emailTemplate_subject')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('emailTemplate_body')" prop="body">
<el-input v-model="emailTemplateStore.form.body" :placeholder="`${$t('input')}${$t('emailTemplate_body')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('emailTemplate_type')" prop="type">
<el-input v-model="emailTemplateStore.form.type" :placeholder="`${$t('input')}${$t('emailTemplate_type')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="emailTemplateStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('emailTemplate')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<!-- 新增 -->
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button : :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(selectRows.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button : :disabled="!(selectRows.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -158,12 +154,12 @@ onMounted(() => {
</el-button>
<!-- 修改 -->
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button : :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<!-- 删除 -->
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.templateName}?`" @confirm="onDelete(row)">
<el-popconfirm : :title="`${$t('delete')} ${row.templateName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/configuration/email-template/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
query: 'emailTemplate::query',
// 添加操作
add: ['emailTemplate::add'],
// 更新操作
update: ['emailTemplate::update'],
// 删除操作
delete: ['emailTemplate::delete'],
};

1
src/views/configuration/email-template/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

108
src/views/configuration/email-user/index.vue
View File

@ -1,24 +1,11 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { enabledOrNotStatus } from '@/enums/baseConstant';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useEmailUsersStore } from '@/store/configuration/emailUsers';
import {
auth,
columns,
deleteIds,
onAdd,
onChangeDefault,
onDelete,
onDeleteBatch,
onSearch,
onUpdate,
switchLoadMap,
} from '@/views/configuration/email-user/utils';
import { columns, deleteIds, onAdd, onChangeDefault, onDelete, onDeleteBatch, onSearch, onUpdate, switchLoadMap } from '@/views/configuration/email-user/utils';
import { usePublicHooks } from '@/views/hooks';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
@ -67,65 +54,58 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="emailUsersStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 邮箱-->
<el-form-item :label="$t('emailUsers_email')" prop="email">
<el-input v-model="emailUsersStore.form.email" :placeholder="`${$t('input')}${$t('emailUsers_email')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form ref="formRef" :inline="true" :model="emailUsersStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 邮箱-->
<el-form-item :label="$t('emailUsers_email')" prop="email">
<el-input v-model="emailUsersStore.form.email" :placeholder="`${$t('input')}${$t('emailUsers_email')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- host地址-->
<el-form-item :label="$t('emailUsers_host')" prop="host">
<el-input v-model="emailUsersStore.form.host" :placeholder="`${$t('input')}${$t('emailUsers_host')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- host地址-->
<el-form-item :label="$t('emailUsers_host')" prop="host">
<el-input v-model="emailUsersStore.form.host" :placeholder="`${$t('input')}${$t('emailUsers_host')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 端口号-->
<el-form-item :label="$t('emailUsers_port')" prop="port">
<el-input
v-model="emailUsersStore.form.port"
:placeholder="`${$t('input')}${$t('emailUsers_port')}`"
class="!w-[180px]"
clearable
max="99999"
min="0"
type="number"
/>
</el-form-item>
<!-- 端口号-->
<el-form-item :label="$t('emailUsers_port')" prop="port">
<el-input
v-model="emailUsersStore.form.port"
:placeholder="`${$t('input')}${$t('emailUsers_port')}`"
class="!w-[180px]"
clearable
max="99999"
min="0"
type="number"
/>
</el-form-item>
<!-- 协议 -->
<el-form-item :label="$t('emailUsers_smtpAgreement')" prop="smtpAgreement">
<el-input
v-model="emailUsersStore.form.smtpAgreement"
:placeholder="`${$t('input')}${$t('emailUsers_smtpAgreement')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<!-- 协议 -->
<el-form-item :label="$t('emailUsers_smtpAgreement')" prop="smtpAgreement">
<el-input v-model="emailUsersStore.form.smtpAgreement" :placeholder="`${$t('input')}${$t('emailUsers_smtpAgreement')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 是否启用SSL -->
<el-form-item label="SSL" prop="openSSL">
<el-select v-model="emailUsersStore.form.openSSL" class="!w-[180px]" clearable filterable placeholder="SSL">
<el-option v-for="(item, index) in enabledOrNotStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<!-- 是否启用SSL -->
<el-form-item label="SSL" prop="openSSL">
<el-select v-model="emailUsersStore.form.openSSL" class="!w-[180px]" clearable filterable placeholder="SSL">
<el-option v-for="(item, index) in enabledOrNotStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="emailUsersStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="emailUsersStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('email_user_send_config')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button : :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button : :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -182,16 +162,16 @@ onMounted(() => {
<!-- 插槽-更新用户 -->
<template #updateUser="{ row }">
<el-button v-if="hasAuth(auth.update)" v-show="row.updateUser" link type="primary" @click="selectUserinfo(row.updateUser)">
<el-button v-show="row.updateUser" : link type="primary" @click="selectUserinfo(row.updateUser)">
{{ row.updateUsername }}
</el-button>
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button : :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.email}?`" @confirm="onDelete(row)">
<el-popconfirm : :title="`${$t('delete')}${row.email}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/configuration/email-user/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
query: 'emailUsers::query',
// 添加操作
add: ['emailUsers::add'],
// 更新操作
update: ['emailUsers::update'],
// 删除操作
delete: ['emailUsers::delete'],
};

1
src/views/configuration/email-user/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

42
src/views/configuration/menu-icon/index.vue
View File

@ -1,13 +1,11 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useMenuIconStore } from '@/store/configuration/menuIcon';
import MenuIconSelectIconName from '@/views/configuration/menu-icon/components/menu-icon-select-icon-name.vue';
import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/configuration/menu-icon/utils';
import { columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/configuration/menu-icon/utils';
import PureTable from '@pureadmin/table';
import { onMounted, ref } from 'vue';
import Delete from '~icons/ep/delete';
@ -51,31 +49,29 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="menuIconStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('menuIcon_iconCode')" prop="iconCode">
<el-input v-model="menuIconStore.form.iconCode" :placeholder="`${$t('input')} ${$t('iconCode')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('menuIcon_iconName')" prop="iconName">
<MenuIconSelectIconName :form-inline="menuIconStore.form" class="!w-[180px]" />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="menuIconStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="menuIconStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('menuIcon_iconCode')" prop="iconCode">
<el-input v-model="menuIconStore.form.iconCode" :placeholder="`${$t('input')} ${$t('iconCode')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('menuIcon_iconName')" prop="iconName">
<MenuIconSelectIconName :form-inline="menuIconStore.form" class="!w-[180px]" />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="menuIconStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('menuIcon')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button : :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button : :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -123,10 +119,10 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button : :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.iconName}?`" @confirm="onDelete(row)">
<el-popconfirm : :title="`${$t('delete')}${row.iconName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

1
src/views/configuration/menu-icon/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

12
src/views/i18n/i18n-setting/utils/auth.ts
View File

@ -1,12 +0,0 @@
export const auth = {
// 分页查询
query: 'i18n::query',
// 添加操作
add: ['i18n::add'],
// 更新操作
update: ['i18n::update'],
// 删除操作
deleted: ['i18n::delete'],
// 下载多语言配置
download: ['i18n::update', 'i18n::download'],
};

1
src/views/i18n/i18n-setting/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

9
src/views/i18n/i18n-type-setting/index.vue
View File

@ -4,9 +4,8 @@ import { PureTableBar } from '@/components/RePureTableBar';
import TableIsDefaultTag from '@/components/Table/TableIsDefaultTag.vue';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { userI18nTypeStore } from '@/store/i18n/i18nType';
import { auth, columns, onAdd, onDelete, onSearch, onUpdate } from '@/views/i18n/i18n-type-setting/utils';
import { columns, onAdd, onDelete, onSearch, onUpdate } from '@/views/i18n/i18n-type-setting/utils';
import PureTable from '@pureadmin/table';
import { onMounted, ref } from 'vue';
import Delete from '~icons/ep/delete';
@ -50,7 +49,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('i18n_type')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button : :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
</template>
@ -92,10 +91,10 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button : :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.typeName}?`" @confirm="onDelete(row)">
<el-popconfirm : :title="`${$t('delete')} ${row.typeName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

8
src/views/i18n/i18n-type-setting/utils/auth.ts
View File

@ -1,8 +0,0 @@
export const auth = {
// 添加操作
add: ['i18nType::add'],
// 更新操作
update: ['i18nType::update'],
// 删除操作
delete: ['i18nType::delete'],
};

1
src/views/i18n/i18n-type-setting/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

4
src/views/message-manger/message-editing/components/message-editor-from.vue
View File

@ -1,6 +1,5 @@
<script lang="ts" setup>
import {
auth,
beforeUpload,
coverUrl,
formState,
@ -23,7 +22,6 @@ import { useMessageSendStore } from '@/store/message/messageSend';
import { usePublicHooks } from '@/views/hooks';
import { Plus } from '@element-plus/icons-vue';
import ImageLoading from '@/components/Upload/ImageLoading.vue';
import { hasAuth } from '@/router/utils';
const formRef = ref();
// 用户是否停用样式
@ -168,7 +166,7 @@ onMounted(() => {
<!-- 提交 -->
<el-form-item>
<div v-if="hasAuth(auth.add)" class="grid grid-cols-2 w-[100%]">
<div class="grid grid-cols-2 w-[100%]">
<el-button bg class="w-[100%]" text type="primary" @click="submitForm(formRef)">{{ $t('submit') }}</el-button>
<el-button bg class="w-[100%]" text @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</div>

4
src/views/message-manger/message-editing/utils/auth.ts
View File

@ -1,4 +0,0 @@
export const auth = {
// 添加操作
add: ['message::add'],
};

1
src/views/message-manger/message-editing/utils/index.ts
View File

@ -1,3 +1,2 @@
export * from './columns';
export * from './auth';
export * from './hooks';

132
src/views/message-manger/message-received/index.vue
View File

@ -1,15 +1,13 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { isReadStatus } from '@/enums/baseConstant';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useMessageReceivedStore } from '@/store/message/messageReceived';
import { useMessageTypeStore } from '@/store/message/messageType';
import { messageLevel } from '@/views/message-manger/message-editing/utils';
import { auth, columns, onDeleteBatch, onSearch, selectIds, updateMarkMessageReceived } from '@/views/message-manger/message-received/utils';
import { columns, onDeleteBatch, onSearch, selectIds, updateMarkMessageReceived } from '@/views/message-manger/message-received/utils';
import { Message } from '@element-plus/icons-vue';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
@ -55,100 +53,78 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="messageReceivedStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 消息标题 -->
<el-form-item :label="$t('title')" prop="title">
<el-input v-model="messageReceivedStore.form.title" :placeholder="`${$t('input')}${$t('title')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form ref="formRef" :inline="true" :model="messageReceivedStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 消息标题 -->
<el-form-item :label="$t('title')" prop="title">
<el-input v-model="messageReceivedStore.form.title" :placeholder="`${$t('input')}${$t('title')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 发送人昵称 -->
<el-form-item :label="$t('sendNickname')" prop="sendNickname">
<el-input v-model="messageReceivedStore.form.sendNickname" :placeholder="`${$t('input')}${$t('sendNickname')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 发送人昵称 -->
<el-form-item :label="$t('sendNickname')" prop="sendNickname">
<el-input v-model="messageReceivedStore.form.sendNickname" :placeholder="`${$t('input')}${$t('sendNickname')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 消息类型 -->
<el-form-item :label="$t('messageType')" prop="messageType">
<el-select
v-model="messageReceivedStore.form.messageType"
:placeholder="`${$t('select')}${$t('messageType')}`"
class="!w-[180px]"
clearable
filterable
>
<el-option
v-for="(item, index) in messageTypeStore.allMessageTypeList"
:key="index"
:label="item.messageName"
:navigationBar="false"
:value="item.messageType"
/>
</el-select>
</el-form-item>
<!-- 消息类型 -->
<el-form-item :label="$t('messageType')" prop="messageType">
<el-select v-model="messageReceivedStore.form.messageType" :placeholder="`${$t('select')}${$t('messageType')}`" class="!w-[180px]" clearable filterable>
<el-option
v-for="(item, index) in messageTypeStore.allMessageTypeList"
:key="index"
:label="item.messageName"
:navigationBar="false"
:value="item.messageType"
/>
</el-select>
</el-form-item>
<!-- 编辑器类型 -->
<el-form-item :label="$t('editorType')" prop="editorType">
<el-select v-model="messageReceivedStore.form.editorType" :placeholder="`${$t('select')}${$t('editorType')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in ['rich', 'markdown']" :key="index" :label="item" :navigationBar="false" :value="item" />
</el-select>
</el-form-item>
<!-- 编辑器类型 -->
<el-form-item :label="$t('editorType')" prop="editorType">
<el-select v-model="messageReceivedStore.form.editorType" :placeholder="`${$t('select')}${$t('editorType')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in ['rich', 'markdown']" :key="index" :label="item" :navigationBar="false" :value="item" />
</el-select>
</el-form-item>
<!-- 消息等级 -->
<el-form-item :label="$t('level')" prop="level">
<el-select v-model="messageReceivedStore.form.level" :placeholder="$t('level')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
</el-select>
</el-form-item>
<!-- 消息等级 -->
<el-form-item :label="$t('level')" prop="level">
<el-select v-model="messageReceivedStore.form.level" :placeholder="$t('level')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
</el-select>
</el-form-item>
<!-- 消息等级简介 -->
<el-form-item :label="$t('extra')" prop="extra">
<el-input v-model="messageReceivedStore.form.extra" class="!w-[180px]" maxlength="20" minlength="10" show-word-limit type="text" />
</el-form-item>
<!-- 消息等级简介 -->
<el-form-item :label="$t('extra')" prop="extra">
<el-input v-model="messageReceivedStore.form.extra" class="!w-[180px]" maxlength="20" minlength="10" show-word-limit type="text" />
</el-form-item>
<!-- 0:未读 1:已读 -->
<el-form-item :label="$t('status')" prop="status">
<el-select v-model="messageReceivedStore.form.status" :placeholder="$t('status')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="(item, index) in isReadStatus" :key="index" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<!-- 0:未读 1:已读 -->
<el-form-item :label="$t('status')" prop="status">
<el-select v-model="messageReceivedStore.form.status" :placeholder="$t('status')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="(item, index) in isReadStatus" :key="index" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="messageReceivedStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="messageReceivedStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="系统消息" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<!-- 标为已读 -->
<el-button
v-if="hasAuth(auth.update)"
:disabled="!(selectIds.length > 0)"
:icon="useRenderIcon('octicon:read-24')"
plain
type="primary"
@click="updateMarkMessageReceived(true)"
>
<el-button :disabled="!(selectIds.length > 0)" :icon="useRenderIcon('octicon:read-24')" plain type="primary" @click="updateMarkMessageReceived(true)">
{{ $t('markAsRead') }}
</el-button>
<!-- 标为未读 -->
<el-button
v-if="hasAuth(auth.update)"
:disabled="!(selectIds.length > 0)"
:icon="Message"
plain
type="primary"
@click="updateMarkMessageReceived(false)"
>
<el-button :disabled="!(selectIds.length > 0)" :icon="Message" plain type="primary" @click="updateMarkMessageReceived(false)">
{{ $t('markAsUnread') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(selectIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(selectIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('delete_batches') }}
</el-button>
</template>

8
src/views/message-manger/message-received/utils/auth.ts
View File

@ -1,8 +0,0 @@
export const auth = {
// 分页查询
query: 'messageReceived::query',
// 更新操作
update: ['messageReceived::update'],
// 删除操作
delete: ['messageReceived::delete'],
};

1
src/views/message-manger/message-received/utils/index.ts
View File

@ -1,3 +1,2 @@
export * from './columns';
export * from './auth';
export * from './hooks';

112
src/views/message-manger/message-send/index.vue
View File

@ -1,15 +1,13 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { isReadStatus } from '@/enums/baseConstant';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useMessageSendStore } from '@/store/message/messageSend';
import { useMessageTypeStore } from '@/store/message/messageType';
import { messageLevel } from '@/views/message-manger/message-editing/utils';
import { auth, columns, deleteIds, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/message-manger/message-send/utils';
import { columns, deleteIds, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/message-manger/message-send/utils';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
import { onMounted, ref } from 'vue';
@ -55,70 +53,68 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.search">
<el-form ref="formRef" :inline="true" :model="messageSendStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 消息标题 -->
<el-form-item :label="$t('title')" prop="title">
<el-input v-model="messageSendStore.form.title" :placeholder="`${$t('input')}${$t('title')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form ref="formRef" :inline="true" :model="messageSendStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 消息标题 -->
<el-form-item :label="$t('title')" prop="title">
<el-input v-model="messageSendStore.form.title" :placeholder="`${$t('input')}${$t('title')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 发送人昵称 -->
<el-form-item :label="$t('sendNickname')" prop="sendNickname">
<el-input v-model="messageSendStore.form.sendNickname" :placeholder="`${$t('input')}${$t('sendNickname')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 发送人昵称 -->
<el-form-item :label="$t('sendNickname')" prop="sendNickname">
<el-input v-model="messageSendStore.form.sendNickname" :placeholder="`${$t('input')}${$t('sendNickname')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 消息类型 -->
<el-form-item :label="$t('messageType')" prop="messageType">
<el-select v-model="messageSendStore.form.messageType" :placeholder="`${$t('select')}${$t('messageType')}`" class="!w-[180px]" clearable filterable>
<el-option
v-for="(item, index) in messageTypeStore.allMessageTypeList"
:key="index"
:label="item.messageName"
:navigationBar="false"
:value="item.messageType"
/>
</el-select>
</el-form-item>
<!-- 消息类型 -->
<el-form-item :label="$t('messageType')" prop="messageType">
<el-select v-model="messageSendStore.form.messageType" :placeholder="`${$t('select')}${$t('messageType')}`" class="!w-[180px]" clearable filterable>
<el-option
v-for="(item, index) in messageTypeStore.allMessageTypeList"
:key="index"
:label="item.messageName"
:navigationBar="false"
:value="item.messageType"
/>
</el-select>
</el-form-item>
<!-- 编辑器类型 -->
<el-form-item :label="$t('editorType')" prop="editorType">
<el-select v-model="messageSendStore.form.editorType" :placeholder="`${$t('select')}${$t('editorType')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in ['rich', 'markdown']" :key="index" :label="item" :navigationBar="false" :value="item" />
</el-select>
</el-form-item>
<!-- 编辑器类型 -->
<el-form-item :label="$t('editorType')" prop="editorType">
<el-select v-model="messageSendStore.form.editorType" :placeholder="`${$t('select')}${$t('editorType')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in ['rich', 'markdown']" :key="index" :label="item" :navigationBar="false" :value="item" />
</el-select>
</el-form-item>
<!-- 消息等级 -->
<el-form-item :label="$t('level')" prop="level">
<el-select v-model="messageSendStore.form.level" :placeholder="$t('level')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
</el-select>
</el-form-item>
<!-- 消息等级 -->
<el-form-item :label="$t('level')" prop="level">
<el-select v-model="messageSendStore.form.level" :placeholder="$t('level')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="item in messageLevel" :key="item" :label="$t(item)" :value="item" />
</el-select>
</el-form-item>
<!-- 消息等级简介 -->
<el-form-item :label="$t('extra')" prop="extra">
<el-input v-model="messageSendStore.form.extra" class="!w-[180px]" maxlength="20" minlength="10" show-word-limit type="text" />
</el-form-item>
<!-- 消息等级简介 -->
<el-form-item :label="$t('extra')" prop="extra">
<el-input v-model="messageSendStore.form.extra" class="!w-[180px]" maxlength="20" minlength="10" show-word-limit type="text" />
</el-form-item>
<!-- 0:未读 1:已读 -->
<el-form-item :label="$t('status')" prop="status">
<el-select v-model="messageSendStore.form.status" :placeholder="$t('status')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="(item, index) in isReadStatus" :key="index" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<!-- 0:未读 1:已读 -->
<el-form-item :label="$t('status')" prop="status">
<el-select v-model="messageSendStore.form.status" :placeholder="$t('status')" class="!w-[180px]" clearable filterable remote remote-show-suffix>
<el-option v-for="(item, index) in isReadStatus" :key="index" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="messageSendStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="messageSendStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="系统消息" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.deleted)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('delete_batches') }}
</el-button>
</template>
@ -186,10 +182,10 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.deleted)" :title="`${$t('delete')}${row.title}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.title}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/message-manger/message-send/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
search: 'message::getMessageList',
// 添加操作
add: ['message::addMessage'],
// 更新操作
update: ['message::updateMessage'],
// 删除操作
deleted: ['message::deleteMessage'],
};

1
src/views/message-manger/message-send/utils/index.ts
View File

@ -1,3 +1,2 @@
export * from './columns';
export * from './auth';
export * from './hooks';

66
src/views/message-manger/message-type/index.vue
View File

@ -1,14 +1,12 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { enabledOrNotStatus } from '@/enums/baseConstant';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useMessageTypeStore } from '@/store/message/messageType';
import { usePublicHooks } from '@/views/hooks';
import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/message-manger/message-type/utils';
import { columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/message-manger/message-type/utils';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
import { onMounted, ref } from 'vue';
@ -56,47 +54,45 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="messageTypeStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 消息名称 -->
<el-form-item :label="$t('messageName')" prop="messageName">
<el-input v-model="messageTypeStore.form.messageName" :placeholder="`${$t('input')}${$t('messageName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form ref="formRef" :inline="true" :model="messageTypeStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 消息名称 -->
<el-form-item :label="$t('messageName')" prop="messageName">
<el-input v-model="messageTypeStore.form.messageName" :placeholder="`${$t('input')}${$t('messageName')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 消息类型 -->
<el-form-item :label="$t('messageType')" prop="messageType">
<el-input v-model="messageTypeStore.form.messageType" :placeholder="`${$t('input')}${$t('messageType')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 消息类型 -->
<el-form-item :label="$t('messageType')" prop="messageType">
<el-input v-model="messageTypeStore.form.messageType" :placeholder="`${$t('input')}${$t('messageType')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 消息备注 -->
<el-form-item :label="$t('summary')" prop="summary">
<el-input v-model="messageTypeStore.form.summary" :placeholder="`${$t('input')}${$t('summary')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 消息备注 -->
<el-form-item :label="$t('summary')" prop="summary">
<el-input v-model="messageTypeStore.form.summary" :placeholder="`${$t('input')}${$t('summary')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 是否启用 -->
<el-form-item :label="$t('status')" prop="status">
<el-select v-model="messageTypeStore.form.status" :placeholder="`${$t('select')}${$t('status')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in enabledOrNotStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<!-- 是否启用 -->
<el-form-item :label="$t('status')" prop="status">
<el-select v-model="messageTypeStore.form.status" :placeholder="`${$t('select')}${$t('status')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in enabledOrNotStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="messageTypeStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="messageTypeStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="系统消息类型" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('delete_batches') }}
</el-button>
</template>
@ -151,10 +147,10 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.messageName}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.messageName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/message-manger/message-type/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
query: 'messageType::query',
// 添加操作
add: ['messageType::add'],
// 更新操作
update: ['messageType::update'],
// 删除操作
delete: ['messageType::delete'],
};

1
src/views/message-manger/message-type/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

103
src/views/monitor/scheduler-execute-log/index.vue
View File

@ -1,12 +1,10 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useQuartzExecuteLogStore } from '@/store/monitor/quartzExecuteLog';
import { auth, columns, deleteIds, onDelete, onDeleteBatch, onSearch, onView, state } from '@/views/monitor/scheduler-execute-log/utils';
import { columns, deleteIds, onDelete, onDeleteBatch, onSearch, onView, state } from '@/views/monitor/scheduler-execute-log/utils';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
import { onMounted, ref } from 'vue';
@ -53,61 +51,54 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.search">
<el-form ref="formRef" :inline="true" :model="quartzExecuteLogStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('quartzExecuteLog_jobName')" prop="jobName">
<el-input
v-model="quartzExecuteLogStore.form.jobName"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_jobName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_jobGroup')" prop="jobGroup">
<el-input
v-model="quartzExecuteLogStore.form.jobGroup"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_jobGroup')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_jobClassName')" prop="jobClassName">
<el-input
v-model="quartzExecuteLogStore.form.jobClassName"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_jobClassName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_cronExpression')" prop="cronExpression">
<el-input
v-model="quartzExecuteLogStore.form.cronExpression"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_cronExpression')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_triggerName')" prop="triggerName">
<el-input
v-model="quartzExecuteLogStore.form.triggerName"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_triggerName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="quartzExecuteLogStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="quartzExecuteLogStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('quartzExecuteLog_jobName')" prop="jobName">
<el-input v-model="quartzExecuteLogStore.form.jobName" :placeholder="`${$t('input')}${$t('quartzExecuteLog_jobName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_jobGroup')" prop="jobGroup">
<el-input
v-model="quartzExecuteLogStore.form.jobGroup"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_jobGroup')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_jobClassName')" prop="jobClassName">
<el-input
v-model="quartzExecuteLogStore.form.jobClassName"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_jobClassName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_cronExpression')" prop="cronExpression">
<el-input
v-model="quartzExecuteLogStore.form.cronExpression"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_cronExpression')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('quartzExecuteLog_triggerName')" prop="triggerName">
<el-input
v-model="quartzExecuteLogStore.form.triggerName"
:placeholder="`${$t('input')}${$t('quartzExecuteLog_triggerName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="quartzExecuteLogStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('quartzExecuteLog')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -163,10 +154,10 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.search)" :icon="useRenderIcon(View)" :size="size" class="reset-margin" link type="primary" @click="onView(row)">
<el-button :icon="useRenderIcon(View)" :size="size" class="reset-margin" link type="primary" @click="onView(row)">
{{ $t('view') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.jobName}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.jobName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

6
src/views/monitor/scheduler-execute-log/utils/auth.ts
View File

@ -1,6 +0,0 @@
export const auth = {
// 分页查询
search: ['scheduleExecuteLog::query', "'scheduleExecuteLog::queryPage'"],
// 删除操作
delete: ['scheduleExecuteLog::delete'],
};

1
src/views/monitor/scheduler-execute-log/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

11
src/views/monitor/user-login-log/index.vue
View File

@ -1,12 +1,10 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useUserLoginLogStore } from '@/store/monitor/userLoginLog';
import { auth, columns, deleteIds, onDelete, onDeleteBatch, onSearch, onView } from '@/views/monitor/user-login-log/utils';
import { columns, deleteIds, onDelete, onDeleteBatch, onSearch, onView } from '@/views/monitor/user-login-log/utils';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
import { onMounted, ref } from 'vue';
@ -89,12 +87,11 @@ onMounted(() => {
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<ReAuth :value="auth.search" />
<PureTableBar :columns="columns" :title="$t('userLoginLog')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -136,10 +133,10 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.search)" :icon="useRenderIcon(View)" :size="size" class="reset-margin" link type="primary" @click="onView(row)">
<el-button :icon="useRenderIcon(View)" :size="size" class="reset-margin" link type="primary" @click="onView(row)">
{{ $t('view') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.username}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.username}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

1
src/views/monitor/user-login-log/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

62
src/views/scheduler/schedulers-group/index.vue
View File

@ -1,12 +1,10 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useSchedulersGroupStore } from '@/store/scheduler/schedulersGroup';
import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/scheduler/schedulers-group/utils';
import { columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/scheduler/schedulers-group/utils';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
import { onMounted, ref } from 'vue';
@ -52,41 +50,39 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="schedulersGroupStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('schedulersGroup_groupName')" prop="groupName">
<el-input
v-model="schedulersGroupStore.form.groupName"
:placeholder="`${$t('input')}${$t('schedulersGroup_groupName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('schedulersGroup_description')" prop="description">
<el-input
v-model="schedulersGroupStore.form.description"
:placeholder="`${$t('input')}${$t('schedulersGroup_description')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="schedulersGroupStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="schedulersGroupStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('schedulersGroup_groupName')" prop="groupName">
<el-input
v-model="schedulersGroupStore.form.groupName"
:placeholder="`${$t('input')}${$t('schedulersGroup_groupName')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item :label="$t('schedulersGroup_description')" prop="description">
<el-input
v-model="schedulersGroupStore.form.description"
:placeholder="`${$t('input')}${$t('schedulersGroup_description')}`"
class="!w-[180px]"
clearable
/>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="schedulersGroupStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('schedulersGroup')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -128,10 +124,10 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.groupName}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.groupName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/scheduler/schedulers-group/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
query: 'schedulersGroup::query',
// 添加操作
add: ['schedulersGroup::add'],
// 更新操作
update: ['schedulersGroup::update'],
// 删除操作
delete: ['schedulersGroup::delete'],
};

1
src/views/scheduler/schedulers-group/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

61
src/views/scheduler/schedulers/index.vue
View File

@ -4,7 +4,6 @@ import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useSchedulersStore } from '@/store/scheduler/schedulers';
import { auth, columns, onAdd, onDelete, onPause, onResume, onSearch, onUpdate } from '@/views/scheduler/schedulers/utils';
import PureTable from '@pureadmin/table';
@ -47,38 +46,36 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="schedulersStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('schedulers_jobName')" prop="jobName">
<el-input v-model="schedulersStore.form.jobName" :placeholder="`${$t('input')}${$t('schedulers_jobName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_jobGroup')" prop="jobGroup">
<el-input v-model="schedulersStore.form.jobGroup" :placeholder="`${$t('input')}${$t('schedulers_jobGroup')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_description')" prop="description">
<el-input v-model="schedulersStore.form.description" :placeholder="`${$t('input')}${$t('schedulers_description')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_jobClassName')" prop="jobClassName">
<el-input v-model="schedulersStore.form.jobClassName" :placeholder="`${$t('input')}${$t('schedulers_jobClassName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_triggerName')" prop="triggerName">
<el-input v-model="schedulersStore.form.triggerName" :placeholder="`${$t('input')}${$t('schedulers_triggerName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_triggerState')" prop="triggerState">
<el-input v-model="schedulersStore.form.triggerState" :placeholder="`${$t('input')}${$t('schedulers_triggerState')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="schedulersStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="schedulersStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('schedulers_jobName')" prop="jobName">
<el-input v-model="schedulersStore.form.jobName" :placeholder="`${$t('input')}${$t('schedulers_jobName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_jobGroup')" prop="jobGroup">
<el-input v-model="schedulersStore.form.jobGroup" :placeholder="`${$t('input')}${$t('schedulers_jobGroup')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_description')" prop="description">
<el-input v-model="schedulersStore.form.description" :placeholder="`${$t('input')}${$t('schedulers_description')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_jobClassName')" prop="jobClassName">
<el-input v-model="schedulersStore.form.jobClassName" :placeholder="`${$t('input')}${$t('schedulers_jobClassName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_triggerName')" prop="triggerName">
<el-input v-model="schedulersStore.form.triggerName" :placeholder="`${$t('input')}${$t('schedulers_triggerName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('schedulers_triggerState')" prop="triggerState">
<el-input v-model="schedulersStore.form.triggerState" :placeholder="`${$t('input')}${$t('schedulers_triggerState')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="schedulersStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="Schedulers视图" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
</template>
@ -120,7 +117,7 @@ onMounted(() => {
<template #operation="{ row }">
<!-- 修改 -->
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
@ -155,7 +152,7 @@ onMounted(() => {
</ReAuth>
<!-- 删除 -->
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.jobName}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.jobName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

13
src/views/scheduler/schedulers/utils/auth.ts
View File

@ -1,13 +0,0 @@
export const auth = {
// 分页查询
query: 'schedulers::query',
// 添加操作
add: ['schedulers::add'],
// 暂停
update: ['schedulers::update'],
pause: ['schedulers::update'],
// 恢复
resume: ['schedulers::update'],
// 删除操作
delete: ['schedulers::delete'],
};

1
src/views/scheduler/schedulers/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

109
src/views/system/admin-user/index.vue
View File

@ -1,18 +1,15 @@
<script lang="ts" setup>
import Airplane from '@/assets/svg/airplane.svg';
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { sexConstant, tableSelectButtonClass, UserAvatar, userStatus } from '@/enums/baseConstant';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useAdminUserStore } from '@/store/system/adminUser';
import { useDeptStore } from '@/store/system/dept';
import { usePublicHooks } from '@/views/hooks';
import Tree from '@/views/system/admin-user/components/tree.vue';
import {
auth,
columns,
deleteIds,
deptList,
@ -99,64 +96,62 @@ onMounted(() => {
@tree-select="onTreeSelect"
/>
<div :class="[deviceDetection() ? ['w-full', 'mt-2'] : 'w-[calc(100%-200px)]']">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="adminUserStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 查询用户名 -->
<el-form-item :label="$t('adminUser_username')" prop="username">
<el-input v-model="adminUserStore.form.username" :placeholder="`${$t('input')}${$t('adminUser_username')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form ref="formRef" :inline="true" :model="adminUserStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!-- 查询用户名 -->
<el-form-item :label="$t('adminUser_username')" prop="username">
<el-input v-model="adminUserStore.form.username" :placeholder="`${$t('input')}${$t('adminUser_username')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询昵称 -->
<el-form-item :label="$t('adminUser_nickname')" prop="nickname">
<el-input v-model="adminUserStore.form.nickname" :placeholder="`${$t('input')}${$t('adminUser_nickname')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询昵称 -->
<el-form-item :label="$t('adminUser_nickname')" prop="nickname">
<el-input v-model="adminUserStore.form.nickname" :placeholder="`${$t('input')}${$t('adminUser_nickname')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询邮箱 -->
<el-form-item :label="$t('adminUser_email')" prop="email">
<el-input v-model="adminUserStore.form.email" :placeholder="`${$t('input')}${$t('adminUser_email')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询邮箱 -->
<el-form-item :label="$t('adminUser_email')" prop="email">
<el-input v-model="adminUserStore.form.email" :placeholder="`${$t('input')}${$t('adminUser_email')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询手机号 -->
<el-form-item :label="$t('adminUser_phone')" prop="phone">
<el-input v-model="adminUserStore.form.phone" :placeholder="`${$t('input')}${$t('adminUser_phone')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询手机号 -->
<el-form-item :label="$t('adminUser_phone')" prop="phone">
<el-input v-model="adminUserStore.form.phone" :placeholder="`${$t('input')}${$t('adminUser_phone')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询性别 -->
<el-form-item :label="$t('adminUser_sex')" prop="sex">
<el-select v-model="adminUserStore.form.sex" :placeholder="`${$t('input')}${$t('adminUser_sex')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in sexConstant" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<!-- 查询性别 -->
<el-form-item :label="$t('adminUser_sex')" prop="sex">
<el-select v-model="adminUserStore.form.sex" :placeholder="`${$t('input')}${$t('adminUser_sex')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in sexConstant" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<!-- 查询简介 -->
<el-form-item :label="$t('adminUser_summary')" prop="summary">
<el-input v-model="adminUserStore.form.summary" :placeholder="`${$t('input')}${$t('adminUser_summary')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询简介 -->
<el-form-item :label="$t('adminUser_summary')" prop="summary">
<el-input v-model="adminUserStore.form.summary" :placeholder="`${$t('input')}${$t('adminUser_summary')}`" class="!w-[180px]" clearable />
</el-form-item>
<!-- 查询状态 -->
<el-form-item :label="$t('adminUser_status')" prop="status">
<el-select v-model="adminUserStore.form.status" :placeholder="`${$t('input')}${$t('adminUser_status')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in userStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<!-- 查询状态 -->
<el-form-item :label="$t('adminUser_status')" prop="status">
<el-select v-model="adminUserStore.form.status" :placeholder="`${$t('input')}${$t('adminUser_status')}`" class="!w-[180px]" clearable filterable>
<el-option v-for="(item, index) in userStatus" :key="index" :label="item.label" :navigationBar="false" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="adminUserStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="adminUserStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('userinfo')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -235,20 +230,12 @@ onMounted(() => {
<template #operation="{ row }">
<!-- 修改 -->
<el-button
v-if="hasAuth(auth.update)"
:icon="useRenderIcon(EditPen)"
:size="size"
class="reset-margin"
link
type="primary"
@click="onUpdate(row)"
>
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<!-- 删除 -->
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.username}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')} ${row.username}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}
@ -262,25 +249,25 @@ onMounted(() => {
<template #dropdown>
<el-dropdown-menu>
<!-- 上传头像 -->
<el-dropdown-item v-if="hasAuth(auth.update)">
<el-dropdown-item>
<el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Upload)" :size="size" link type="primary" @click="onUploadAvatar(row)">
{{ $t('upload_avatar') }}
</el-button>
</el-dropdown-item>
<!-- 重置密码 -->
<el-dropdown-item v-if="hasAuth(auth.update)">
<el-dropdown-item>
<el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Password)" :size="size" link type="primary" @click="onResetPassword(row)">
{{ $t('reset_passwords') }}
</el-button>
</el-dropdown-item>
<!-- 分配角色 -->
<el-dropdown-item v-if="hasAuth(auth.update)">
<el-dropdown-item>
<el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Role)" :size="size" link type="primary" @click="onAssignRolesToUser(row)">
{{ $t('assign_roles') }}
</el-button>
</el-dropdown-item>
<!-- 强制下线 -->
<el-dropdown-item v-if="hasAuth(auth.update)">
<el-dropdown-item>
<el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Airplane)" :size="size" link type="primary" @click="onForcedOffline(row)">
{{ $t('forced_offline') }}
</el-button>

10
src/views/system/admin-user/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
query: 'user::query',
// 添加操作
add: ['user::add'],
// 更新操作
update: ['user::update'],
// 删除操作
delete: ['user::delete'],
};

1
src/views/system/admin-user/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

44
src/views/system/dept/index.vue
View File

@ -1,13 +1,11 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useDeptStore } from '@/store/system/dept';
import { handleTree } from '@/utils/tree';
import { auth, columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/system/dept/utils';
import { columns, deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/system/dept/utils';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
import { computed, onMounted, ref } from 'vue';
@ -53,22 +51,20 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="deptStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('dept_deptName')" prop="deptName">
<el-input v-model="deptStore.form.deptName" :placeholder="`${$t('input')}${$t('dept_deptName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('dept_summary')" prop="summary">
<el-input v-model="deptStore.form.summary" :placeholder="`${$t('input')}${$t('dept_summary')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="deptStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="deptStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('dept_deptName')" prop="deptName">
<el-input v-model="deptStore.form.deptName" :placeholder="`${$t('input')}${$t('dept_deptName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('dept_summary')" prop="summary">
<el-input v-model="deptStore.form.summary" :placeholder="`${$t('input')}${$t('dept_summary')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="deptStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar
:columns="columns"
@ -79,12 +75,12 @@ onMounted(() => {
@refresh="onSearch"
>
<template #buttons>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd()">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd()">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -127,13 +123,13 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)">
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)">
{{ $t('addNew') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.deptName}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')} ${row.deptName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/system/dept/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
query: 'dept::query',
// 添加操作
add: ['dept::add'],
// 更新操作
update: ['dept::update'],
// 删除操作
delete: ['dept::delete'],
};

1
src/views/system/dept/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

111
src/views/system/files/index.vue
View File

@ -1,12 +1,10 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useFilesStore } from '@/store/system/files';
import { auth, columns, onAdd, onDelete, onDeleteBatch, onDownload, onDownloadBatch, onSearch, onUpdate, selectRows } from '@/views/system/files/utils';
import { columns, onAdd, onDelete, onDeleteBatch, onDownload, onDownloadBatch, onSearch, onUpdate, selectRows } from '@/views/system/files/utils';
import PureTable from '@pureadmin/table';
import { FormInstance } from 'element-plus';
import { onMounted, ref } from 'vue';
@ -53,70 +51,61 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="filesStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!--文件的名称-->
<el-form-item :label="$t('files_filename')" prop="filename">
<el-input v-model="filesStore.form.filename" :placeholder="`${$t('input')}${$t('files_filename')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--文件在服务器上的存储路径-->
<el-form-item :label="$t('files_filepath')" prop="filepath">
<el-input v-model="filesStore.form.filepath" :placeholder="`${$t('input')}${$t('files_filepath')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--文件的MIME类型-->
<el-form-item :label="$t('files_fileType')" prop="contentType">
<el-input v-model="filesStore.form.contentType" :placeholder="`${$t('input')}${$t('files_fileType')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--扩展名-->
<el-form-item :label="$t('ext')" prop="ext">
<el-input v-model="filesStore.form.ext" :placeholder="`${$t('input')}${$t('ext')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--平台-->
<el-form-item :label="$t('platform')" prop="platform">
<el-input v-model="filesStore.form.platform" :placeholder="`${$t('input')}${$t('platform')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--下载量-->
<el-form-item :label="$t('files_downloadCount')" prop="downloadCount">
<el-input
v-model="filesStore.form.downloadCount"
:placeholder="`${$t('input')}${$t('files_downloadCount')}`"
class="!w-[180px]"
clearable
min="0"
type="number"
/>
</el-form-item>
<el-form ref="formRef" :inline="true" :model="filesStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<!--文件的名称-->
<el-form-item :label="$t('files_filename')" prop="filename">
<el-input v-model="filesStore.form.filename" :placeholder="`${$t('input')}${$t('files_filename')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--文件在服务器上的存储路径-->
<el-form-item :label="$t('files_filepath')" prop="filepath">
<el-input v-model="filesStore.form.filepath" :placeholder="`${$t('input')}${$t('files_filepath')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--文件的MIME类型-->
<el-form-item :label="$t('files_fileType')" prop="contentType">
<el-input v-model="filesStore.form.contentType" :placeholder="`${$t('input')}${$t('files_fileType')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--扩展名-->
<el-form-item :label="$t('ext')" prop="ext">
<el-input v-model="filesStore.form.ext" :placeholder="`${$t('input')}${$t('ext')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--平台-->
<el-form-item :label="$t('platform')" prop="platform">
<el-input v-model="filesStore.form.platform" :placeholder="`${$t('input')}${$t('platform')}`" class="!w-[180px]" clearable />
</el-form-item>
<!--下载量-->
<el-form-item :label="$t('files_downloadCount')" prop="downloadCount">
<el-input
v-model="filesStore.form.downloadCount"
:placeholder="`${$t('input')}${$t('files_downloadCount')}`"
class="!w-[180px]"
clearable
min="0"
type="number"
/>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="filesStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="filesStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('system_file')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<!-- 批量下载 -->
<el-button
v-if="hasAuth(auth.download)"
:disabled="!(selectRows.length > 0)"
:icon="useRenderIcon(Download)"
plain
type="primary"
@click="onDownloadBatch"
>
<el-button :disabled="!(selectRows.length > 0)" :icon="useRenderIcon(Download)" plain type="primary" @click="onDownloadBatch">
{{ $t('download_batch') }}
</el-button>
<!-- 新增 -->
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(selectRows.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(selectRows.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-button>
</template>
@ -155,21 +144,13 @@ onMounted(() => {
</template>
<template #operation="{ row }">
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<el-button
v-if="hasAuth(auth.download)"
:icon="useRenderIcon(EditPen)"
:size="size"
class="reset-margin"
link
type="primary"
@click="onDownload(row)"
>
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onDownload(row)">
{{ $t('download') }}
</el-button>
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')} ${row.filename}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')} ${row.filename}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

12
src/views/system/files/utils/auth.ts
View File

@ -1,12 +0,0 @@
export const auth = {
// 分页查询
query: 'files:query',
// 更新操作
update: ['files::update'],
// 添加操作
add: ['files::add'],
// 删除操作
delete: ['files::delete'],
// 下载文件
download: ['files::download'],
};

1
src/views/system/files/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

16
src/views/system/menu/index.vue
View File

@ -4,7 +4,6 @@ import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { userMenuStore } from '@/store/system/menu';
import { auth, clearAllRolesSelect, columns, mergeArgs, onAdd, onDelete, onSearch, onUpdate, selectIds, tableRef } from '@/views/system/menu/utils';
import PureTable from '@pureadmin/table';
@ -72,19 +71,12 @@ onMounted(() => {
>
<template #buttons>
<!-- 添加菜单 -->
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd()">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd()">
{{ $t('addNew') }}
</el-button>
<!-- 清除选中所以角色 -->
<el-button
v-if="hasAuth(auth.clearAllRolesSelect)"
:disabled="!(selectIds.length > 0)"
:icon="useRenderIcon('ic:baseline-clear')"
plain
type="danger"
@click="clearAllRolesSelect()"
>
<el-button :disabled="!(selectIds.length > 0)" :icon="useRenderIcon('ic:baseline-clear')" plain type="danger" @click="clearAllRolesSelect()">
{{ $t('clearAllRolesSelect') }}
</el-button>
</template>
@ -126,7 +118,7 @@ onMounted(() => {
<template #operation="{ row }">
<!-- 修改 -->
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
@ -146,7 +138,7 @@ onMounted(() => {
</ReAuth>
<!-- 删除操作 -->
<el-popconfirm v-if="hasAuth(auth.deleted)" :title="`${$t('delete')} ${$t(row.title)}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')} ${$t(row.title)}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

1
src/views/system/menu/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './modules/columns';
export * from './modules/auth';
export * from './modules/hooks';
export * from './modules/types';

16
src/views/system/menu/utils/modules/auth.ts
View File

@ -1,16 +0,0 @@
export const auth = {
// 更新操作
update: ['router::updateMenu'],
// 添加操作
add: ['router::addMenu'],
// 分页查询
search: 'router::menuList',
// 删除操作
deleted: ['router::deletedMenuByIds'],
// 为菜单分配角色
assignRolesToRouter: ['routerRole::assignRolesToRouter'],
// 批量为菜单添加角色
assignAddBatchRolesToRouter: ['routerRole::assignAddBatchRolesToRouter'],
// 清除选中菜单所有角色
clearAllRolesSelect: ['routerRole::clearAllRolesSelect'],
};

70
src/views/system/permission/index.vue
View File

@ -1,14 +1,12 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { addDialog } from '@/components/ReDialog/index';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { selectUserinfo } from '@/components/Table/Userinfo/columns';
import { RequestMethod } from '@/enums/baseConstant';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { usePermissionStore } from '@/store/system/power';
import { auth, columns, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate, onUpdateBatchParent, powerIds } from '@/views/system/permission/utils';
import { columns, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate, onUpdateBatchParent, powerIds } from '@/views/system/permission/utils';
import FileUploadDialog from '@/views/system/role/components/file-upload-dialog.vue';
import PureTable from '@pureadmin/table';
import { handleTree } from '@pureadmin/utils';
@ -111,30 +109,28 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="powerStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('power_powerCode')" prop="powerCode">
<el-input v-model="powerStore.form.powerCode" :placeholder="`${$t('input')}${$t('power_powerCode')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('power_powerName')" prop="powerName">
<el-input v-model="powerStore.form.powerName" :placeholder="`${$t('input')}${$t('power_powerName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('power_requestUrl')" prop="requestUrl">
<el-input v-model="powerStore.form.requestUrl" :placeholder="`${$t('input')}${$t('power_requestUrl')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('requestMethod')" prop="requestMethod">
<el-select v-model="powerStore.form.requestMethod" :placeholder="$t('requestMethod')" autocomplete="off" class="!w-[180px]" clearable filterable>
<el-option v-for="item in RequestMethod" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="powerStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="powerStore.form" class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('power_powerCode')" prop="powerCode">
<el-input v-model="powerStore.form.powerCode" :placeholder="`${$t('input')}${$t('power_powerCode')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('power_powerName')" prop="powerName">
<el-input v-model="powerStore.form.powerName" :placeholder="`${$t('input')}${$t('power_powerName')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('power_requestUrl')" prop="requestUrl">
<el-input v-model="powerStore.form.requestUrl" :placeholder="`${$t('input')}${$t('power_requestUrl')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('requestMethod')" prop="requestMethod">
<el-select v-model="powerStore.form.requestMethod" :placeholder="$t('requestMethod')" autocomplete="off" class="!w-[180px]" clearable filterable>
<el-option v-for="item in RequestMethod" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="powerStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<PureTableBar
:columns="columns"
@ -146,7 +142,7 @@ onMounted(() => {
>
<template #buttons>
<!-- 下载配置 -->
<el-dropdown v-if="hasAuth(auth.update)" class="mr-1" type="primary">
<el-dropdown class="mr-1" type="primary">
<el-button :icon="useRenderIcon(Download)" plain type="primary">
{{ $t('download_configuration') }}
</el-button>
@ -159,7 +155,7 @@ onMounted(() => {
</el-dropdown>
<!-- 更新配置 -->
<el-dropdown v-if="hasAuth(auth.update)" class="mr-1" type="primary">
<el-dropdown class="mr-1" type="primary">
<el-button :icon="useRenderIcon(Upload)" plain type="primary">{{ $t('file_import') }}</el-button>
<template #dropdown>
<el-dropdown-menu>
@ -170,23 +166,23 @@ onMounted(() => {
</el-dropdown>
<!-- 添加权限按钮 -->
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd()">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd()">
{{ $t('addNew') }}
</el-button>
<el-dropdown v-if="hasAuth(auth.update)" class="ml-1" type="primary">
<el-dropdown class="ml-1" type="primary">
<el-button :icon="useRenderIcon(More)" plain type="primary">{{ $t('more_actions') }}</el-button>
<template #dropdown>
<el-dropdown-menu>
<!-- 批量更新父级id -->
<el-dropdown-item v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" @click="onUpdateSort">拖拽排序</el-dropdown-item>
<el-dropdown-item :icon="useRenderIcon(EditPen)" @click="onUpdateSort">拖拽排序</el-dropdown-item>
<!-- 批量更新父级id -->
<el-dropdown-item v-if="hasAuth(auth.update)" :disabled="!(powerIds.length > 0)" :icon="useRenderIcon(EditPen)" @click="onUpdateBatchParent">
<el-dropdown-item :disabled="!(powerIds.length > 0)" :icon="useRenderIcon(EditPen)" @click="onUpdateBatchParent">
{{ $t('update_batches_parent') }}
</el-dropdown-item>
<!-- 批量删除按钮 -->
<el-dropdown-item v-if="hasAuth(auth.delete)" :disabled="!(powerIds.length > 0)" :icon="useRenderIcon(Delete)" @click="onDeleteBatch">
<el-dropdown-item :disabled="!(powerIds.length > 0)" :icon="useRenderIcon(Delete)" @click="onDeleteBatch">
{{ $t('deleteBatches') }}
</el-dropdown-item>
</el-dropdown-menu>
@ -230,15 +226,15 @@ onMounted(() => {
<template #operation="{ row }">
<!-- 修改 -->
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<!-- 添加 -->
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)">
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)">
{{ $t('addNew') }}
</el-button>
<!-- 删除 -->
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.powerName}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.powerName}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/system/permission/utils/auth.ts
View File

@ -1,10 +0,0 @@
export const auth = {
// 分页查询
query: 'permission::page',
// // 添加操作
add: ['permission::add'],
// 更新操作
update: ['permission::update'],
// 删除操作
delete: ['permission::delete'],
};

1
src/views/system/permission/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';

63
src/views/system/role/index.vue
View File

@ -1,14 +1,11 @@
<script lang="ts" setup>
import ReAuth from '@/components/ReAuth/src/auth';
import { addDialog } from '@/components/ReDialog/index';
import { useRenderIcon } from '@/components/ReIcon/src/hooks';
import { PureTableBar } from '@/components/RePureTableBar';
import { $t } from '@/plugins/i18n';
import { hasAuth } from '@/router/utils';
import { useRoleStore } from '@/store/system/role';
import FileUploadDialog from '@/views/system/role/components/file-upload-dialog.vue';
import {
auth,
columns,
contentRef,
deleteIds,
@ -103,22 +100,20 @@ onMounted(() => {
<template>
<div class="main">
<ReAuth :value="auth.query">
<el-form ref="formRef" :inline="true" :model="roleStore.form" class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('role_roleCode')" prop="roleCode">
<el-input v-model="roleStore.form.roleCode" :placeholder="`${$t('input')}${$t('role_roleCode')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('role_description')" prop="description">
<el-input v-model="roleStore.form.description" :placeholder="`${$t('input')}${$t('role_description')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="roleStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
</ReAuth>
<el-form ref="formRef" :inline="true" :model="roleStore.form" class="search-form bg-bg_color w-full pl-8 pt-[12px] overflow-auto">
<el-form-item :label="$t('role_roleCode')" prop="roleCode">
<el-input v-model="roleStore.form.roleCode" :placeholder="`${$t('input')}${$t('role_roleCode')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item :label="$t('role_description')" prop="description">
<el-input v-model="roleStore.form.description" :placeholder="`${$t('input')}${$t('role_description')}`" class="!w-[180px]" clearable />
</el-form-item>
<el-form-item>
<el-button :icon="useRenderIcon('ri/search-line')" :loading="roleStore.loading" type="primary" @click="onSearch">
{{ $t('search') }}
</el-button>
<el-button :icon="useRenderIcon(Refresh)" @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
</el-form-item>
</el-form>
<div ref="contentRef" :class="['flex', deviceDetection() ? 'flex-wrap' : '']">
<PureTableBar
@ -131,20 +126,20 @@ onMounted(() => {
>
<template #buttons>
<!-- 下载Excel配置 -->
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(Download)" plain type="primary" @click="downloadRoleExcel">
<el-button :icon="useRenderIcon(Download)" plain type="primary" @click="downloadRoleExcel">
{{ $t('download_configuration') }}
</el-button>
<!-- 文件更新 -->
<el-button v-if="hasAuth(auth.update)" :icon="useRenderIcon(Upload)" plain type="primary" @click="onUpdateByFile">
<el-button :icon="useRenderIcon(Upload)" plain type="primary" @click="onUpdateByFile">
{{ $t('file_import') }}
</el-button>
<el-button v-if="hasAuth(auth.add)" :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
<el-button :icon="useRenderIcon(AddFill)" plain type="success" @click="onAdd">
{{ $t('addNew') }}
</el-button>
<!-- 批量删除按钮 -->
<el-button v-if="hasAuth(auth.delete)" :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
<el-button :disabled="!(deleteIds.length > 0)" :icon="useRenderIcon(Delete)" plain type="danger" @click="onDeleteBatch">
{{ $t('delete_batches') }}
</el-button>
</template>
@ -172,20 +167,12 @@ onMounted(() => {
>
<template #operation="{ row }">
<!-- 修改 -->
<el-button
v-if="hasAuth(auth.update)"
:icon="useRenderIcon(EditPen)"
:size="size"
class="reset-margin"
link
type="primary"
@click="onUpdate(row)"
>
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)">
{{ $t('modify') }}
</el-button>
<!-- 删除 -->
<el-popconfirm v-if="hasAuth(auth.delete)" :title="`${$t('delete')}${row.roleCode}?`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('delete')}${row.roleCode}?`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}
@ -193,15 +180,7 @@ onMounted(() => {
</template>
</el-popconfirm>
<el-button
v-if="hasAuth(auth.rolePowerAdd)"
:icon="useRenderIcon(Menu)"
:size="size"
class="reset-margin"
link
type="primary"
@click="onMenuPowerClick(row)"
>
<el-button :icon="useRenderIcon(Menu)" :size="size" class="reset-margin" link type="primary" @click="onMenuPowerClick(row)">
{{ $t('power_setting') }}
</el-button>
</template>

12
src/views/system/role/utils/auth.ts
View File

@ -1,12 +0,0 @@
export const auth = {
// 分页查询
query: 'role::query',
// 添加操作
add: ['role::add'],
// 更新操作
update: ['role::update'],
// 删除操作
delete: ['role::delete'],
// 为角色分配权限
rolePowerAdd: ['rolePower::add'],
};

1
src/views/system/role/utils/index.ts
View File

@ -1,4 +1,3 @@
export * from './columns';
export * from './auth';
export * from './hooks';
export * from './types';