顾客页面结构完善

src/router/index.js

@@ -5,6 +5,9 @@ import AdminDashboard from '../views/admin/AdminDashboard.vue'
 import StaffDashboard from '../views/staff/StaffDashboard.vue'
 import CustomerDashboard from '../views/customer/CustomerDashboard.vue'
 import CustomerHome from '../views/customer/CustomerHome.vue'
+import ServiceAppointment from '@/views/customer/ServiceAppointment.vue'
+import MySchedule from '@/views/customer/MySchedule.vue'
+import UserProfile from '@/views/customer/UserProfile.vue'
 
 const routes = [
   {
@@ -33,24 +36,40 @@ const routes = [
     path: '/admin',
     name: 'AdminDashboard',
     component: AdminDashboard,
-    meta: { requiresAuth: true, role: 'admin' }
+    meta: { requiresAuth: true, role: 'admin', title: '管理员控制台' }
   },
   {
     path: '/staff',
     name: 'StaffDashboard',
     component: StaffDashboard,
-    meta: { requiresAuth: true, role: 'staff' }
+    meta: { requiresAuth: true, role: 'staff', title: '员工控制台' }
   },
   {
     path: '/customer',
     name: 'CustomerDashboard',
     component: CustomerDashboard,
-    meta: { requiresAuth: true, role: 'customer' },
+    meta: { requiresAuth: true, role: 'customer', title: '养老系统' },
     children: [
       {
-        path: '',
+        path: '/customer/home',
         name: 'CustomerHome',
-        component: CustomerHome
+        component: CustomerHome,
+        meta: { title: '养老系统' }
+      },
+      {
+        path: '/customer/services',
+        name: 'ServiceAppointment',
+        component: ServiceAppointment
+      },
+      {
+        path: '/customer/schedule',
+        name: 'MySchedule',
+        component: MySchedule
+      },
+      {
+        path: '/customer/profile',
+        name: 'UserProfile',
+        component: UserProfile
       }
     ]
   }

src/views/customer/CustomerDashboard.vue

@@ -3,7 +3,7 @@
     <header class="dashboard-header">
       <h1>顾客服务中心</h1>
       <nav class="main-nav">
-        <router-link to="/customer" class="nav-link">首页</router-link>
+        <router-link to="/customer/home" class="nav-link">首页</router-link>
         <router-link to="/customer/services" class="nav-link">服务预约</router-link>
         <router-link to="/customer/schedule" class="nav-link">我的日程</router-link>
         <router-link to="/customer/profile" class="nav-link">个人信息</router-link>

src/views/customer/MySchedule.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="my-schedule">
+    <h2>我的日程</h2>
+    <p>在这里您可以查看您的日程安排。</p>
+    <!-- 这里可以添加日程列表或功能 -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MySchedule'
+}
+</script>
+
+<style scoped>
+.my-schedule {
+  padding: 20px;
+}
+</style>

src/views/customer/ServiceAppointment.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="service-appointment">
+    <h2>服务预约</h2>
+    <p>在这里您可以预约服务。</p>
+    <!-- 这里可以添加更多的预约表单或功能 -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ServiceAppointment'
+}
+</script>
+
+<style scoped>
+.service-appointment {
+  padding: 20px;
+}
+</style>

src/views/customer/UserProfile.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="user-profile">
+    <h2>个人信息</h2>
+    <p>在这里您可以查看和编辑您的个人信息。</p>
+    <!-- 这里可以添加个人信息表单或功能 -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'UserProfile'
+}
+</script>
+
+<style scoped>
+.user-profile {
+  padding: 20px;
+}
+</style>