账号与安全中心

src/router/modules/remaining.js

@@ -57,6 +57,15 @@ const remainingRouter = [
       title: '注册企业'
     }
   },
+  {
+    path: '/personalAccount',
+    component: () => import('@/views/Home/personal/account/index'),
+    name: 'personalAccount',
+    meta: {
+      hidden: true,
+      title: '注册企业'
+    }
+  },
   ...items
 ]
 

src/views/Home/personal/account/index.vue

@@ -0,0 +1,29 @@
+<!-- 账号与安全中心 -->
+<template>
+  <div class="d-flex pa-3">
+    <v-card>
+      <h3>账号与安全中心</h3>
+      <v-list :items="items"></v-list>
+    </v-card>
+    <v-card>
+      <span>123</span>
+    </v-card>
+  </div>
+</template>
+<script setup>
+import { ref } from 'vue';
+
+defineOptions({ name:'personal-account-index'})
+const items = ref([
+  { title: '首页', value: 1, },
+  { title: '账号管理', value: 2, },
+  { title: '权限管理', value: 3, },
+  { title: '修改密码', value: 4, },
+  { title: '身份验证', value: 5, },
+  { title: '个人信息管理', value: 6, },
+  { title: '登录设备管理', value: 7, },
+])
+</script>
+<style lang="scss" scoped>
+
+</style>

src/views/Home/personal/components/navBar.vue

@@ -103,6 +103,7 @@ const handleLogout = async () => {
 }
 
 const items = ref([
+  { title: '账号与安全中心', change: () => router.push({ path: '/personalAccount' }) },
   { title: '切换为招聘者', change: changeRole },
   { title: '退出登录', change: handleLogout }
 ])