settine

src/layouts/common/global-header/components/user-avatar.vue

@@ -8,6 +8,7 @@
 </template>
 
 <script lang="ts" setup>
+import { useRouter } from 'vue-router';
 import type { DropdownOption } from 'naive-ui';
 import { useAuthStore, useThemeStore } from '@/store';
 import { useIconRender } from '@/composables';
@@ -17,7 +18,7 @@ defineOptions({ name: 'UserAvatar' });
 const auth = useAuthStore();
 const theme = useThemeStore();
 const { iconRender } = useIconRender();
-
+const router = useRouter();
 const options: DropdownOption[] = [
   {
     label: '用户中心',
@@ -39,6 +40,11 @@ type DropdownKey = 'user-center' | 'logout';
 
 function handleDropdown(optionKey: string) {
   const key = optionKey as DropdownKey;
+  if (key === 'user-center') {
+    router.push({
+      path: '/system/profile'
+    });
+  }
   if (key === 'logout') {
     window.$dialog?.info({
       title: '提示',

src/router/modules/lesson.ts

@@ -37,6 +37,18 @@ const lesson: AuthRoute.Route = {
         hide: true
       }
     },
+    {
+      name: 'system_profile',
+      path: '/system/profile',
+      component: 'self',
+      meta: {
+        title: '个人中心',
+        i18nTitle: 'message.routes.system.profile',
+        requiresAuth: true,
+        icon: 'uil:setting',
+        hide: true
+      }
+    },
     {
       name: 'lesson_score',
       path: '/lesson/score',

src/views/system/auth/index.vue

@@ -10,34 +10,18 @@
 import { ref } from 'vue';
 import type { Ref } from 'vue';
 import type { DataTableColumns, PaginationProps } from 'naive-ui';
-import { query } from '~/src/service/api/user';
-import type { QueryParams } from '~/src/service/api/user';
 
-const tableData = ref<QueryParams[]>([]);
+const tableData = ref([]);
 const pagination: PaginationProps = ref({
   page: 1,
   pageSize: 10,
   showSizePicker: true,
   pageSizes: [10, 20, 50]
-  // onChange: (page: number) => {
-  //   // 处理页码变化
-  // },
-  // onUpdatePageSize: (pageSize: number) => {
-  //   // 处理每页显示数量变化
-  // }
 }).value;
 
-async function getTableData() {
-  const pageNum = pagination.page as number;
-  const pageSize = pagination.pageSize as number;
-  const params: QueryParams = {};
+async function getTableData() {}
 
-  query(pageNum, pageSize, params).then(res => {
-    tableData.value = res.data as [];
-  });
-}
-
-const columns: Ref<DataTableColumns<QueryParams>> = ref([
+const columns: Ref<DataTableColumns> = ref([
   {
     type: 'selection',
     align: 'center'
@@ -56,8 +40,8 @@ const columns: Ref<DataTableColumns<QueryParams>> = ref([
     key: 'isActive',
     title: '是否激活',
     align: 'center',
-    render: (row: QueryParams) => {
-      return row.isActive ? '是' : '否';
+    render: () => {
+      return '否';
     }
   },
   {
@@ -80,7 +64,7 @@ const columns: Ref<DataTableColumns<QueryParams>> = ref([
     title: '状态',
     align: 'center'
   }
-]) as Ref<DataTableColumns<QueryParams>>;
+]) as Ref<DataTableColumns>;
 
 function init() {
   getTableData();