How liangxh0523/worktime works
Worktime is a Vue attendance and leave-management interface. Users navigate a shared shell to personal attendance and leave pages or team attendance, leave, and annual-statistics views; forms and tables display the results. The sampled views contain seeded records and mostly placeholder interactions, so the excerpts do not establish a backend or persistent store. The graph covers the documented routes and sampled UI; component-to-route dispatch is visible in the menu, while data-service connections are not shown.
Main entry points: index.js Route Table · App.vue Application Shell · main.js Vue Bootstrap · Aside.vue Navigation Menu
Components 10
Application Shell
- Application Shell
src/App.vue - Navigation Menu
src/components/Aside/Aside.vue - Route Table
src/router/index.js - Vue Bootstrap
src/main.js
Personal Worktime
- Personal Attendance
src/components/personal/personal_attendance.vue - Personal Leave
src/components/personal/personal_vocation.vue
Team Worktime
- Team Attendance
src/components/team/team_attendance.vue - Team Leave
src/components/team/team_vocation.vue - Team Statistics
src/components/team/team_statistics.vue
Other components
- User
Connections 10
- User → Application Shell: uses
src/App.vue - Vue Bootstrap → Application Shell: mounts
src/main.js - Vue Bootstrap → Route Table: installs
src/main.js - Application Shell → Navigation Menu: renders
src/App.vue - Navigation Menu → Route Table: dispatches routes
src/components/Aside/Aside.vue - Route Table → Personal Attendance: routes to
src/router/index.js - Route Table → Personal Leave: routes to
src/router/index.js - Route Table → Team Attendance: routes to
src/router/index.js - Route Table → Team Leave: routes to
src/router/index.js - Route Table → Team Statistics: routes to
src/router/index.js