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 2024-10-17 15:07:45 +08:00
parent 5f393fd291
commit 086f00e89b
25 changed files with 58 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/store/configuration/menuIcon.ts
View File

@ -16,6 +16,8 @@ export const useMenuIconStore = defineStore('menuIconStore', {
form: {
// icon 名称
iconName: undefined,
// 图标码
iconCode: undefined,
},
// 分页查询结果
pagination: {

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

@ -76,7 +76,7 @@ onMounted(() => {
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="邮件模板表" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<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>

13
src/views/i18n/i18n-setting/i18n-dialog.vue
View File

@ -4,6 +4,7 @@ import { FormInstance } from 'element-plus';
import { rules } from '@/views/i18n/i18n-setting/utils/columns';
import { FormProps } from '@/views/i18n/i18n-setting/utils/types';
import { userI18nTypeStore } from '@/store/i18n/i18nType';
import { $t } from '@/plugins/i18n';
const props = withDefaults(defineProps<FormProps>(), {
formInline: () => ({
@ -25,18 +26,18 @@ defineExpose({ ruleFormRef });
<template>
<el-form ref="ruleFormRef" :model="form" :rules="rules" isDefault-icon label-position="left" label-width="135px">
<el-form-item label="选择添加语言分类" prop="typeName">
<el-select v-model="form.typeName" filterable placeholder="选择添加语言分类">
<el-form-item :label="$t('i18n.typeName')" prop="typeName">
<el-select v-model="form.typeName" :placeholder="$t('select') + $t('i18n.typeName')" filterable>
<el-option v-for="item in i18nTypeStore.datalist" :key="item.id" :label="item.typeName" :value="item.typeName" />
</el-select>
</el-form-item>
<el-form-item label="多语言key" prop="keyName">
<el-input v-model="form.keyName" clearable placeholder="输入多语言key" />
<el-form-item :label="$t('i18n.typeName')" prop="keyName">
<el-input v-model="form.keyName" :placeholder="$t('select') + $t('i18n.keyName')" clearable />
</el-form-item>
<el-form-item label="翻译" prop="translation">
<el-input v-model="form.translation" clearable placeholder="输入多语言翻译" />
<el-form-item :label="$t('i18n.translation')" prop="translation">
<el-input v-model="form.translation" :placeholder="$t('select') + $t('i18n.translation')" clearable />
</el-form-item>
</el-form>
</template>

15
src/views/i18n/i18n-type-setting/i18n-type-dialog.vue
View File

@ -5,6 +5,7 @@ import { rules } from '@/views/i18n/i18n-type-setting/utils/columns';
import { FormProps } from '@/views/i18n/i18n-type-setting/utils/types';
import { frameSureOptions } from '@/enums';
import Segmented from '@/components/Segmented';
import { $t } from '@/plugins/i18n';
const props = withDefaults(defineProps<FormProps>(), {
formInline: () => ({
@ -22,16 +23,14 @@ defineExpose({ formRef });
<template>
<el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
<el-form-item label="语言名称" prop="typeName">
<el-input v-model="form.typeName" autocomplete="off" type="text" />
<el-form-item :label="$t('i18n_typeName')" prop="typeName">
<el-input v-model="form.typeName" :placeholder="$t('select') + $t('i18n_typeName')" autocomplete="off" type="text" />
</el-form-item>
<el-form-item label="语言详情" prop="summary">
<el-input v-model="form.summary" autocomplete="off" type="text" />
<el-form-item :label="$t('i18n_summary')" prop="summary">
<el-input v-model="form.summary" :placeholder="$t('select') + $t('i18n_summary')" autocomplete="off" type="text" />
</el-form-item>
<el-form-item label="是否为默认语言" prop="isDefault">
<el-form-item label="是否为默认语言">
<Segmented :modelValue="form.isDefault ? 0 : 1" :options="frameSureOptions" @change="({ option: { value } }) => (form.isDefault = value)" />
</el-form-item>
<el-form-item :label="$t('isDefault')" prop="isDefault">
<Segmented :modelValue="form.isDefault ? 0 : 1" :options="frameSureOptions" @change="({ option: { value } }) => (form.isDefault = value)" />
</el-form-item>
</el-form>
</template>

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

@ -80,7 +80,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="`是否确认删除 ${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') }}

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

@ -69,7 +69,7 @@ onMounted(() => {
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="系统文件管理" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<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>

3
src/views/monitor/server/list-card.vue
View File

@ -1,6 +1,7 @@
<script lang="ts" setup>
import { computed, PropType } from 'vue';
import { useRenderIcon } from '@/components/CommonIcon/src/hooks';
import { $t } from '@/plugins/i18n';
interface CardProductType {
type: string;
@ -31,7 +32,7 @@ const cardLogoClass = computed(() => ['list-card-item_detail--logo', { 'list-car
</div>
<div class="list-card-item_detail--operation">
<el-tag :color="product.status ? '#00a870' : '#eee'" class="mx-1 list-card-item_detail--operation--tag" effect="dark">
{{ product.status ? '已启用' : '已停用' }}
{{ product.status ? $t('enable') : $t('disable') }}
</el-tag>
</div>
</el-row>

6
src/views/monitor/schedulers/index.vue → src/views/scheduler/schedulers/index.vue
View File

@ -1,10 +1,10 @@
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { columns } from '@/views/monitor/schedulers/utils/columns';
import { columns } from '@/views/scheduler/schedulers/utils/columns';
import PureTableBar from '@/components/TableBar/src/bar';
import AddFill from '@iconify-icons/ri/add-circle-line';
import PureTable from '@pureadmin/table';
import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/monitor/schedulers/utils/hooks';
import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/scheduler/schedulers/utils/hooks';
import Delete from '@iconify-icons/ep/delete';
import EditPen from '@iconify-icons/ep/edit-pen';
import Refresh from '@iconify-icons/ep/refresh';
@ -85,7 +85,7 @@ onMounted(() => {
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="Schedulers视图" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<PureTableBar :columns="columns" :title="$t('schedulers')" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<template #buttons>
<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('add_new') }}</el-button>

4
src/views/monitor/schedulers/schedulers-dialog.vue → src/views/scheduler/schedulers/schedulers-dialog.vue
View File

@ -1,8 +1,8 @@
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { FormInstance } from 'element-plus';
import { rules } from '@/views/monitor/schedulers/utils/columns';
import { FormProps } from '@/views/monitor/schedulers/utils/types';
import { rules } from '@/views/scheduler/schedulers/utils/columns';
import { FormProps } from '@/views/scheduler/schedulers/utils/types';
import { $t } from '@/plugins/i18n';
import { useSchedulersGroupStore } from '@/store/monitor/schedulersGroup';
import { useSchedulersStore } from '@/store/monitor/schedulers';

0
src/views/monitor/schedulers/utils/columns.ts → src/views/scheduler/schedulers/utils/columns.ts
View File

4
src/views/monitor/schedulers/utils/hooks.ts → src/views/scheduler/schedulers/utils/hooks.ts
View File

@ -1,9 +1,9 @@
import { addDialog } from '@/components/BaseDialog/index';
import SchedulersDialog from '@/views/monitor/schedulers/schedulers-dialog.vue';
import SchedulersDialog from '@/views/scheduler/schedulers/schedulers-dialog.vue';
import { useSchedulersStore } from '@/store/monitor/schedulers';
import { h, ref } from 'vue';
import { messageBox } from '@/utils/message';
import type { FormItemProps } from '@/views/monitor/schedulers/utils/types';
import type { FormItemProps } from '@/views/scheduler/schedulers/utils/types';
import { $t } from '@/plugins/i18n';
export const formRef = ref();

0
src/views/monitor/schedulers/utils/types.ts → src/views/scheduler/schedulers/utils/types.ts
View File

6
src/views/monitor/schedulersGroup/index.vue → src/views/scheduler/schedulersGroup/index.vue
View File

@ -1,10 +1,10 @@
<script lang="ts" setup>
import { onMounted, ref } from 'vue';
import { columns } from '@/views/monitor/schedulersGroup/utils/columns';
import { columns } from '@/views/scheduler/schedulersGroup/utils/columns';
import PureTableBar from '@/components/TableBar/src/bar';
import AddFill from '@iconify-icons/ri/add-circle-line';
import PureTable from '@pureadmin/table';
import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/monitor/schedulersGroup/utils/hooks';
import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/scheduler/schedulersGroup/utils/hooks';
import Delete from '@iconify-icons/ep/delete';
import EditPen from '@iconify-icons/ep/edit-pen';
import Refresh from '@iconify-icons/ep/refresh';
@ -73,7 +73,7 @@ onMounted(() => {
</el-form-item>
</el-form>
<PureTableBar :columns="columns" title="任务调度分组" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
<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>

4
src/views/monitor/schedulersGroup/schedulers-group-dialog.vue → src/views/scheduler/schedulersGroup/schedulers-group-dialog.vue
View File

@ -1,8 +1,8 @@
<script lang="ts" setup>
import { ref } from 'vue';
import { FormInstance } from 'element-plus';
import { rules } from '@/views/monitor/schedulersGroup/utils/columns';
import { FormProps } from '@/views/monitor/schedulersGroup/utils/types';
import { rules } from '@/views/scheduler/schedulersGroup/utils/columns';
import { FormProps } from '@/views/scheduler/schedulersGroup/utils/types';
import { $t } from '@/plugins/i18n';
const props = withDefaults(defineProps<FormProps>(), {

0
src/views/monitor/schedulersGroup/utils/columns.ts → src/views/scheduler/schedulersGroup/utils/columns.ts
View File

4
src/views/monitor/schedulersGroup/utils/hooks.ts → src/views/scheduler/schedulersGroup/utils/hooks.ts
View File

@ -1,9 +1,9 @@
import { addDialog } from '@/components/BaseDialog/index';
import SchedulersGroupDialog from '@/views/monitor/schedulersGroup/schedulers-group-dialog.vue';
import SchedulersGroupDialog from '@/views/scheduler/schedulersGroup/schedulers-group-dialog.vue';
import { useSchedulersGroupStore } from '@/store/monitor/schedulersGroup';
import { h, ref } from 'vue';
import { messageBox } from '@/utils/message';
import type { FormItemProps } from '@/views/monitor/schedulersGroup/utils/types';
import type { FormItemProps } from '@/views/scheduler/schedulersGroup/utils/types';
import { $t } from '@/plugins/i18n';
export const formRef = ref();

0
src/views/monitor/schedulersGroup/utils/types.ts → src/views/scheduler/schedulersGroup/utils/types.ts
View File

4
src/views/system/adminUser/admin-user-dialog.vue
View File

@ -92,7 +92,7 @@ defineExpose({ formRef });
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('adminUser_dept')" prop="deptId">
<el-cascader v-model="form.deptId" :options="deptList" :props="deptSelector" class="w-full" clearable filterable placeholder="请选择归属部门">
<el-cascader v-model="form.deptId" :options="deptList" :placeholder="$t('select') + $t('adminUser_dept')" :props="deptSelector" class="w-full" clearable filterable>
<template #default="{ node, data }">
<span>{{ data.deptName }}</span>
<span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
@ -104,7 +104,7 @@ defineExpose({ formRef });
<!-- 用户状态 -->
<re-col :sm="24" :value="12" :xs="24">
<el-form-item :label="$t('adminUser_status')" prop="status">
<el-switch v-model="form.status" :active-value="false" :inactive-value="true" :style="switchStyle" active-text="已启用" inactive-text="已停用" inline-prompt />
<el-switch v-model="form.status" :active-text="$t('enable')" :active-value="false" :inactive-text="$t('disable')" :inactive-value="true" :style="switchStyle" inline-prompt />
</el-form-item>
</re-col>

9
src/views/system/adminUser/assign-roles-to-user.vue
View File

@ -2,6 +2,7 @@
import { onMounted, ref } from 'vue';
import { useRoleStore } from '@/store/system/role';
import { useUserStore } from '@/store/system/user';
import { $t } from '@/plugins/i18n';
const props = defineProps({
userId: { type: String as PropType<String> },
@ -36,12 +37,12 @@ defineExpose({ assignRoles });
<div class="flex justify-center">
<el-transfer
v-model="assignRoles"
:button-texts="['收回', '添加']"
:button-texts="[$t('take_back'), $t('add')]"
:data="roleStore.allRoleList"
:format="{ noChecked: '总数 ${total}', hasChecked: '${checked}/${total}' }"
:titles="['未添加', '已添加']"
:filter-placeholder="$t('Searching_for_roles')"
:format="{ noChecked: `${$t('total')} $\{total}`, hasChecked: '${checked}/${total}' }"
:titles="[$t('not_added'), $t('added')]"
class="m-3"
filter-placeholder="搜索角色"
filterable
/>
</div>

9
src/views/system/adminUser/tree.vue
View File

@ -12,6 +12,7 @@ import { Tree } from '@/views/system/adminUser/utils/types';
import { buttonClass, defaultProps } from '@/views/system/adminUser/utils/columns';
import { useAdminUserStore } from '@/store/system/adminUser';
import { onSearch } from '@/views/system/adminUser/utils/hooks';
import { $t } from '../../../plugins/i18n';
defineProps({
treeLoading: Boolean,
@ -84,7 +85,7 @@ defineExpose({ onTreeReset });
<template>
<div v-loading="treeLoading" :style="{ minHeight: `calc(100vh - 130px)` }" class="h-full bg-bg_color overflow-hidden relative">
<div class="flex items-center h-[34px]">
<el-input v-model="searchValue" class="ml-2" clearable placeholder="请输入部门名称" size="small">
<el-input v-model="searchValue" :placeholder="$t('input') + $t('adminUser_dept')" class="ml-2" clearable size="small">
<template #suffix>
<el-icon class="el-input__icon">
<IconifyIconOffline v-show="searchValue.length === 0" icon="ri:search-line" />
@ -97,11 +98,13 @@ defineExpose({ onTreeReset });
<el-dropdown-menu>
<el-dropdown-item>
<el-button :class="buttonClass" :icon="useRenderIcon(isExpand ? ExpandIcon : UnExpandIcon)" link type="primary" @click="toggleRowExpansionAll(!isExpand)">
{{ isExpand ? '折叠全部' : '展开全部' }}
{{ isExpand ? $t('fold_all') : $t('unfold_all') }}
</el-button>
</el-dropdown-item>
<el-dropdown-item>
<el-button :class="buttonClass" :icon="useRenderIcon(Reset)" link type="primary" @click="onTreeReset"> 重置状态 </el-button>
<el-button :class="buttonClass" :icon="useRenderIcon(Reset)" link type="primary" @click="onTreeReset">
{{ $t('buttons.reset') }}
</el-button>
</el-dropdown-item>
</el-dropdown-menu>
</template>

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

@ -218,7 +218,7 @@ export const updateUserStatus = async (row: any, index: number) => {
*/
export const onUploadAvatar = (row: any) => {
addDialog({
title: '裁剪、上传头像',
title: $t('crop_and_upload_avatars'),
width: '40%',
closeOnClickModal: false,
fullscreen: deviceDetection(),

9
src/views/system/menu/assign-router-to-role.vue
View File

@ -2,6 +2,7 @@
import { onMounted, ref } from 'vue';
import { useRoleStore } from '@/store/system/role';
import { userMenuStore } from '@/store/system/menu';
import { $t } from '@/plugins/i18n';
const props = defineProps({
routerId: { type: String as PropType<String> },
@ -36,12 +37,12 @@ defineExpose({ assignRoles });
<div class="flex justify-center">
<el-transfer
v-model="assignRoles"
:button-texts="['收回', '添加']"
:button-texts="[$t('take_back'), $t('add')]"
:data="roleStore.allRoleList"
:format="{ noChecked: '总数 ${total}', hasChecked: '${checked}/${total}' }"
:titles="['未添加', '已添加']"
:filter-placeholder="$t('Searching_for_router')"
:format="{ noChecked: `${$t('total')} $\{total}`, hasChecked: '${checked}/${total}' }"
:titles="[$t('not_added'), $t('added')]"
class="m-3"
filter-placeholder="搜索角色"
filterable
/>
</div>

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

@ -96,7 +96,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-popconfirm :title="`${$t('delete')} ${$t(row.title)}的这条数据${row?.children?.length > 0 ? '注意下级菜单也会一并删除，请谨慎操作' : ''}`" @confirm="handleDelete(row)">
<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">
{{ $t('delete') }}
@ -109,7 +109,7 @@ onMounted(() => {
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>
<el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Upload)" :size="size" link type="primary" @click="assignRolesToRouter(row)"> 分配角色 </el-button>
<el-button :class="tableSelectButtonClass" :icon="useRenderIcon(Upload)" :size="size" link type="primary" @click="assignRolesToRouter(row)"> {{ $t('assign_roles') }} </el-button>
</el-dropdown-item>
</el-dropdown-menu>
</template>

2
src/views/system/menu/utils/columns.tsx
View File

@ -43,7 +43,7 @@ export const columns: TableColumnList = [
{ label: $t('table.createTime'), prop: 'createTime', sortable: true },
{ label: $t('table.createUser'), prop: 'createUser', slot: 'createUser', width: 90 },
{ label: $t('table.updateUser'), prop: 'updateUser', slot: 'updateUser', width: 90 },
{ label: '操作', fixed: 'right', width: 210, slot: 'operation', width: 240 },
{ label: $t('table.operation'), fixed: 'right', width: 210, slot: 'operation' },
];
/** 自定义表单规则校验 */

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

@ -133,7 +133,7 @@ onMounted(() => {
</template>
</el-popconfirm>
<el-button :icon="useRenderIcon(Menu)" :size="size" class="reset-margin" link type="primary" @click="onMenuPowerClick(row)"> 权限 </el-button>
<el-button :icon="useRenderIcon(Menu)" :size="size" class="reset-margin" link type="primary" @click="onMenuPowerClick(row)"> {{ $t('power_setting') }}} </el-button>
</template>
</pure-table>
</template>