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

completepage: 🍻 修改前端配置

This commit is contained in:
bunny 2024-10-24 10:42:44 +08:00
parent 671f3831e5
commit dd20ee17b9
37 changed files with 342 additions and 215 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/api/v1/configuration.ts Normal file
View File

@ -0,0 +1,12 @@
import { http } from '@/api/service/request';
import type { BaseResult } from '@/api/service/types';
/** 获取修改前端配置文件 */
export const fetchGetWebConfig = () => {
return http.request<BaseResult<any>>('get', '/config/getWebConfig');
};
/** 更新web配置文件 */
export const fetchUpdateWebConfiguration = (data: any) => {
return http.request<BaseResult<any>>('put', '/config/updateWebConfiguration', { data });
};

5
src/api/v1/system.ts
View File

@ -10,8 +10,3 @@ export const getRouterAsync = () => {
export const fetchUploadFile = (data: any) => {
return http.request<BaseResult<any>>('post', '/files/upload', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
};
/** 获取前端配置文件 */
export const fetchPlatformConfig = () => {
return http.request<any>('get', '/files/noManage/resourceFiles/platform-config.json');
};

4
src/components/AnimateSelector/src/index.vue
View File

@ -11,7 +11,7 @@ defineOptions({
defineProps({
placeholder: {
type: String,
default: $t('please_select_animation'),
default: $t('pleaseSelectAnimation'),
},
});
@ -85,7 +85,7 @@ function onMouseleave() {
</h4>
</li>
</ul>
<el-empty v-show="animatesList.length === 0" :description="`${searchVal} ${$t('animation_not_exist')}`" :image-size="60" />
<el-empty v-show="animatesList.length === 0" :description="`${searchVal} ${$t('animationNotExist')}`" :image-size="60" />
</el-scrollbar>
</div>
</template>

4
src/components/Error/403.vue
View File

@ -16,10 +16,10 @@ const router = useRouter();
<div class="ml-12">
<p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }" :initial="{ opacity: 0, y: 100 }" class="font-medium text-4xl mb-4 dark:text-white">403</p>
<p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }" :initial="{ opacity: 0, y: 100 }" class="mb-4 text-gray-500">
{{ $t('sorry_no_access') }}
{{ $t('sorryNoAccess') }}
</p>
<el-button v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 160 } }" :initial="{ opacity: 0, y: 100 }" type="primary" @click="router.push('/')">
{{ $t('return_to_homepage') }}
{{ $t('returnToHomepage') }}
</el-button>
</div>
</div>

4
src/components/Error/404.vue
View File

@ -16,7 +16,7 @@ const router = useRouter();
<div class="ml-12">
<p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }" :initial="{ opacity: 0, y: 100 }" class="font-medium text-4xl mb-4 dark:text-white">404</p>
<p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }" :initial="{ opacity: 0, y: 100 }" class="mb-4 text-gray-500">
{{ $t('sorry_page_not_found') }}
{{ $t('sorryPageNotFound') }}
</p>
<el-button
v-motion
@ -28,7 +28,7 @@ const router = useRouter();
type="primary"
@click="router.push('/')"
>
{{ $t('return_to_homepage') }}
{{ $t('returnToHomepage') }}
</el-button>
</div>
</div>

4
src/components/Error/500.vue
View File

@ -16,10 +16,10 @@ const router = useRouter();
<div class="ml-12">
<p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 80 } }" :initial="{ opacity: 0, y: 100 }" class="font-medium text-4xl mb-4 dark:text-white">500</p>
<p v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 120 } }" :initial="{ opacity: 0, y: 100 }" class="mb-4 text-gray-500">
{{ $t('sorry_server_error') }}
{{ $t('sorryServerError') }}
</p>
<el-button v-motion :enter="{ opacity: 1, y: 0, transition: { delay: 160 } }" :initial="{ opacity: 0, y: 100 }" type="primary" @click="router.push('/')">
{{ $t('return_to_homepage') }}
{{ $t('returnToHomepage') }}
</el-button>
</div>
</div>

4
src/config/index.ts
View File

@ -2,7 +2,7 @@ import axios from 'axios';
import type { App } from 'vue';
let config: object = {};
const { VITE_PUBLIC_PATH, VITE_BASE_API } = import.meta.env;
const { VITE_BASE_API } = import.meta.env;
const setConfig = (cfg?: unknown) => {
config = Object.assign(config, cfg);
@ -31,7 +31,7 @@ export const getPlatformConfig = async (app: App): Promise<undefined> => {
app.config.globalProperties.$config = getConfig();
return axios({
method: 'get',
url: `${VITE_BASE_API}/files/noManage/resourceFiles/platform-config.json`,
url: `${VITE_BASE_API}/config/noAuth/webConfig`,
})
.then(({ data: config }) => {
let $config = app.config.globalProperties.$config;

114
src/layout/components/lay-notice/data.ts
View File

@ -1,4 +1,4 @@
import { $t } from "@/plugins/i18n";
import { $t } from '@/plugins/i18n';
export interface ListItem {
avatar: string;
@ -6,7 +6,7 @@ export interface ListItem {
datetime: string;
type: string;
description: string;
status?: "primary" | "success" | "warning" | "info" | "danger";
status?: 'primary' | 'success' | 'warning' | 'info' | 'danger';
extra?: string;
}
@ -19,81 +19,79 @@ export interface TabItem {
export const noticesData: TabItem[] = [
{
key: "1",
name: $t("status.pureNotify"),
key: '1',
name: $t('status.pureNotify'),
list: [],
emptyText: $t("status.pureNoNotify")
emptyText: $t('status.pureNoNotify'),
},
{
key: "2",
name: $t("status.pureMessage"),
key: '2',
name: $t('status.pureMessage'),
list: [
{
avatar: "https://xiaoxian521.github.io/hyperlink/svg/smile1.svg",
title: "小铭 评论了你",
description: "诚在于心，信在于行，诚信在于心行合一。",
datetime: "今天",
type: "2"
avatar: 'https://xiaoxian521.github.io/hyperlink/svg/smile1.svg',
title: '小铭 评论了你',
description: '诚在于心，信在于行，诚信在于心行合一。',
datetime: '今天',
type: '2',
},
{
avatar: "https://xiaoxian521.github.io/hyperlink/svg/smile2.svg",
title: "李白 回复了你",
description: "长风破浪会有时，直挂云帆济沧海。",
datetime: "昨天",
type: "2"
avatar: 'https://xiaoxian521.github.io/hyperlink/svg/smile2.svg',
title: '李白 回复了你',
description: '长风破浪会有时，直挂云帆济沧海。',
datetime: '昨天',
type: '2',
},
{
avatar: "https://xiaoxian521.github.io/hyperlink/svg/smile5.svg",
title: "标题",
description:
"请将鼠标移动到此处，以便测试超长的消息在此处将如何处理。本例中设置的描述最大行数为2，超过2行的描述内容将被省略并且可以通过tooltip查看完整内容",
datetime: "时间",
type: "2"
}
avatar: 'https://xiaoxian521.github.io/hyperlink/svg/smile5.svg',
title: '标题',
description: '请将鼠标移动到此处，以便测试超长的消息在此处将如何处理。本例中设置的描述最大行数为2，超过2行的描述内容将被省略并且可以通过tooltip查看完整内容',
datetime: '时间',
type: '2',
},
],
emptyText: $t("status.pureNoMessage")
emptyText: $t('status.pureNoMessage'),
},
{
key: "3",
name: $t("status.pureTodo"),
key: '3',
name: $t('status.pureTodo'),
list: [
{
avatar: "",
title: "第三方紧急代码变更",
description:
"小林提交于 2024-05-10，需在 2024-05-11 前完成代码变更任务",
datetime: "",
extra: "马上到期",
status: "danger",
type: "3"
avatar: '',
title: '第三方紧急代码变更',
description: '小林提交于 2024-05-10，需在 2024-05-11 前完成代码变更任务',
datetime: '',
extra: '马上到期',
status: 'danger',
type: '3',
},
{
avatar: "",
title: "版本发布",
description: "指派小铭于 2024-06-18 前完成更新并发布",
datetime: "",
extra: "已耗时 8 天",
status: "warning",
type: "3"
avatar: '',
title: '版本发布',
description: '指派小铭于 2024-06-18 前完成更新并发布',
datetime: '',
extra: '已耗时 8 天',
status: 'warning',
type: '3',
},
{
avatar: "",
title: "新功能开发",
description: "开发多租户管理",
datetime: "",
extra: "进行中",
type: "3"
avatar: '',
title: '新功能开发',
description: '开发多租户管理',
datetime: '',
extra: '进行中',
type: '3',
},
{
avatar: "",
title: "任务名称",
description: "任务需要在 2030-10-30 10:00 前启动",
datetime: "",
extra: "未开始",
status: "info",
type: "3"
}
avatar: '',
title: '任务名称',
description: '任务需要在 2030-10-30 10:00 前启动',
datetime: '',
extra: '未开始',
status: 'info',
type: '3',
},
],
emptyText: $t("status.pureNoTodo")
}
emptyText: $t('status.pureNoTodo'),
},
];

2
src/views/configuration/emailTemplate/index.vue
View File

@ -78,7 +78,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('emailTemplate')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="selectRows.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">

10
src/views/configuration/emailTemplate/utils/hooks.ts
View File

@ -25,7 +25,7 @@ export async function onSearch() {
*/
export function onAdd() {
addDialog({
title: `${$t('add_new')}${$t('emailTemplate')}`,
title: `${$t('addNew')}${$t('emailTemplate')}`,
width: '30%',
props: {
formInline: {
@ -97,10 +97,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -115,10 +115,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

2
src/views/configuration/emailUsers/index.vue
View File

@ -84,7 +84,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('email_user_send_config')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">

10
src/views/configuration/emailUsers/utils/hooks.ts
View File

@ -27,7 +27,7 @@ export async function onSearch() {
*/
export function onAdd() {
addDialog({
title: `${$t('add_new')}${$t('emailUsers')}`,
title: `${$t('addNew')}${$t('emailUsers')}`,
width: '30%',
props: {
formInline: {
@ -101,10 +101,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -121,10 +121,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

2
src/views/configuration/menuIcon/index.vue
View File

@ -75,7 +75,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('menuIcon')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">

10
src/views/configuration/menuIcon/utils/hooks.ts
View File

@ -26,7 +26,7 @@ export async function onSearch() {
*/
export function onAdd() {
addDialog({
title: `${$t('add_new')} ${$t('menuIcon')}`,
title: `${$t('addNew')} ${$t('menuIcon')}`,
width: '30%',
props: {
formInline: {
@ -92,10 +92,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -112,10 +112,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

76
src/views/configuration/webConifg/index.vue
View File

@ -1,12 +1,19 @@
<script lang="ts" setup>
import { rules } from '@/views/configuration/menuIcon/utils/columns';
import { $t } from '@/plugins/i18n';
import { onMounted, ref } from 'vue';
import { FormInstance } from 'element-plus';
import ReCol from '@/components/MyCol';
import { form, onSearch } from '@/views/configuration/webConifg/utils/hooks';
import { form, onSearch, submitForm } from '@/views/configuration/webConifg/utils/hooks';
import { rules } from '@/views/configuration/webConifg/utils/columns';
import { userI18nTypeStore } from '@/store/i18n/i18nType';
import { usePublicHooks } from '@/views/hooks';
const formRef = ref<FormInstance>();
const ruleFormRef = ref<FormInstance>();
const i18nTypeStore = userI18nTypeStore();
// 用户是否停用样式
const { switchStyle } = usePublicHooks();
const theme = ['dark', 'light', 'system'];
const layout = ['vertical', 'horizontal', 'mix'];
onMounted(() => {
onSearch();
@ -14,7 +21,7 @@ onMounted(() => {
</script>
<template>
<el-form ref="formRef" :model="form" :rules="rules" class="bg-white p-[30px]" label-width="auto">
<el-form ref="ruleFormRef" :model="form" :rules="rules" class="bg-white p-[30px] h-[100%]" label-position="left" label-width="auto" status-icon>
<el-row :gutter="30">
<!-- 应用程序的版本 -->
<re-col :sm="24" :value="12" :xs="24">
@ -40,147 +47,157 @@ onMounted(() => {
<!-- 头部是否固定 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('fixedHeader')" prop="fixedHeader">
<el-switch v-model="form.fixedHeader" :placeholder="$t('input') + $t('fixedHeader')" />
<el-switch v-model="form.fixedHeader" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 侧边栏是否隐藏 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('hiddenSideBar')" prop="hiddenSideBar">
<el-switch v-model="form.hiddenSideBar" :placeholder="$t('input') + $t('hiddenSideBar')" />
<el-switch v-model="form.hiddenSideBar" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 是否缓存多个标签 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('multiTagsCache')" prop="multiTagsCache">
<el-switch v-model="form.multiTagsCache" :placeholder="$t('input') + $t('multiTagsCache')" />
<el-switch v-model="form.multiTagsCache" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 是否持久化 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('keepAlive')" prop="keepAlive">
<el-switch v-model="form.keepAlive" :placeholder="$t('input') + $t('keepAlive')" />
<el-switch v-model="form.keepAlive" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 语言类型 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('appLocale')" prop="locale">
<el-input v-model="form.locale" :placeholder="$t('input') + $t('appLocale')" autocomplete="off" type="text" />
<el-select v-model="form.locale" :placeholder="$t('select') + $t('appLocale')" filterable>
<el-option v-for="item in i18nTypeStore.datalist" :key="item.id" :label="item.summary" :value="item.typeName" />
</el-select>
</el-form-item>
</re-col>
<!-- 应用程序的布局 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('layout')" prop="layout">
<el-input v-model="form.layout" :placeholder="$t('input') + $t('layout')" autocomplete="off" type="text" />
<el-select v-model="form.layout" :placeholder="$t('select') + $t('layout')" filterable>
<el-option v-for="item in layout" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</re-col>
<!-- 应用程序的主题 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('theme')" prop="theme">
<el-input v-model="form.theme" :placeholder="$t('input') + $t('theme')" autocomplete="off" type="text" />
<el-select v-model="form.theme" :placeholder="$t('select') + $t('theme')" filterable>
<el-option v-for="item in theme" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</re-col>
<!-- 是否启用深色模式 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('darkMode')" prop="darkMode">
<el-switch v-model="form.darkMode" :placeholder="$t('input') + $t('darkMode')" />
<el-switch v-model="form.darkMode" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 应用程序的整体样式 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('overallStyle')" prop="overallStyle">
<el-input v-model="form.overallStyle" :placeholder="$t('input') + $t('overallStyle')" autocomplete="off" type="text" />
<el-select v-model="form.overallStyle" :placeholder="$t('select') + $t('overallStyle')" filterable>
<el-option v-for="item in theme" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</re-col>
<!-- 是否启用灰色模式 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('greyStyle')" prop="grey">
<el-switch v-model="form.grey" :placeholder="$t('input') + $t('greyStyle')" />
<el-switch v-model="form.grey" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 色弱模式 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('weakStyle')" prop="weak">
<el-switch v-model="form.weak" :placeholder="$t('input') + $t('weakStyle')" />
<el-switch v-model="form.weak" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 是否隐藏选项卡 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('hideTabs')" prop="weak">
<el-switch v-model="form.hideTabs" :placeholder="$t('input') + $t('hideTabs')" />
<el-switch v-model="form.hideTabs" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 是否隐藏页脚 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('hideFooter')" prop="weak">
<el-switch v-model="form.hideFooter" :placeholder="$t('input') + $t('hideFooter')" />
<el-switch v-model="form.hideFooter" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 是否拉伸显示 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('stretch')" prop="stretch">
<el-switch v-model="form.stretch" :placeholder="$t('input') + $t('stretch')" />
<el-switch v-model="form.stretch" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 侧边栏的状态 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('sidebarStatus')" prop="sidebarStatus">
<el-switch v-model="form.sidebarStatus" :placeholder="$t('input') + $t('sidebarStatus')" />
<el-switch v-model="form.sidebarStatus" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 主题颜色 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('epThemeColor')" prop="epThemeColor">
<el-switch v-model="form.epThemeColor" :placeholder="$t('input') + $t('epThemeColor')" />
<el-color-picker v-model="form.epThemeColor" show-alpha />
</el-form-item>
</re-col>
<!-- 是否显示logo -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('showLogo')" prop="showLogo">
<el-switch v-model="form.showLogo" :placeholder="$t('input') + $t('showLogo')" />
<el-switch v-model="form.showLogo" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 要显示的模型 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('showModel')" prop="showModel">
<el-switch v-model="form.showModel" :placeholder="$t('input') + $t('showModel')" />
<el-input v-model="form.showModel" :placeholder="$t('input') + $t('showModel')" autocomplete="off" type="text" />
</el-form-item>
</re-col>
<!-- 菜单箭头图标是否没有过渡效果 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('menuArrowIconNoTransition')" prop="menuArrowIconNoTransition">
<el-switch v-model="form.menuArrowIconNoTransition" :placeholder="$t('input') + $t('menuArrowIconNoTransition')" />
<el-switch v-model="form.menuArrowIconNoTransition" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 是否缓存异步路由 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('cachingAsyncRoutes')" prop="cachingAsyncRoutes">
<el-switch v-model="form.cachingAsyncRoutes" :placeholder="$t('input') + $t('cachingAsyncRoutes')" />
<el-switch v-model="form.cachingAsyncRoutes" :active-text="$t('enable')" :active-value="true" :inactive-text="$t('disable')" :inactive-value="false" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>
<!-- 工具提示的效果 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('tooltipEffect')" prop="tooltipEffect">
<el-input v-model="form.tooltipEffect" :placeholder="$t('input') + $t('tooltipEffect')" autocomplete="off" type="text" />
<el-select v-model="form.tooltipEffect" :placeholder="$t('select') + $t('tooltipEffect')" filterable>
<el-option v-for="item in theme" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</re-col>
@ -194,7 +211,14 @@ onMounted(() => {
<!-- 菜单搜索历史 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('menuSearchHistory')" prop="menuSearchHistory">
<el-input v-model="form.menuSearchHistory" :placeholder="$t('input') + $t('menuSearchHistory')" autocomplete="off" type="number" />
<el-input v-model="form.menuSearchHistory" :max="99" :min="1" :placeholder="$t('input') + $t('menuSearchHistory')" autocomplete="off" type="number" />
</el-form-item>
</re-col>
<!-- 提交内容 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item>
<el-button type="primary" @click="submitForm(ruleFormRef)"> {{ $t('modifyingConfiguration') }}</el-button>
</el-form-item>
</re-col>
</el-row>

70
src/views/configuration/webConifg/utils/columns.ts
View File

@ -0,0 +1,70 @@
// 添加规则
import { reactive } from 'vue';
import { $t } from '@/plugins/i18n';
export const rules = reactive({
// 应用程序的版本
version: [{ required: true, message: `${$t('input')}${$t('version')}`, trigger: 'blur' }],
// 应用程序的版本
locale: [{ required: true, message: `${$t('input')}${$t('appLocale')}`, trigger: 'blur' }],
// 应用程序的标题
title: [{ required: true, message: `${$t('input')}${$t('appTitle')}`, trigger: 'blur' }],
// 头部是否固定
fixedHeader: [{ required: true, message: `${$t('input')}${$t('fixedHeader')}`, trigger: 'blur' }],
// 是否缓存多个标签
multiTagsCache: [{ required: true, message: `${$t('input')}${$t('multiTagsCache')}`, trigger: 'blur' }],
// 应用程序的标题
copyright: [{ required: true, message: `${$t('input')}${$t('copyright')}`, trigger: 'blur' }],
// 应用程序的主题
theme: [{ required: true, message: `${$t('input')}${$t('theme')}`, trigger: 'blur' }],
// 应用程序的整体样式
overallStyle: [{ required: true, message: `${$t('input')}${$t('overallStyle')}`, trigger: 'blur' }],
// 色弱模式
weak: [{ required: true, message: `${$t('input')}${$t('weakStyle')}`, trigger: 'blur' }],
// 是否隐藏页脚
hideFooter: [{ required: true, message: `${$t('input')}${$t('hideFooter')}`, trigger: 'blur' }],
// 侧边栏的状态
sidebarStatus: [{ required: true, message: `${$t('input')}${$t('sidebarStatus')}`, trigger: 'blur' }],
// 是否显示logo
showLogo: [{ required: true, message: `${$t('input')}${$t('showLogo')}`, trigger: 'blur' }],
// 菜单箭头图标是否没有过渡效果
menuArrowIconNoTransition: [
{
required: true,
message: `${$t('input')}${$t('menuArrowIconNoTransition')}`,
trigger: 'blur',
},
],
// 工具提示的效果
tooltipEffect: [{ required: true, message: `${$t('input')}${$t('tooltipEffect')}`, trigger: 'blur' }],
// 版权信息
hiddenSideBar: [{ required: true, message: `${$t('input')}${$t('hiddenSideBar')}`, trigger: 'blur' }],
// 头部是否固定
keepAlive: [{ required: true, message: `${$t('input')}${$t('keepAlive')}`, trigger: 'blur' }],
// 侧边栏是否隐藏
layout: [{ required: true, message: `${$t('input')}${$t('layout')}`, trigger: 'blur' }],
// 是否缓存多个标签
darkMode: [{ required: true, message: `${$t('input')}${$t('darkMode')}`, trigger: 'blur' }],
// 是否持久化
grey: [{ required: true, message: `${$t('input')}${$t('greyStyle')}`, trigger: 'blur' }],
// 语言类型
hideTabs: [{ required: true, message: `${$t('input')}${$t('hideTabs')}`, trigger: 'blur' }],
// 应用程序的布局
stretch: [{ required: true, message: `${$t('input')}${$t('stretch')}`, trigger: 'blur' }],
// 应用程序的主题
epThemeColor: [{ required: true, message: `${$t('input')}${$t('epThemeColor')}`, trigger: 'blur' }],
// 是否启用深色模式
showModel: [{ required: true, message: `${$t('input')}${$t('showModel')}`, trigger: 'blur' }],
// 应用程序的整体样式
cachingAsyncRoutes: [{ required: true, message: `${$t('input')}${$t('cachingAsyncRoutes')}`, trigger: 'blur' }],
// 是否启用灰色模式
responsiveStorageNameSpace: [
{
required: true,
message: `${$t('input')}${$t('responsiveStorageNameSpace')}`,
trigger: 'blur',
},
],
// 菜单搜索历史
menuSearchHistory: [{ required: true, message: `${$t('input')}${$t('menuSearchHistory')}`, trigger: 'blur' }],
});

36
src/views/configuration/webConifg/utils/hooks.ts
View File

@ -1,5 +1,8 @@
import { fetchPlatformConfig } from '@/api/v1/system';
import { ref } from 'vue';
import type { FormInstance } from 'element-plus';
import { fetchGetWebConfig, fetchUpdateWebConfiguration } from '@/api/v1/configuration';
import { message, messageBox } from '@/utils/message';
import { $t } from '@/plugins/i18n';
export const form = ref({
version: '', // 应用程序的版本
@ -32,7 +35,32 @@ export const form = ref({
/** 获取前端配置文件 */
export const onSearch = async () => {
const result = await fetchPlatformConfig();
console.log(result);
form.value = result;
const result = await fetchGetWebConfig();
if (result.code !== 200) return;
form.value = result.data;
};
/** 提交表单 */
export const submitForm = async (formEl: FormInstance | undefined) => {
if (!formEl) return;
await formEl.validate(async valid => {
if (valid) {
// 是否确认修改弹窗内容
const confirm = await messageBox({
title: $t('confirmUpdateConfiguration'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel'),
});
if (!confirm) return;
// 修改内容
const result = await fetchUpdateWebConfiguration(form.value);
if (result.code !== 200) return;
// 提交成功后刷新
await onSearch();
message(result.message, { type: 'success' });
}
});
};

6
src/views/i18n/i18n-setting/index.vue
View File

@ -75,10 +75,10 @@ onMounted(() => {
</el-form-item>
</el-form>
<PureTableBar :columns="columns" :title="$t('multilingual_management')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<PureTableBar :columns="columns" :title="$t('multilingualManagement')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<!-- 添加多语言 -->
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
{{ $t('delete_batches') }}
@ -121,7 +121,7 @@ onMounted(() => {
<template #operation="{ row }">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)"> {{ $t('modify') }} </el-button>
<el-popconfirm :title="`${$t('confirm_delete')} ${row.translation}`" @confirm="onDelete(row)">
<el-popconfirm :title="`${$t('confirmDelete')} ${row.translation}`" @confirm="onDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">
{{ $t('delete') }}

10
src/views/i18n/i18n-setting/utils/hooks.tsx
View File

@ -25,7 +25,7 @@ export const onSearch = async () => {
*/
export const onAdd = () => {
addDialog({
title: $t('add_multilingual'),
title: $t('addMultilingual'),
width: '30%',
props: { formInline: { keyName: '', translation: '', typeName: '' } },
draggable: true,
@ -109,11 +109,11 @@ export const onUpdate = (row: any) => {
*/
export const onDelete = async (row: any) => {
const isConfirm = await messageBox({
message: $t('confirm_delete'),
message: $t('confirmDelete'),
title: $t('delete_warning'),
showMessage: false,
confirmMessage: $t('delete_success'),
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (isConfirm) {
@ -127,11 +127,11 @@ export const onDelete = async (row: any) => {
*/
export const onDeleteBatch = async () => {
const isConfirm = await messageBox({
message: $t('confirm_delete'),
message: $t('confirmDelete'),
title: $t('delete_warning'),
showMessage: false,
confirmMessage: $t('delete_success'),
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (isConfirm) {

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

@ -46,7 +46,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('i18n_type')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
</template>
<template v-slot="{ size, dynamicColumns }">

2
src/views/monitor/files/index.vue
View File

@ -71,7 +71,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('system_file')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量下载 -->
<el-button v-show="selectRows.length > 0" :icon="useRenderIcon(Download)" type="success" @click="onDownloadBatch">

10
src/views/monitor/files/utils/hooks.ts
View File

@ -28,7 +28,7 @@ export async function onSearch() {
*/
export function onAdd() {
addDialog({
title: `${$t('add_new')}${$t('files')}`,
title: `${$t('addNew')}${$t('files')}`,
width: '30%',
props: {
formInline: {
@ -106,10 +106,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -124,10 +124,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

8
src/views/monitor/schedulerExecuteLog/utils/hooks.ts
View File

@ -57,10 +57,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -77,10 +77,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

8
src/views/monitor/userLoginLog/utils/hooks.ts
View File

@ -58,10 +58,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -78,10 +78,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

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

@ -79,7 +79,7 @@ onMounted(() => {
<PureTableBar :columns="columns" title="Schedulers视图" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
</template>
<template v-slot="{ size, dynamicColumns }">

6
src/views/scheduler/schedulers/utils/hooks.ts
View File

@ -23,7 +23,7 @@ export async function onSearch() {
*/
export function onAdd() {
addDialog({
title: `${$t('add_new')}${$t('schedulers')}`,
title: `${$t('addNew')}${$t('schedulers')}`,
width: '30%',
props: {
formInline: {
@ -93,10 +93,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

4
src/views/scheduler/schedulersGroup/index.vue
View File

@ -75,7 +75,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('schedulersGroup')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
@ -118,7 +118,7 @@ onMounted(() => {
<template #operation="{ row }">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)"> {{ $t('modify') }} </el-button>
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd"> {{ $t('add_new') }} </el-button>
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd"> {{ $t('addNew') }} </el-button>
<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">

10
src/views/scheduler/schedulersGroup/utils/hooks.ts
View File

@ -25,7 +25,7 @@ export async function onSearch() {
*/
export function onAdd() {
addDialog({
title: `${$t('add_new')}${$t('schedulersGroup')}`,
title: `${$t('addNew')}${$t('schedulersGroup')}`,
width: '30%',
props: {
formInline: {
@ -91,10 +91,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -111,10 +111,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

2
src/views/system/adminUser/index.vue
View File

@ -137,7 +137,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :title="$t('userinfo')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">

10
src/views/system/adminUser/utils/hooks.tsx
View File

@ -55,7 +55,7 @@ export async function onSearch() {
export function onAdd() {
isAddUserinfo.value = true;
addDialog({
title: `${$t('add_new')}${$t('adminUser')}`,
title: `${$t('addNew')}${$t('adminUser')}`,
width: '30%',
props: {
formInline: {
@ -138,10 +138,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -156,10 +156,10 @@ export const onDelete = async (row: any) => {
export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

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

@ -77,7 +77,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :isExpandAll="true" :tableRef="tableRef?.getTableRef()" :title="$t('dept')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd()"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd()"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
@ -121,7 +121,7 @@ onMounted(() => {
<template #operation="{ row }">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)"> {{ $t('modify') }} </el-button>
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)"> {{ $t('add_new') }} </el-button>
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)"> {{ $t('addNew') }} </el-button>
<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">

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

@ -24,7 +24,7 @@ export async function onSearch() {
*/
export function onAdd(parentId: number = 0) {
addDialog({
title: `${$t('add_new')}${$t('dept')}`,
title: `${$t('addNew')}${$t('dept')}`,
width: '30%',
props: {
formInline: {
@ -94,10 +94,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -114,10 +114,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

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

@ -52,7 +52,7 @@ onMounted(() => {
</el-form>
<PureTableBar :columns="columns" :isExpandAll="false" :tableRef="tableRef?.getTableRef()" title="菜单管理" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd()"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd()"> {{ $t('addNew') }}</el-button>
</template>
<template v-slot="{ size, dynamicColumns }">
<pure-table
@ -103,7 +103,7 @@ onMounted(() => {
<template #operation="{ row }">
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)"> {{ $t('modify') }} </el-button>
<el-button v-show="row.menuType !== 3" :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)"> {{ $t('add_new') }} </el-button>
<el-button v-show="row.menuType !== 3" :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)"> {{ $t('addNew') }} </el-button>
<el-popconfirm :title="`${$t('delete')} ${row.title}?`" @confirm="handleDelete(row)">
<template #reference>
<el-button :icon="useRenderIcon(Delete)" :size="size" class="reset-margin" link type="primary">

4
src/views/system/power/index.vue
View File

@ -86,7 +86,7 @@ onMounted(() => {
<PureTableBar :columns="columns" :isExpandAll="true" :tableRef="tableRef?.getTableRef()" :title="$t('power')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<!-- 添加权限按钮 -->
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd()"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd()"> {{ $t('addNew') }}</el-button>
<!-- 批量更新父级id -->
<el-button v-show="powerIds.length > 0" :icon="useRenderIcon(EditPen)" type="primary" @click="onUpdateBatchParent">
@ -136,7 +136,7 @@ onMounted(() => {
<template #operation="{ row }">
<!-- 修改 -->
<el-button :icon="useRenderIcon(EditPen)" :size="size" class="reset-margin" link type="primary" @click="onUpdate(row)"> {{ $t('modify') }} </el-button>
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)"> {{ $t('add_new') }} </el-button>
<el-button :icon="useRenderIcon(AddFill)" :size="size" class="reset-margin" link type="primary" @click="onAdd(row.id)"> {{ $t('addNew') }} </el-button>
<!-- 删除 -->
<el-popconfirm :title="`${$t('delete')}${row.powerName}?`" @confirm="onDelete(row)">
<template #reference>

10
src/views/system/power/utils/hooks.tsx
View File

@ -28,7 +28,7 @@ export async function onSearch() {
*/
export function onAdd(parentId = 0) {
addDialog({
title: `${$t('add_new')}${$t('power')}`,
title: `${$t('addNew')}${$t('power')}`,
width: '30%',
props: {
formInline: {
@ -98,10 +98,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -118,10 +118,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;

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

@ -83,7 +83,7 @@ onMounted(() => {
@refresh="onSearch"
>
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
<!-- 批量删除按钮 -->
<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">

10
src/views/system/role/utils/hooks.ts
View File

@ -38,7 +38,7 @@ export async function onSearch() {
*/
export function onAdd() {
addDialog({
title: `${$t('add_new')}${$t('role')}`,
title: `${$t('addNew')}${$t('role')}`,
width: '30%',
props: { formInline: { roleCode: undefined, description: undefined } },
draggable: true,
@ -94,10 +94,10 @@ export const onDelete = async (row: any) => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;
@ -114,10 +114,10 @@ export const onDeleteBatch = async () => {
// 是否确认删除
const result = await messageBox({
title: $t('confirm_delete'),
title: $t('confirmDelete'),
showMessage: false,
confirmMessage: undefined,
cancelMessage: $t('cancel_delete'),
cancelMessage: $t('confirmDelete'),
});
if (!result) return;