feat: 优化项目结构

src/store/configuration/menuIcon.ts

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

src/views/configuration/emailTemplate/index.vue

@@ -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>
 

src/views/i18n/i18n-setting/i18n-dialog.vue

@@ -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-form-item :label="$t('i18n.typeName')" prop="typeName">
-			<el-select v-model="form.typeName" filterable placeholder="选择添加语言分类">
+			<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-form-item :label="$t('i18n.typeName')" prop="keyName">
-			<el-input v-model="form.keyName" clearable placeholder="输入多语言key" />
+			<el-input v-model="form.keyName" :placeholder="$t('select') + $t('i18n.keyName')" clearable />
 		</el-form-item>
 
-		<el-form-item label="翻译" prop="translation">
+		<el-form-item :label="$t('i18n.translation')" prop="translation">
-			<el-input v-model="form.translation" clearable placeholder="输入多语言翻译" />
+			<el-input v-model="form.translation" :placeholder="$t('select') + $t('i18n.translation')" clearable />
 		</el-form-item>
 	</el-form>
 </template>

src/views/i18n/i18n-type-setting/i18n-type-dialog.vue

@@ -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-form-item :label="$t('i18n_typeName')" prop="typeName">
-			<el-input v-model="form.typeName" autocomplete="off" type="text" />
+			<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-form-item :label="$t('i18n_summary')" prop="summary">
-			<el-input v-model="form.summary" autocomplete="off" type="text" />
+			<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="$t('isDefault')" prop="isDefault">
-			<el-form-item label="是否为默认语言">
+			<Segmented :modelValue="form.isDefault ? 0 : 1" :options="frameSureOptions" @change="({ option: { value } }) => (form.isDefault = value)" />
-				<Segmented :modelValue="form.isDefault ? 0 : 1" :options="frameSureOptions" @change="({ option: { value } }) => (form.isDefault = value)" />
-			</el-form-item>
 		</el-form-item>
 	</el-form>
 </template>

src/views/i18n/i18n-type-setting/index.vue

@@ -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') }}

src/views/monitor/files/index.vue

@@ -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>
 

src/views/monitor/server/list-card.vue

@@ -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>

src/views/scheduler/schedulers/index.vue

@@ -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>
 

src/views/scheduler/schedulers/schedulers-dialog.vue

@@ -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 { rules } from '@/views/scheduler/schedulers/utils/columns';
-import { FormProps } from '@/views/monitor/schedulers/utils/types';
+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';

src/views/scheduler/schedulers/utils/hooks.ts

@@ -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();

src/views/scheduler/schedulersGroup/index.vue

@@ -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>
 

src/views/scheduler/schedulersGroup/schedulers-group-dialog.vue

@@ -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 { rules } from '@/views/scheduler/schedulersGroup/utils/columns';
-import { FormProps } from '@/views/monitor/schedulersGroup/utils/types';
+import { FormProps } from '@/views/scheduler/schedulersGroup/utils/types';
 import { $t } from '@/plugins/i18n';
 
 const props = withDefaults(defineProps<FormProps>(), {

src/views/scheduler/schedulersGroup/utils/hooks.ts

@@ -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();

src/views/system/adminUser/admin-user-dialog.vue

@@ -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>
 

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

@@ -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}' }"
+			:filter-placeholder="$t('Searching_for_roles')"
-			:titles="['未添加', '已添加']"
+			:format="{ noChecked: `${$t('total')} $\{total}`, hasChecked: '${checked}/${total}' }"
+			:titles="[$t('not_added'), $t('added')]"
 			class="m-3"
-			filter-placeholder="搜索角色"
 			filterable
 		/>
 	</div>

src/views/system/adminUser/tree.vue

@@ -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>

src/views/system/adminUser/utils/hooks.tsx

@@ -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(),

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

@@ -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}' }"
+			:filter-placeholder="$t('Searching_for_router')"
-			:titles="['未添加', '已添加']"
+			:format="{ noChecked: `${$t('total')} $\{total}`, hasChecked: '${checked}/${total}' }"
+			:titles="[$t('not_added'), $t('added')]"
 			class="m-3"
-			filter-placeholder="搜索角色"
 			filterable
 		/>
 	</div>

src/views/system/menu/index.vue

@@ -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>

src/views/system/menu/utils/columns.tsx

@@ -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' },
 ];
 
 /** 自定义表单规则校验 */

src/views/system/role/index.vue

@@ -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>