Merge branch 'dev' of https://git.citupro.com/zhengnaiwen_citu/menduner into dev

src/layout/personal/navBar.vue

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

src/router/modules/remaining.js

@@ -71,6 +71,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,45 @@
+<!-- 账号与安全中心 -->
+<template>
+  <div class="d-flex pt-16">
+    <v-card>
+      <h3>账号与安全中心</h3>
+      
+      <v-list dense density="compact">
+        <v-list-item
+          v-for="item in items"
+          :key="item.value"
+          @click="listClick(item.value)"
+        >
+          <v-list-item-content>
+            <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
+      </v-list>
+      
+      <v-list :items="items" @click="listClick"></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, },
+])
+const listClick = (val) => {
+  console.log('val', val)
+}
+</script>
+<style lang="scss" scoped>
+
+</style>