+
+
+
+
+ 维护管理
+
+
+
+
+
+
+
+
+ 首页
+
+ {{ currentRoute.meta.title }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStatusText(activity.status) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
new file mode 100644
index 0000000..7970ea3
--- /dev/null
+++ b/frontend/src/views/Home.vue
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+ 仪表板
+欢迎回来，{{ userStore.userInfo?.name }}！这是您的实验室概览
+
+
+
+
+
+ 总用户数
+{{ stats.total_users }}
+
+
+
+
+
+ 实验室数量
+{{ stats.total_laboratories }}
+
+
+
+
+
+ 设备总数
+{{ stats.total_devices }}
++ 在用: {{ stats.active_devices }} + 维护: {{ stats.maintenance_devices }} +
+
+
+
+
+
+ 今日考勤
+{{ stats.today_attendances }}
++ 待审核预约: {{ stats.pending_reservations }} +
+
+ 最近活动
+
+ 查看更多
+
+
+
+
+ {{ activity.title }}
+
+ 快速操作
+
+
+
+
+
+
+ 预约实验室
+
+
+
+
+ 新建实验
+
+
+
+
+ 设备管理
+
+
+
+
+ 考勤记录
+
+
+
+ 设备状态分布
+
+
+
+
+
+
+
+ 可用
+ {{ deviceDistribution.available }}
+
+
+
+ 使用中
+ {{ deviceDistribution.in_use }}
+
+
+
+ 维护中
+ {{ deviceDistribution.maintenance }}
+
+
+
+ 不可用
+ {{ deviceDistribution.unavailable }}
+
+
+
+
+
+
+
+ {{ formatDate(scope.row.created_at) }}
+
+
+
+
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
new file mode 100644
index 0000000..54599ef
--- /dev/null
+++ b/frontend/src/views/Login.vue
@@ -0,0 +1,511 @@
+
+
+ 实验室物品管理
+ 添加物品
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/Profile.vue b/frontend/src/views/Profile.vue
new file mode 100644
index 0000000..2ffc241
--- /dev/null
+++ b/frontend/src/views/Profile.vue
@@ -0,0 +1,353 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 记住密码
+
+
+
+
+ {{ loading ? '登录中...' : '登 录' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 注册默认角色为学生，如需教师权限请联系管理员
+
+
+
+
+
+
+
+
+
+ 学生信息（选填）
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ registerLoading ? '注册中...' : '注 册' }}
+
+
+
+
+
+
+
+
+
+
+
+ 研究生实验室管理系统
+{{ isLoginMode ? '欢迎登录，请输入您的账户信息' : '欢迎注册，请填写您的信息' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存修改
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 修改密码
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/attendance/AttendanceRecord.vue b/frontend/src/views/attendance/AttendanceRecord.vue
new file mode 100644
index 0000000..a601846
--- /dev/null
+++ b/frontend/src/views/attendance/AttendanceRecord.vue
@@ -0,0 +1,479 @@
+
+
+
+
+ 个人中心
+
+
+ {{ userStore.userInfo?.name?.charAt(0) }}
+
+
+ {{ getRoleText(userStore.userInfo?.role || '') }}
+
+
+ {{ userStore.userInfo?.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 编辑个人信息
+
+
+
+
+ 修改密码
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatTime(scope.row.check_in_time) }}
+
+
+
+
+ {{ scope.row.check_out_time ? formatTime(scope.row.check_out_time) : '-' }}
+
+
+
+
+
+ {{ scope.row.duration.toFixed(2) }}h
+
+ -
+
+
+
+
+
+ {{ scope.row.check_out_time ? '已完成' : '进行中' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/devices/DeviceList.vue b/frontend/src/views/devices/DeviceList.vue
new file mode 100644
index 0000000..8e26418
--- /dev/null
+++ b/frontend/src/views/devices/DeviceList.vue
@@ -0,0 +1,400 @@
+
+
+
+
+ 考勤管理
+
+ 今日考勤状态
+
+
+
+
+
+
+
+
+
+
+
+ 签到时间
+{{ formatTime(todayAttendance.check_in_time) }}
+
+
+
+
+
+ 签退时间
+{{ todayAttendance.check_out_time ? formatTime(todayAttendance.check_out_time) : '未签退' }}
+
+
+ 今日工作时长
+{{ todayAttendance.duration.toFixed(2) }} 小时
+
+ 考勤记录
+
+
+
+
+
+
+
+
+
+
+ 本月出勤天数
+{{ monthlyStats.attendanceDays }}
+
+
+
+
+
+ 本月总工时
+{{ monthlyStats.totalHours }}
+
+
+
+
+
+ 平均日工时
+{{ monthlyStats.avgHours }}
+
+
+
+
+
+ 连续出勤
+{{ monthlyStats.streakDays }}天
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getTypeText(scope.row.type) }}
+
+
+
+
+ ¥{{ scope.row.price?.toLocaleString() || '-' }}
+
+
+
+
+
+ {{ getStatusText(scope.row.status) }}
+
+
+
+
+
+ 详情
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentDevice?.code }}
+ {{ currentDevice?.name }}
+ {{ getTypeText(currentDevice?.type) }}
+
+ {{ getStatusText(currentDevice?.status || '') }}
+
+ {{ currentDevice?.brand || '-' }}
+ {{ currentDevice?.model || '-' }}
+ {{ currentDevice?.price ? '¥' + currentDevice.price.toLocaleString() : '-' }}
+ {{ currentDevice?.serial_number || '-' }}
+ {{ currentDevice?.purchase_date || '-' }}
+ {{ currentDevice?.location || '-' }}
+ {{ currentDevice?.description || '-' }}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/experiments/ExperimentList.vue b/frontend/src/views/experiments/ExperimentList.vue
new file mode 100644
index 0000000..da83886
--- /dev/null
+++ b/frontend/src/views/experiments/ExperimentList.vue
@@ -0,0 +1,467 @@
+
+
+
+
+
+
+ 设备管理
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentExperiment.title }}
+
+ {{ getStatusText(currentExperiment.status || '') }}
+
+ {{ currentExperiment.user?.name || '-' }}
+ {{ currentExperiment.laboratory?.name || '-' }}
+ {{ currentExperiment.start_date || '-' }}
+ {{ currentExperiment.end_date || '-' }}
+
+
+ 实验详情
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/lab-intro/LabIntro.vue b/frontend/src/views/lab-intro/LabIntro.vue
new file mode 100644
index 0000000..3046349
--- /dev/null
+++ b/frontend/src/views/lab-intro/LabIntro.vue
@@ -0,0 +1,1194 @@
+
+
+
+
+
+
+ 实验记录
+
+
+ {{ getStatusText(exp.status) }}
+
+
+
+ {{ exp.title }}
++ 实验目的：{{ exp.purpose }} +
++ {{ exp.content }} +
+
+ 开始: {{ exp.start_date }}
+ 结束: {{ exp.end_date }}
+
+
+ 详情
+ 编辑
+
+
+
+
+
+
+ 实验目的
+{{ currentExperiment.purpose }}
+
+
+ 实验假设
+{{ currentExperiment.hypothesis }}
+
+
+ 实验步骤
+{{ currentExperiment.procedure }}
+
+
+ 实验结果
+{{ currentExperiment.result }}
+
+
+ 实验结论
+{{ currentExperiment.conclusion }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/lab-management/LabMemberList.vue b/frontend/src/views/lab-management/LabMemberList.vue
new file mode 100644
index 0000000..04e587d
--- /dev/null
+++ b/frontend/src/views/lab-management/LabMemberList.vue
@@ -0,0 +1,714 @@
+
+
+
+
+
+
+ 实验室介绍
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ {{ currentProfile.name }}
+{{ currentProfile.name_en }}
+ +
+
+
+
+
+
+
+
+
+
+ {{ currentProfile.location || '' }} {{ currentProfile.building || '' }} {{ currentProfile.room || '' }}
+
+
+
+
+
+
+ {{ currentProfile.contact_email }}
+
+
+
+
+
+
+ {{ currentProfile.contact_phone }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看详情
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ {{ teacher.name.charAt(0) }}
+
+
+
+
+ {{ teacher.title }}
+ {{ teacher.position }}
+
+ {{ teacher.name }}
+{{ teacher.name_en }}
+
+
+
+
+ {{ teacher.research_interests }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ direction.name }}
+{{ direction.name_en }}
+
+ {{ direction.description }}
+
+
+
+
+
+
+
+
+ {{ getAchievementTypeName(type) }} ({{ groupedAchievements.length }})
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getAchievementTypeName(achievement.type) }}
+
+
+
+ {{ achievement.title }}
+
+
+
+
+
+
+
+
+
+
+ {{ achievement.abstract }}
+
+
+
+ {{ kw }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ {{ member.name.charAt(0) }}
+
+
+
+
+
+ {{ member.name }}
+ +
+
+
+
+ {{ member.student_id }}
+
+
+
+ {{ member.major }}
+
+
+
+ {{ member.advisor }}
+
+
+
+ {{ member.research_topic }}
+
+
+
+ {{ member.email }}
+
+
+
+ {{ formatDate(member.enrollment_date) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ {{ activity.title }}
+ +
+ {{ activity.description }}
+
+
+
+ {{ activity.participants }}
+
+
+
+
+
+
+ ![]()
+
+
+ {{ selectedTeacher.name.charAt(0) }}
+
+
+
+
+
+
+ {{ selectedTeacher.name }}
+{{ selectedTeacher.name_en }}
+ +
+
+
+
+
+
+
+ 研究兴趣
+{{ selectedTeacher.research_interests }}
+
+
+ 教育背景
+ +
+
+ 工作经历
+ +
+
+ 代表性论文
+ +
+
+ 在研项目
+ +
+
+ 荣誉获奖
+ +
+
+
+
+ 个人主页
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ {{ scope.row.name.charAt(0) }}
+
+
+
+
+
+
+
+ {{ scope.row.degree }}
+
+
+
+
+
+
+ {{ getStatusText(scope.row.status) }}
+
+
+
+
+
+ 查看
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/lab-management/LabProfileList.vue b/frontend/src/views/lab-management/LabProfileList.vue
new file mode 100644
index 0000000..efc77bb
--- /dev/null
+++ b/frontend/src/views/lab-management/LabProfileList.vue
@@ -0,0 +1,511 @@
+
+
+
+
+
+
+ 实验室成员管理
+
+
+ 点击上传照片（支持 jpg、png 格式，大小不超过 2MB）
+
+
+ {{ selectedMember.student_id || '-' }}
+ {{ selectedMember.grade || '-' }}
+ {{ selectedMember.major || '-' }}
+ {{ selectedMember.advisor || '-' }}
+ {{ selectedMember.research_topic || '-' }}
+ {{ selectedMember.email || '-' }}
+ {{ selectedMember.phone || '-' }}
+ {{ selectedMember.enrollment_date || '-' }}
+ {{ selectedMember.graduation_date || '-' }}
+
+
+ 个人简介
+
+
+
+
+ ![]()
+
+
+ {{ selectedMember.name.charAt(0) }}
+
+
+
+
+
+
+ {{ selectedMember.degree }}
+
+
+ {{ getStatusText(selectedMember.status) }}
+
+
+ {{ selectedMember.name }}
+
+ {{ selectedMember.bio }}
+
+
+
+
+
+
+
+ {{ scope.row.is_active ? '启用' : '禁用' }}
+
+
+
+
+
+ 查看
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+ 基本信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 启用
+ 禁用
+
+
+
+
+
+
+
+
+
+ 详细介绍
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/lab-management/ResearchAchievementList.vue b/frontend/src/views/lab-management/ResearchAchievementList.vue
new file mode 100644
index 0000000..c146cfa
--- /dev/null
+++ b/frontend/src/views/lab-management/ResearchAchievementList.vue
@@ -0,0 +1,572 @@
+
+
+
+
+
+
+ 实验室概况管理
+
+
+
+
+ {{ selectedProfile.name }}
+ {{ selectedProfile.name_en || '-' }}
+ {{ selectedProfile.code || '-' }}
+ {{ selectedProfile.established_year || '-' }}
+ {{ selectedProfile.director || '-' }}
+ {{ selectedProfile.director_title || '-' }}
+ {{ selectedProfile.location || '-' }}
+
+ {{ selectedProfile.building || '-' }}
+ {{ selectedProfile.room }}
+
+ {{ selectedProfile.contact_email || '-' }}
+ {{ selectedProfile.contact_phone || '-' }}
+
+
+ {{ selectedProfile.is_active ? '启用' : '禁用' }}
+
+
+ {{ selectedProfile.sort_order }}
+
+
+ 简介
+ 使命
+ 愿景
+ 发展历程
+ 实验设施
+ 成果概览
+
+
+ {{ selectedProfile.introduction }}
+
+
+
+ {{ selectedProfile.mission }}
+
+
+
+ {{ selectedProfile.vision }}
+
+
+
+ {{ selectedProfile.history }}
+
+
+
+ {{ selectedProfile.facilities }}
+
+
+
+ {{ selectedProfile.achievements_overview }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getAchievementTypeText(scope.row.type) }}
+
+
+
+
+
+
+
+
+
+ 查看
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 学术引用
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/lab-management/ResearchDirectionList.vue b/frontend/src/views/lab-management/ResearchDirectionList.vue
new file mode 100644
index 0000000..01152f9
--- /dev/null
+++ b/frontend/src/views/lab-management/ResearchDirectionList.vue
@@ -0,0 +1,341 @@
+
+
+
+
+
+
+ 研究成果管理
+
+
+
+
+
+
+ {{ getAchievementTypeText(selectedAchievement.type) }}
+
+
+ {{ selectedAchievement.publication_date || '-' }}
+ {{ selectedAchievement.title }}
+ {{ selectedAchievement.authors || '-' }}
+ {{ selectedAchievement.publication || '-' }}
+ {{ selectedAchievement.journal || '-' }}
+ {{ selectedAchievement.volume || '-' }}
+ {{ selectedAchievement.pages || '-' }}
+
+
+
+ {{ selectedAchievement.doi || '-' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ selectedAchievement.project_number || '-' }}
+ {{ selectedAchievement.funding_amount ? selectedAchievement.funding_amount + '万元' : '-' }}
+ {{ selectedAchievement.funding_source || '-' }}
+
+
+
+ 关键词
+ 摘要
+
+
+
+ {{ keyword.trim() }}
+
+
+
+
+ {{ selectedAchievement.abstract || '暂无' }}
+
+
+
+
+
+
+ {{ scope.row.icon || '-' }}
+
+
+
+
+ 查看
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/lab-management/TeacherList.vue b/frontend/src/views/lab-management/TeacherList.vue
new file mode 100644
index 0000000..964409e
--- /dev/null
+++ b/frontend/src/views/lab-management/TeacherList.vue
@@ -0,0 +1,659 @@
+
+
+
+
+
+
+ 研究方向管理
+
+
+ Element Plus 图标名称，如：Picture、Document、DataLine 等
+
+
+ {{ selectedDirection.name }}
+ {{ selectedDirection.name_en || '-' }}
+ {{ selectedDirection.icon || '-' }}
+ {{ selectedDirection.sort_order }}
+
+
+ 描述
+ 关键技术
+ 应用场景
+
+
+ {{ selectedDirection.description || '暂无' }}
+
+
+
+
+ {{ tech.trim() }}
+
+
+
+
+
+ {{ app.trim() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ {{ scope.row.name.charAt(0) }}
+
+
+
+
+
+
+
+ {{ scope.row.title }}
+
+
+
+
+
+ 查看
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/lab-management/TeamActivityList.vue b/frontend/src/views/lab-management/TeamActivityList.vue
new file mode 100644
index 0000000..abf9fe6
--- /dev/null
+++ b/frontend/src/views/lab-management/TeamActivityList.vue
@@ -0,0 +1,371 @@
+
+
+
+
+
+
+ 教师信息管理
+
+
+ 点击上传头像（支持 jpg、png 格式，大小不超过 2MB）
+
+
+ {{ selectedTeacher.email || '-' }}
+ {{ selectedTeacher.phone || '-' }}
+ {{ selectedTeacher.office || '-' }}
+
+ {{ selectedTeacher.research_interests || '-' }}
+
+
+
+ 教育背景
+ 工作经历
+ 代表性论文
+ 科研项目
+ 荣誉奖项
+ 个人主页
+
+
+
+
+ ![]()
+
+
+ {{ selectedTeacher.name.charAt(0) }}
+
+
+
+
+
+
+ {{ selectedTeacher.title }}
+
+
+ {{ selectedTeacher.position }}
+
+
+ {{ selectedTeacher.name }}
+{{ selectedTeacher.name_en }}
+
+ {{ selectedTeacher.education || '暂无' }}
+
+
+
+ {{ selectedTeacher.experience || '暂无' }}
+
+
+
+ {{ selectedTeacher.publications || '暂无' }}
+
+
+
+ {{ selectedTeacher.projects || '暂无' }}
+
+
+
+ {{ selectedTeacher.honors || '暂无' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看
+ 编辑
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/labs/LabList.vue b/frontend/src/views/labs/LabList.vue
new file mode 100644
index 0000000..04cf786
--- /dev/null
+++ b/frontend/src/views/labs/LabList.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+ 团建活动管理
+
+
+
+
+ {{ selectedActivity.title }}
+ {{ selectedActivity.activity_date || '-' }}
+ {{ selectedActivity.location || '-' }}
+ {{ selectedActivity.participants || '-' }}
+
+
+ 活动描述
+ 活动照片
+
+
+ {{ selectedActivity.description || '暂无' }}
+
+
+
+
+ 照片 {{ index + 1 }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/maintenance/MaintenanceList.vue b/frontend/src/views/maintenance/MaintenanceList.vue
new file mode 100644
index 0000000..a792aee
--- /dev/null
+++ b/frontend/src/views/maintenance/MaintenanceList.vue
@@ -0,0 +1,412 @@
+
+
+
+
+
+
+ 实验室管理
+
+
+
+ {{ getStatusText(lab.status) }}
+
+
+ {{ lab.name }}
+
+
+
+
+
+
+
+
+ + {{ lab.description }} +
+
+
+ 预约
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getTypeText(scope.row.type) }}
+
+
+
+
+
+ {{ scope.row.device?.name || '-' }}
+
+
+
+
+ {{ scope.row.completed_date || '-' }}
+
+
+
+
+ {{ scope.row.cost ? '¥' + scope.row.cost : '-' }}
+
+
+
+
+
+ {{ getStatusText(scope.row.status) }}
+
+
+
+
+
+ 编辑
+
+ 完成
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/notifications/NotificationList.vue b/frontend/src/views/notifications/NotificationList.vue
new file mode 100644
index 0000000..4c895e3
--- /dev/null
+++ b/frontend/src/views/notifications/NotificationList.vue
@@ -0,0 +1,294 @@
+
+
+
+
+
+
+
+ 未读: {{ notificationStore.unreadCount }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/reservations/ReservationList.vue b/frontend/src/views/reservations/ReservationList.vue
new file mode 100644
index 0000000..d72e62e
--- /dev/null
+++ b/frontend/src/views/reservations/ReservationList.vue
@@ -0,0 +1,410 @@
+
+
+
+
+
+
+ 通知公告
+
+
+ {{ getTypeText(notification.type) }}
+
+
+
+
+ + {{ notification.content }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStatusText(scope.row.status) }}
+
+
+
+
+
+ {{ scope.row.user?.name || '-' }}
+
+
+
+
+
+ 通过
+
+
+ 拒绝
+
+
+ 取消
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/src/views/server-compute/ServerList.vue b/frontend/src/views/server-compute/ServerList.vue
new file mode 100644
index 0000000..d3740ce
--- /dev/null
+++ b/frontend/src/views/server-compute/ServerList.vue
@@ -0,0 +1,833 @@
+
+
+
+
+
+
+ 预约管理
+
+ 开始
+ {{ formatDateTime(scope.row.start_time) }}
+
+
+ 结束
+ {{ formatDateTime(scope.row.end_time) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 资源配置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/server-compute/TaskList.vue b/frontend/src/views/server-compute/TaskList.vue
new file mode 100644
index 0000000..9c4358d
--- /dev/null
+++ b/frontend/src/views/server-compute/TaskList.vue
@@ -0,0 +1,701 @@
+
+
+
+
+
+
+ 服务器管理
+
+
+
+ {{ getStatusText(server.status) }}
+
+
+ {{ server.name }}
+{{ server.code }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ CPU
+ {{ server.resources.used_cpu_cores }} / {{ server.resources.total_cpu_cores }} 核
+
+
+ 型号: {{ server.resources.cpu_model }} | 使用率: {{ server.resources.cpu_usage_percent }}%
+
+
+
+
+
+ 内存
+ {{ server.resources.used_memory_gb.toFixed(1) }} / {{ server.resources.total_memory_gb.toFixed(1) }} GB
+
+
+ 使用率: {{ server.resources.memory_usage_percent }}%
+
+
+
+
+
+ GPU
+ {{ server.resources.used_gpus }} / {{ server.resources.total_gpus }} 卡
+
+
+ 型号: {{ server.resources.gpu_model }} | 显存: {{ server.resources.gpu_memory_gb }}GB | 使用率: {{ server.resources.gpu_usage_percent }}%
+
+
+
+
+
+ 存储
+ {{ server.resources.used_storage_tb.toFixed(2) }} / {{ server.resources.total_storage_tb.toFixed(2) }} TB
+
+
+ 运行时间: {{ formatUptime(server.resources.uptime_seconds) }}
+ 负载: {{ server.resources.load_average }}
+
+
+
+ 查看详情
+
+
+ 编辑
+
+
+ 删除
+
+
+
+
+
+
+
+ {{ selectedServer.name }}
+ {{ selectedServer.code }}
+
+ {{ getStatusText(selectedServer.status) }}
+
+ {{ selectedServer.ip_address || '-' }}
+ {{ selectedServer.hostname || '-' }}
+ {{ selectedServer.ssh_port }}
+ {{ selectedServer.location || '-' }}
+ {{ selectedServer.rack || '-' }}
+ {{ selectedServer.model || '-' }}
+ {{ selectedServer.brand || '-' }}
+
+
+ {{ selectedServer.is_monitored ? '是' : '否' }}
+
+
+
+ {{ selectedServer.last_checked_at ? formatDateTime(selectedServer.last_checked_at) : '-' }}
+
+
+
+ 资源使用情况
+
+ 描述
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ selectedServer.resources.used_cpu_cores }} / {{ selectedServer.resources.total_cpu_cores }} 核
+
+ {{ selectedServer.resources.cpu_model || '-' }}
+ {{ formatUptime(selectedServer.resources.uptime_seconds) }}
+
+ {{ selectedServer.resources.used_memory_gb.toFixed(1) }} / {{ selectedServer.resources.total_memory_gb.toFixed(1) }} GB
+
+
+ {{ selectedServer.resources.used_storage_tb.toFixed(2) }} / {{ selectedServer.resources.total_storage_tb.toFixed(2) }} TB
+
+ {{ selectedServer.resources.load_average || '-' }}
+
+ {{ selectedServer.resources.used_gpus }} / {{ selectedServer.resources.total_gpus }} 卡
+
+ {{ selectedServer.resources.gpu_model || '-' }}
+ {{ selectedServer.resources.gpu_memory_gb }} GB
+
+
+
+
+
+ CPU使用率
+ {{ selectedServer.resources.cpu_usage_percent }}%
+
+
+ 内存使用率
+ {{ selectedServer.resources.memory_usage_percent }}%
+
+
+ GPU使用率
+ {{ selectedServer.resources.gpu_usage_percent }}%
+
+
+ 磁盘使用率
+ {{ selectedServer.resources.disk_usage_percent }}%
+ {{ selectedServer.description || '暂无描述' }}
+
+
+
+
+
+
+
+
+
+
+
+ 重置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getTaskStatusText(scope.row.status) }}
+
+
+
+
+
+
+
+
+ {{ scope.row.server?.name || '-' }}
+
+
+
+
+ {{ scope.row.user?.name || '-' }}
+
+
+
+
+
+
+
+ {{ formatDateTime(scope.row.submit_time) }}
+
+
+
+
+
+ 详情
+
+
+ 暂停
+
+
+ 恢复
+
+
+ 取消
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getTaskStatusText(scope.row.status) }}
+
+
+
+
+
+
+
+
+ {{ scope.row.server?.name || '-' }}
+
+
+
+
+
+
+
+ {{ formatDateTime(scope.row.submit_time) }}
+
+
+
+
+
+ 详情
+
+
+ 取消
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 资源需求
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 执行配置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/server-compute/UsageRecords.vue b/frontend/src/views/server-compute/UsageRecords.vue
new file mode 100644
index 0000000..00c374d
--- /dev/null
+++ b/frontend/src/views/server-compute/UsageRecords.vue
@@ -0,0 +1,594 @@
+
+
+
+
+
+
+ 计算任务
+
+ {{ scope.row.name }}
+ {{ scope.row.task_id }}
+
+
+
+
+ CPU: {{ scope.row.required_cpu_cores }}核
+
+
+ 内存: {{ scope.row.required_memory_gb }}GB
+
+
+ GPU: {{ scope.row.required_gpus }}卡
+
+
+
+
+ {{ scope.row.name }}
+ {{ scope.row.task_id }}
+
+
+
+
+ CPU: {{ scope.row.required_cpu_cores }}核
+
+
+ 内存: {{ scope.row.required_memory_gb }}GB
+
+
+ GPU: {{ scope.row.required_gpus }}卡
+
+
+
+
+
+ {{ selectedTask?.name }}
+ {{ selectedTask?.task_id || '-' }}
+
+
+ {{ getTaskStatusText(selectedTask?.status || '') }}
+
+
+ {{ selectedTask?.progress }}%
+ {{ selectedTask?.server?.name || '-' }}
+ {{ selectedTask?.user?.name || '-' }}
+ {{ formatDateTime(selectedTask?.submit_time) }}
+ {{ formatDateTime(selectedTask?.start_time) || '-' }}
+ {{ formatDateTime(selectedTask?.end_time) || '-' }}
+
+ {{ selectedTask?.actual_duration_seconds ? formatDuration(selectedTask.actual_duration_seconds) : '-' }}
+
+
+
+ 资源需求
+
+ {{ selectedTask?.required_cpu_cores }}
+ {{ selectedTask?.required_memory_gb }} GB
+ {{ selectedTask?.required_gpus }}
+ {{ selectedTask?.allocated_cpu_cores || 0 }}
+ {{ selectedTask?.allocated_memory_gb || 0 }} GB
+ {{ selectedTask?.allocated_gpus || 0 }}
+
+
+ 执行信息
+
+ {{ selectedTask?.workspace_path || '-' }}
+ {{ selectedTask?.script_path || '-' }}
+ {{ selectedTask?.command || '-' }}
+ {{ selectedTask?.container_image || '-' }}
+ {{ selectedTask?.output_path || '-' }}
+ {{ selectedTask?.log_path || '-' }}
+
+
+ 执行结果
+
+
+
+
+
+
+
+
+ {{ selectedTask?.exit_code }}
+
+
+
+
+
+ {{ selectedTask?.error_message }}
+
+
+
+ {{ selectedTask?.result_summary }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 重置
+
+
+
+
+
+
+
+
+ {{ formatDate(scope.row.record_date) }}
+
+
+
+
+ {{ scope.row.server?.name || '-' }}
+
+
+
+
+ {{ scope.row.user?.name || '-' }}
+
+
+
+
+ {{ scope.row.task?.name || '-' }}
+
+
+
+
+ {{ scope.row.cpu_usage_hours.toFixed(1) }} 小时
+
+
+
+
+ {{ scope.row.gpu_usage_hours.toFixed(1) }} 小时
+
+
+
+
+ {{ scope.row.memory_usage_gb_hours.toFixed(1) }} GB·小时
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ¥{{ scope.row.cost_estimate.toFixed(2) }}
+
+ -
+
+
+
+
+
+ 详情
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/users/UserList.vue b/frontend/src/views/users/UserList.vue
new file mode 100644
index 0000000..7061665
--- /dev/null
+++ b/frontend/src/views/users/UserList.vue
@@ -0,0 +1,462 @@
+
+
+
+
+ 使用记录
+
+
+
+ 使用统计
+
+
+
+
+
+ {{ usageStats.total_cpu_hours.toFixed(1) }}
+ CPU 使用时长 (小时)
+
+
+
+
+
+ {{ usageStats.total_gpu_hours.toFixed(1) }}
+ GPU 使用时长 (小时)
+
+
+
+
+
+ {{ usageStats.total_memory_gb_hours.toFixed(1) }}
+ 内存使用 (GB·小时)
+
+
+
+
+
+ {{ usageStats.total_storage_tb_hours.toFixed(2) }}
+ 存储使用 (TB·小时)
+
+
+
+
+
+ {{ (usageStats.total_upload_gb + usageStats.total_download_gb).toFixed(2) }}
+ 网络流量 (GB)
+
+
+
+
+
+ {{ usageStats.total_records }}
+ 记录数
+
+
+
+
+
+ {{ formatDate(selectedRecord.record_date) }}
+ {{ selectedRecord.server?.name || '-' }}
+ {{ selectedRecord.user?.name || '-' }}
+ {{ selectedRecord.task?.name || '-' }}
+
+
+ 资源使用详情
+
+
+ {{ selectedRecord.cpu_usage_hours.toFixed(1) }} 小时
+
+
+ {{ selectedRecord.gpu_usage_hours.toFixed(1) }} 小时
+
+
+ {{ selectedRecord.memory_usage_gb_hours.toFixed(1) }} GB·小时
+
+
+ {{ selectedRecord.storage_usage_tb_hours.toFixed(2) }} TB·小时
+
+
+ {{ selectedRecord.network_upload_gb.toFixed(2) }} GB
+
+
+ {{ selectedRecord.network_download_gb.toFixed(2) }} GB
+
+
+
+ 峰值使用
+
+
+
+
+
+
+
+
+
+ 费用预估
+
+
+
+ CPU峰值
+
+
+ 内存峰值
+
+
+ GPU峰值
+
+ ¥{{ selectedRecord.cost_estimate.toFixed(2) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getRoleText(scope.row.role) }}
+
+
+
+
+
+
+ {{ scope.row.is_active ? '正常' : '禁用' }}
+
+
+
+
+
+ 编辑
+ 重置密码
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 正常
+ 禁用
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..9e1abed
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,21 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "skipLibCheck": true,
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "preserve",
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+ "references": [{ "path": "./tsconfig.node.json" }]
+}
\ No newline at end of file
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
new file mode 100644
index 0000000..099658c
--- /dev/null
+++ b/frontend/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "skipLibCheck": true,
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true
+ },
+ "include": ["vite.config.ts"]
+}
\ No newline at end of file
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000..e39bec9
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+ plugins: [vue()],
+ server: {
+ port: 3000,
+ proxy: {
+ '/api': {
+ target: 'http://localhost:8000',
+ changeOrigin: true
+ }
+ }
+ }
+})
\ No newline at end of file
+
+
+
+
+ 用户管理
+
+
+