diff --git a/packages/toolkits/pro/template/server/nestJs/src/permission/dto/delete-permission.dto.ts b/packages/toolkits/pro/template/server/nestJs/src/permission/dto/delete-permission.dto.ts
deleted file mode 100644
index 58e93846..00000000
--- a/packages/toolkits/pro/template/server/nestJs/src/permission/dto/delete-permission.dto.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { IsNotEmpty } from 'class-validator';
-
-export class DeletePermissionDto {
-  @IsNotEmpty()
-  name: string;
-}
diff --git a/packages/toolkits/pro/template/server/nestJs/src/permission/permission.controller.ts b/packages/toolkits/pro/template/server/nestJs/src/permission/permission.controller.ts
index 35eb9816..7a17091d 100644
--- a/packages/toolkits/pro/template/server/nestJs/src/permission/permission.controller.ts
+++ b/packages/toolkits/pro/template/server/nestJs/src/permission/permission.controller.ts
@@ -1,7 +1,14 @@
-import { Body, Controller, Delete, Get, Patch, Post } from '@nestjs/common';
+import {
+  Body,
+  Controller,
+  Delete,
+  Get,
+  Param,
+  Patch,
+  Post
+} from '@nestjs/common';
 import { PermissionService } from './permission.service';
 import { CreatePermissionDto } from './dto/create-permission.dto';
-import { DeletePermissionDto } from './dto/delete-permission.dto';
 import { Permission } from '../public/permission.decorator';
 import { UpdatePermissionDto } from './dto/update-permission.dto';
 
@@ -27,9 +34,9 @@ export class PermissionController {
     return this.permissionService.findPermission();
   }
 
-  @Delete()
+  @Delete('/:id')
   @Permission('permission::remove')
-  del(@Body() dto: DeletePermissionDto) {
-    return this.permissionService.delPermission(dto);
+  del(@Param('id') id: number) {
+    return this.permissionService.delPermission(id);
   }
 }
diff --git a/packages/toolkits/pro/template/server/nestJs/src/permission/permission.service.ts b/packages/toolkits/pro/template/server/nestJs/src/permission/permission.service.ts
index 6b628bd0..1902c779 100644
--- a/packages/toolkits/pro/template/server/nestJs/src/permission/permission.service.ts
+++ b/packages/toolkits/pro/template/server/nestJs/src/permission/permission.service.ts
@@ -1,7 +1,6 @@
 import { HttpException, HttpStatus, Injectable } from '@nestjs/common';
 import { CreatePermissionDto } from './dto/create-permission.dto';
 import { UpdatePermissionDto } from './dto/update-permission.dto';
-import { DeletePermissionDto } from './dto/delete-permission.dto';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Permission } from '@app/models';
 import { Repository } from 'typeorm';
@@ -42,10 +41,9 @@ export class PermissionService {
   async findPermission() {
     return this.permission.find();
   }
-  async delPermission(deletePermissionDto: DeletePermissionDto) {
-    const { name } = deletePermissionDto;
+  async delPermission(id: number) {
     const permissionInfo = await this.permission.findOne({
-      where: { name },
+      where: { id },
     });
     return this.permission.remove(permissionInfo);
   }
diff --git a/packages/toolkits/pro/template/tinyvue/src/api/permission.ts b/packages/toolkits/pro/template/tinyvue/src/api/permission.ts
new file mode 100644
index 00000000..8add257c
--- /dev/null
+++ b/packages/toolkits/pro/template/tinyvue/src/api/permission.ts
@@ -0,0 +1,17 @@
+import axios from 'axios';
+
+export function getAllPermission() {
+  return axios.get(`/api/permission`);
+}
+
+export function updatePermission(data: any) {
+  return axios.patch(`/api/permission`, data);
+}
+
+export function deletePermission(id: number) {
+  return axios.delete(`/api/permission/${id}`);
+}
+
+export function createPermission(data: any) {
+  return axios.post(`/api/permission`, data);
+}
diff --git a/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue b/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue
index a2fec5b2..b53081d4 100644
--- a/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/components/menu/index.vue
@@ -34,6 +34,7 @@
     IconFiletext,
     IconApplication,
     IconGroup,
+    IconFolderOpened,
   } from '@opentiny/vue-icon';
   import { TreeMenu as tinyTreeMenu } from '@opentiny/vue';
   import router from '@/router';
@@ -49,6 +50,7 @@
   const iconUser = IconUser();
   const iconFiletext = IconFiletext();
   const iconApplication = IconApplication();
+  const iconFolderOpened = IconFolderOpened();
   const iconGroup = IconGroup();
   const tree = ref();
   const expandeArr = ref();
@@ -215,6 +217,30 @@
       icon: null,
       bold: 'title',
     },
+    {
+      value: 'Permission',
+      name: 'menu.permission',
+      icon: iconFolderOpened,
+      bold: 'main-title',
+    },
+    {
+      value: 'AllPermission',
+      name: 'menu.permission.info',
+      icon: null,
+      bold: 'title',
+    },
+    {
+      value: 'PermissionSetting',
+      name: 'menu.permission.setting',
+      icon: null,
+      bold: 'title',
+    },
+    {
+      value: 'PermissionAdd',
+      name: 'menu.permission.permissionAdd',
+      icon: null,
+      bold: 'title',
+    },
   ];
 
   // 获取路由数据
diff --git a/packages/toolkits/pro/template/tinyvue/src/locale/en-US.ts b/packages/toolkits/pro/template/tinyvue/src/locale/en-US.ts
index a231f6c4..750d6e04 100644
--- a/packages/toolkits/pro/template/tinyvue/src/locale/en-US.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/locale/en-US.ts
@@ -30,6 +30,8 @@ import localeUserManagerSetting from '@/views/userManager/setting/locale/en-US';
 
 import localeUserManagerUserAdd from '@/views/userManager/useradd/locale/en-US';
 
+import localePermission from '@/views/permission/info/locale/en-US';
+
 import localeSettings from './en-US/settings';
 
 import localeHttpError from './en-US/httpError';
@@ -50,6 +52,10 @@ export default {
   'menu.userManager.info': 'All User Info',
   'menu.userManager.setting': 'All User Setting',
   'menu.userManager.useradd': 'Add User',
+  'menu.permission':'Permission Manager',
+  'menu.permission.info':'All Permission Info',
+  'menu.permission.setting':'Permission Setting',
+  'menu.permission.permissionAdd':'Add Permission',
   'navbar.docs': 'Docs',
   'navbar.action.locale': 'Switch to English',
   'messageBox.switchRoles': 'Switch Roles',
@@ -79,4 +85,5 @@ export default {
   ...localeUserManager,
   ...localeUserManagerSetting,
   ...localeUserManagerUserAdd,
+  ...localePermission,
 };
diff --git a/packages/toolkits/pro/template/tinyvue/src/locale/zh-CN.ts b/packages/toolkits/pro/template/tinyvue/src/locale/zh-CN.ts
index b50a37f5..09ae2408 100644
--- a/packages/toolkits/pro/template/tinyvue/src/locale/zh-CN.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/locale/zh-CN.ts
@@ -30,6 +30,8 @@ import localeUserManagerSetting from '@/views/userManager/setting/locale/zh-CN';
 
 import localeUserManagerUserAdd from '@/views/userManager/useradd/locale/zh-CN';
 
+import localePermission from '@/views/permission/info/locale/zh-CN';
+
 import localeSettings from './zh-CN/settings';
 
 import localeHttpError from './zh-CN/httpError';
@@ -51,6 +53,10 @@ export default {
   'menu.userManager.info': '所有用户',
   'menu.userManager.setting': '修改信息',
   'menu.userManager.useradd': '添加用户',
+  'menu.permission':'权限管理',
+  'menu.permission.info':'查看权限',
+  'menu.permission.setting':'修改权限',
+  'menu.permission.permissionAdd':'添加权限',
   'navbar.docs': '文档中心',
   'navbar.action.locale': '切换为中文',
   'messageBox.switchRoles': '切换角色',
@@ -80,4 +86,5 @@ export default {
   ...localeUserManager,
   ...localeUserManagerSetting,
   ...localeUserManagerUserAdd,
+  ...localePermission,
 };
diff --git a/packages/toolkits/pro/template/tinyvue/src/router/routes/modules/permission.ts b/packages/toolkits/pro/template/tinyvue/src/router/routes/modules/permission.ts
new file mode 100644
index 00000000..2b3bc4bf
--- /dev/null
+++ b/packages/toolkits/pro/template/tinyvue/src/router/routes/modules/permission.ts
@@ -0,0 +1,29 @@
+import { RoleType } from '@/types/roleType';
+
+export default {
+  path: 'permission',
+  name: 'Permission',
+  id: 'Permission',
+  label: 'Permission',
+  component: () => import('@/views/permission/index.vue'),
+  meta: {
+    locale: 'menu.Permission',
+    requiresAuth: true,
+    order: 9,
+    roles: [RoleType.admin],
+  },
+  children: [
+    {
+      path: 'allPermission',
+      name: 'AllPermission',
+      id: 'AllPermission',
+      label: 'AllPermission',
+      component: () => import('@/views/permission/info/index.vue'),
+      meta: {
+        locale: 'menu.permission.info',
+        requiresAuth: true,
+        roles: [RoleType.admin],
+      },
+    },
+  ],
+};
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/permission/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/permission/index.vue
new file mode 100644
index 00000000..6c71efda
--- /dev/null
+++ b/packages/toolkits/pro/template/tinyvue/src/views/permission/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <router-view />
+</template>
+
+<script lang="ts" setup></script>
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/permission/info/components/info-tab.vue b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/components/info-tab.vue
new file mode 100644
index 00000000..88f53dfb
--- /dev/null
+++ b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/components/info-tab.vue
@@ -0,0 +1,358 @@
+<template>
+  <div class="tiny-fullscreen-scroll">
+    <div class="tiny-fullscreen-wrapper">
+      <div class="permission-add-btn">
+        <tiny-button type="primary" @click="handleAddPermission">添加权限</tiny-button>
+      </div>
+      <div class="table">
+        <tiny-grid ref="expandGrid"
+                   :data="state.tableData"
+                   :auto-resize="true"
+        >
+          <tiny-grid-column
+            field="name"
+            :title="$t('permissionInfo.table.id')"
+          >
+            <template #default="data">
+              <span>{{ $t(`${data.row.id}`) }}</span>
+            </template>
+          </tiny-grid-column>
+          <tiny-grid-column
+            field="time"
+            :title="$t('permissionInfo.table.desc')"
+          >
+            <template #default="data">
+              <span>{{ $t(`${data.row.desc}`) }}</span>
+            </template>
+          </tiny-grid-column>
+          <tiny-grid-column field="type" :title="$t('permissionInfo.table.name')">
+            <template #default="data">
+              <span>{{ $t(`${data.row.name}`) }}</span>
+            </template>
+          </tiny-grid-column>
+          <tiny-grid-column
+            :title="$t('permissionInfo.table.operations')"
+            align="center"
+          >
+            <template v-slot="data">
+              <a class="operation-update" @click="handleUpdate(data.row.id)">
+                {{ $t('permissionInfo.table.operations.update') }}
+              </a>
+              <a class="operation-delete" @click="handleDelete(data.row.id)">
+                {{ $t('permissionInfo.table.operations.delete') }}
+              </a>
+            </template>
+          </tiny-grid-column>
+        </tiny-grid>
+      </div>
+    </div>
+  </div>
+  <div v-if="state.isPermissionUpdate">
+    <tiny-modal
+      v-model="state.isPermissionUpdate"
+      :lock-scroll="true"
+      show-header
+      show-footer
+      mask-closable="true"
+      height="350"
+      width="600"
+      :title="$t('permissionInfo.modal.title.update')"
+    >
+      <template #default>
+        <tiny-layout>
+          <tiny-form
+            :model="state.permissionUpdData"
+            :rules="rules"
+            label-width="150px"
+            :label-align="true"
+            label-position="left"
+            size="small"
+          >
+            <tiny-row :flex="true" justify="left">
+              <tiny-col :span="10" label-width="100px">
+                <tiny-form-item
+                  :label="$t('permissionInfo.modal.input.id')"
+                >
+                  <label>{{ state.permissionUpdData.id }}</label>
+                </tiny-form-item>
+              </tiny-col>
+            </tiny-row>
+            <tiny-row :flex="true" justify="left">
+              <tiny-col :span="10" label-width="100px">
+                <tiny-form-item
+                  :label="$t('permissionInfo.modal.input.permission')"
+                  prop="desc"
+                >
+                  <tiny-input v-model="state.permissionUpdData.desc"></tiny-input>
+                </tiny-form-item>
+              </tiny-col>
+            </tiny-row>
+
+            <tiny-row :flex="true" justify="left">
+              <tiny-col :span="10" label-width="100px">
+                <tiny-form-item
+                  :label="$t('permissionInfo.modal.input.name')"
+                  prop="name"
+                >
+                  <tiny-input v-model="state.permissionUpdData.name"></tiny-input>
+                </tiny-form-item>
+              </tiny-col>
+            </tiny-row>
+          </tiny-form>
+        </tiny-layout>
+      </template>
+      <template #footer>
+        <tiny-button type="primary" @click="handlePermissionUpdateSubmit">确定</tiny-button>
+        <tiny-button @click="handlePermissionUpdateCancel">取消</tiny-button>
+      </template>
+    </tiny-modal>
+  </div>
+  <div v-if="state.isPermissionAdd">
+    <tiny-modal
+      v-model="state.isPermissionAdd"
+      :lock-scroll="true"
+      show-header
+      show-footer
+      mask-closable="true"
+      height="350"
+      width="600"
+      :title="$t('permissionInfo.modal.title.add')"
+    >
+      <template #default>
+        <tiny-layout>
+          <tiny-form
+            :model="state.permissionAddData"
+            :rules="rules"
+            label-width="150px"
+            :label-align="true"
+            label-position="left"
+            size="small"
+          >
+            <tiny-row :flex="true" justify="left">
+              <tiny-col :span="10" label-width="100px">
+                <tiny-form-item
+                  :label="$t('permissionInfo.modal.input.permission')"
+                  prop="desc"
+                >
+                  <tiny-input v-model="state.permissionAddData.desc"></tiny-input>
+                </tiny-form-item>
+              </tiny-col>
+            </tiny-row>
+
+            <tiny-row :flex="true" justify="left">
+              <tiny-col :span="10" label-width="100px">
+                <tiny-form-item
+                  :label="$t('permissionInfo.modal.input.name')"
+                  prop="name"
+                >
+                  <tiny-input v-model="state.permissionAddData.name"></tiny-input>
+                </tiny-form-item>
+              </tiny-col>
+            </tiny-row>
+          </tiny-form>
+        </tiny-layout>
+      </template>
+      <template #footer>
+        <tiny-button type="primary" @click="handlePermissionAddSubmit">确定</tiny-button>
+        <tiny-button @click="handlePermissionAddCancel">取消</tiny-button>
+      </template>
+    </tiny-modal>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, onMounted, watch, computed} from 'vue';
+import {useI18n} from 'vue-i18n';
+import {
+  Tabs as TinyTabs,
+  TabItem as TinyTabItem,
+  Loading,
+  GridColumn as TinyGridColumn,
+  Grid as TinyGrid, Pager as TinyPager, Modal as TinyModal,
+  Button as TinyButton,
+  Form as TinyForm,
+  FormItem as TinyFormItem,
+  Row as TinyRow,
+  Col as TinyCol,
+  Input as TinyInput, Modal,
+} from '@opentiny/vue';
+import {IconChevronDown} from '@opentiny/vue-icon';
+import {useUserStore} from '@/store';
+import {getAllPermission, updatePermission ,createPermission, deletePermission} from '@/api/permission';
+import { useRouter } from 'vue-router';
+import {getSimpleDate} from "@/utils/time";
+import {updateUserInfo} from "@/api/user";
+
+const router = useRouter();
+
+const {t} = useI18n();
+
+// 加载效果
+const state = reactive<{
+  tableData: any;
+  permissionUpdData: any;
+  permissionAddData: any;
+  isPermissionUpdate: boolean;
+  isPermissionAdd: boolean;
+}>({
+  tableData: {} as any,
+  permissionUpdData: {} as any,
+  permissionAddData: {} as any,
+  isPermissionAdd: false,
+  isPermissionUpdate: false,
+});
+
+// 变量设置
+const userStore = useUserStore();
+
+// 校验规则
+const rulesType = {
+  required: true,
+  trigger: 'blur',
+};
+const rules = computed(() => {
+  return {
+    name: [rulesType],
+    desc: [rulesType]
+  };
+});
+
+// 初始化请求数据
+onMounted(() => {
+  fetchData();
+});
+
+// 请求数据接口方法
+async function fetchData() {
+  const {data} = await getAllPermission();
+  state.tableData = data;
+};
+
+async function handleDelete (id: string){
+  try {
+    await deletePermission(id);
+    TinyModal.message({
+      message: '已删除',
+      status: 'success',
+    });
+    state.isPermissionUpdate = false;
+    state.permissionUpdData = {} as any;
+  } catch (error) {
+    if (error.response && error.response.data) {
+      const errorMessage = error.response.data.message || '未知错误';
+      Modal.message({
+        message: errorMessage,
+        status: 'error',
+      });
+    }
+  }
+}
+
+const handleUpdate = (id: string) => {
+  state.isPermissionUpdate = true;
+  state.permissionUpdData = state.tableData[id - 1];
+}
+
+const handlePermissionUpdateCancel =()=>{
+  state.isPermissionUpdate = false;
+  state.permissionUpdData = {} as any;
+}
+
+async function handlePermissionUpdateSubmit(){
+  let data = state.permissionUpdData;
+  let newTemp = {
+    id: data.id,
+    name: data.name,
+    desc: data.desc,
+  };
+  try {
+    await updatePermission(newTemp);
+    Modal.message({
+      message: t('baseForm.form.submit.success'),
+      status: 'success',
+    });
+    state.isPermissionUpdate = false;
+    state.permissionUpdData = {} as any;
+  } catch (error) {
+    if (error.response && error.response.data) {
+      const errorMessage = error.response.data.message || '未知错误';
+      Modal.message({
+        message: errorMessage,
+        status: 'error',
+      });
+    }
+  }
+}
+
+function handleAddPermission() {
+  state.isPermissionAdd = true;
+}
+
+async function handlePermissionAddSubmit() {
+  let data = state.permissionAddData;
+  let newTemp = {
+    id: data.id,
+    name: data.name,
+    desc: data.desc,
+  };
+  try {
+    await createPermission(newTemp);
+    Modal.message({
+      message: t('baseForm.form.submit.success'),
+      status: 'success',
+    });
+    state.isPermissionAdd = false;
+    state.permissionAddData = {} as any;
+  } catch (error) {
+    if (error.response && error.response.data) {
+      const errorMessage = error.response.data.message || '未知错误';
+      Modal.message({
+        message: errorMessage,
+        status: 'error',
+      });
+    }
+  }
+}
+
+async function handlePermissionAddCancel() {
+  state.isPermissionAdd = false;
+  state.permissionAddData = {} as any;
+}
+
+</script>
+
+<style scoped lang="less">
+#contain {
+  height: 100%;
+  padding: 15px;
+  overflow: hidden;
+}
+
+.permission-add-btn{
+  padding: 10px 0 10px 10px;
+}
+
+.table {
+  padding-bottom: 20px;
+  background-color: #fff;
+}
+
+.operation {
+
+  &-delete {
+    padding-right: 5px;
+    color: red;
+  }
+
+  &-update {
+    padding-right: 5px;
+    color: #1890ff;
+  }
+
+  &-pwd-update {
+    color: orange;
+  }
+}
+
+
+</style>
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/permission/info/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/index.vue
new file mode 100644
index 00000000..a31b9ef3
--- /dev/null
+++ b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="container">
+    <Breadcrumb :items="['menu.permission', 'menu.permission.info']" />
+    <div class="container-info">
+      <div class="general-card">
+        <div class="general-content">
+          <info-tab></info-tab>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import infoTab from './components/info-tab.vue';
+</script>
+
+<style scoped lang="less">
+  .container {
+    width: 100%;
+    height: 100%;
+  }
+  .container-info {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: 100%;
+    height: calc(100% - 60px);
+    margin: 0 auto;
+
+    .general-card {
+      flex: 1 1 auto;
+      height: 100%;
+      overflow-x: hidden;
+      overflow-y: auto;
+      border-radius: 10px;
+
+      .general-top {
+        display: flex;
+        min-height: 178px;
+        margin-bottom: 20px;
+        overflow: hidden;
+        background-image: url('@/assets/images/blue-bg.png');
+        background-size: 100% 100%;
+        border-radius: 4px;
+        box-shadow: 0 0 8px 8px rgba(169, 174, 184, 0.05);
+      }
+
+      .general-content {
+        height: calc(100% - 198px);
+        position: relative;
+        color: black;
+        font-size: medium;
+        background-color: #fff;
+        border-radius: 10px;
+        box-shadow: 0 0 8px 8px rgba(169, 174, 184, 0.05);
+        overflow-y: auto;
+      }
+    }
+  }
+</style>
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/permission/info/locale/en-US.ts b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/locale/en-US.ts
new file mode 100644
index 00000000..6ccf6461
--- /dev/null
+++ b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/locale/en-US.ts
@@ -0,0 +1,16 @@
+export default {
+  'menu.allPermission.info': 'Permission',
+  'permissionInfo.table.id': 'ID',
+  'permissionInfo.table.name': 'Name',
+  'permissionInfo.table.desc': 'Desc',
+  'permissionInfo.table.operations': 'Operation',
+  'permissionInfo.table.operations.update': 'Update',
+  'permissionInfo.table.operations.delete': 'Delete',
+  'permissionInfo.modal.title.update': 'Update Permission',
+  'permissionInfo.modal.title.add': 'Add Permission',
+  'permissionInfo.modal.input.permission': 'Permission',
+  'permissionInfo.modal.input.name': 'Name',
+  'permissionInfo.modal.input.id': 'ID',
+  'permissionInfo.modal.message.error': 'Error',
+  'permissionInfo.modal.message.notNull': 'Not Null',
+};
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/permission/info/locale/zh-CN.ts b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/locale/zh-CN.ts
new file mode 100644
index 00000000..491bd2dc
--- /dev/null
+++ b/packages/toolkits/pro/template/tinyvue/src/views/permission/info/locale/zh-CN.ts
@@ -0,0 +1,16 @@
+export default {
+  'menu.allPermission.info': '查看权限',
+  'permissionInfo.table.id': 'ID',
+  'permissionInfo.table.name': '名称',
+  'permissionInfo.table.desc': '权限',
+  'permissionInfo.table.operations': '操作',
+  'permissionInfo.table.operations.update': '修改',
+  'permissionInfo.table.operations.delete': '删除',
+  'permissionInfo.modal.title.update': '修改权限',
+  'permissionInfo.modal.title.add': '添加权限',
+  'permissionInfo.modal.input.permission': '权限',
+  'permissionInfo.modal.input.name': '名称',
+  'permissionInfo.modal.input.id': 'id',
+  'permissionInfo.modal.message.error': '错误',
+  'permissionInfo.modal.message.notNull': '不能为空',
+};
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue
index 9e28591a..4286f560 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/userManager/setting/index.vue
@@ -181,7 +181,7 @@ const router = useRouter();
 
 // 初始化请求数据
 onMounted(() => {
-  fecthData();
+  fetchData();
   fetchRole()
 });
 
@@ -289,7 +289,7 @@ async function handleSubmit() {
   }
 }
 
-async function fecthData() {
+async function fetchData() {
   if (route.query.email !== undefined || null) {
     const {data} = await getUserInfo(route.query.email);
     if (data.status === 1) {