From 4b953d8fa941d2a2ab09c399968dffcea5bafd28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E5=BC=BA?= <357099073@qq.com>
Date: Sat, 15 Nov 2025 16:58:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=80=83=E8=AF=95=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pc/src/views/apps/exams/certificate/index.vue |   0
 .../apps/exams/exam/components/create.vue     |   0
 pc/src/views/apps/exams/exam/index.vue        | 183 ++++++++++++
 .../apps/exams/examinationQuestions/index.vue |   0
 pc/src/views/apps/exams/examinee/index.vue    |   0
 pc/src/views/apps/exams/index.vue             |   7 +
 pc/src/views/apps/exams/practice/index.vue    |   0
 pc/src/views/apps/exams/training/index.vue    |   0
 pc/src/views/apps/exams/workbench/index.vue   | 278 ++++++++++++++++++
 9 files changed, 468 insertions(+)
 create mode 100644 pc/src/views/apps/exams/certificate/index.vue
 create mode 100644 pc/src/views/apps/exams/exam/components/create.vue
 create mode 100644 pc/src/views/apps/exams/exam/index.vue
 create mode 100644 pc/src/views/apps/exams/examinationQuestions/index.vue
 create mode 100644 pc/src/views/apps/exams/examinee/index.vue
 create mode 100644 pc/src/views/apps/exams/index.vue
 create mode 100644 pc/src/views/apps/exams/practice/index.vue
 create mode 100644 pc/src/views/apps/exams/training/index.vue
 create mode 100644 pc/src/views/apps/exams/workbench/index.vue

diff --git a/pc/src/views/apps/exams/certificate/index.vue b/pc/src/views/apps/exams/certificate/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pc/src/views/apps/exams/exam/components/create.vue b/pc/src/views/apps/exams/exam/components/create.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pc/src/views/apps/exams/exam/index.vue b/pc/src/views/apps/exams/exam/index.vue
new file mode 100644
index 0000000..d36c1f5
--- /dev/null
+++ b/pc/src/views/apps/exams/exam/index.vue
@@ -0,0 +1,183 @@
+<template>
+  <div class="exam-container">
+    <!-- 操作栏 -->
+    <div class="toolbar">
+      <el-button type="primary" :icon="Plus" @click="handleCreateExam">
+        创建考试
+      </el-button>
+    </div>
+
+    <div class="filter-bar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item label="考试名称">
+          <el-input v-model="filters.keyword" placeholder="请输入考试名称" clearable />
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select v-model="filters.status" placeholder="全部" clearable style="width: 160px">
+            <el-option label="进行中" :value="1" />
+            <el-option label="已结束" :value="0" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="时间范围">
+          <el-date-picker
+            v-model="filters.dateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="YYYY-MM-DD"
+            unlink-panels
+            clearable
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+          <el-button @click="handleReset">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!-- 考试列表 -->
+    <div class="exam-list">
+      <el-table :data="examList" v-loading="loading" stripe>
+        <el-table-column prop="title" label="考试名称" min-width="200" />
+        <el-table-column prop="categoryName" label="分类" width="120" />
+        <el-table-column prop="startTime" label="开始时间" width="180" />
+        <el-table-column prop="endTime" label="结束时间" width="180" />
+        <el-table-column prop="status" label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 1 ? 'success' : 'info'">
+              {{ row.status === 1 ? '进行中' : '已结束' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="200" fixed="right">
+          <template #default="{ row }">
+            <el-button link type="primary" size="small">查看</el-button>
+            <el-button link type="primary" size="small">编辑</el-button>
+            <el-button link type="danger" size="small">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 分页 -->
+    <div class="pagination-wrapper" v-if="examList.length > 0">
+      <el-pagination
+        background
+        layout="prev, pager, next, total"
+        :total="total"
+        :page-size="pageSize"
+        :current-page="currentPage"
+        @current-change="handlePageChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { Plus } from '@element-plus/icons-vue';
+import { ElMessage } from 'element-plus';
+
+const activeTab = ref('management');
+const loading = ref(false);
+const examList = ref([]);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+
+const filters = ref({
+  keyword: '',
+  status: null,
+  dateRange: []
+});
+
+const handleCreateExam = () => {
+  ElMessage.info('创建考试功能开发中');
+};
+
+const handlePageChange = (page) => {
+  currentPage.value = page;
+  fetchExamList();
+};
+
+const handleSearch = () => {
+  currentPage.value = 1;
+  fetchExamList();
+};
+
+const handleReset = () => {
+  filters.value = { keyword: '', status: null, dateRange: [] };
+  currentPage.value = 1;
+  fetchExamList();
+};
+
+const fetchExamList = async () => {
+  loading.value = true;
+  try {
+    // TODO: 调用API获取考试列表
+    examList.value = [];
+  } catch (error) {
+    console.error('获取考试列表失败', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  fetchExamList();
+});
+</script>
+
+<style scoped lang="less">
+.exam-container {
+  padding: 24px;
+  background-color: var(--el-bg-color-page);
+  min-height: 100%;
+}
+
+.exam-header {
+  background: var(--el-bg-color);
+  border-radius: 12px;
+  padding: 20px 24px 0;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  border: 1px solid var(--el-border-color-lighter);
+
+  .exam-tabs {
+    :deep(.el-tabs__nav-wrap::after) {
+      display: none;
+    }
+  }
+}
+
+.toolbar {
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: flex-start;
+}
+
+.filter-bar {
+  background: var(--el-bg-color);
+  border-radius: 12px;
+  padding: 16px 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  border: 1px solid var(--el-border-color-lighter);
+}
+
+.exam-list {
+  background: var(--el-bg-color);
+  border-radius: 12px;
+  padding: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  border: 1px solid var(--el-border-color-lighter);
+}
+
+.pagination-wrapper {
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
+}
+</style>
diff --git a/pc/src/views/apps/exams/examinationQuestions/index.vue b/pc/src/views/apps/exams/examinationQuestions/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pc/src/views/apps/exams/examinee/index.vue b/pc/src/views/apps/exams/examinee/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pc/src/views/apps/exams/index.vue b/pc/src/views/apps/exams/index.vue
new file mode 100644
index 0000000..32f0348
--- /dev/null
+++ b/pc/src/views/apps/exams/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <router-view />
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/pc/src/views/apps/exams/practice/index.vue b/pc/src/views/apps/exams/practice/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pc/src/views/apps/exams/training/index.vue b/pc/src/views/apps/exams/training/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/pc/src/views/apps/exams/workbench/index.vue b/pc/src/views/apps/exams/workbench/index.vue
new file mode 100644
index 0000000..7bf62ed
--- /dev/null
+++ b/pc/src/views/apps/exams/workbench/index.vue
@@ -0,0 +1,278 @@
+<template>
+  <div class="exam-workbench">
+    <!-- 数据统计 -->
+    <div class="statistics-section">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <div class="stat-card">
+            <div class="stat-icon">
+              <i class="fa-solid fa-file-lines"></i>
+            </div>
+            <div class="stat-content">
+              <div class="stat-value">{{ statistics.examCount }}</div>
+              <div class="stat-label">考试总数</div>
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="stat-card">
+            <div class="stat-icon">
+              <i class="fa-solid fa-pen"></i>
+            </div>
+            <div class="stat-content">
+              <div class="stat-value">{{ statistics.practiceCount }}</div>
+              <div class="stat-label">练习总数</div>
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="stat-card">
+            <div class="stat-icon">
+              <i class="fa-solid fa-book"></i>
+            </div>
+            <div class="stat-content">
+              <div class="stat-value">{{ statistics.courseCount }}</div>
+              <div class="stat-label">课程总数</div>
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <div class="stat-card">
+            <div class="stat-icon">
+              <i class="fa-solid fa-users"></i>
+            </div>
+            <div class="stat-content">
+              <div class="stat-value">{{ statistics.studentCount }}</div>
+              <div class="stat-label">考生总数</div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+
+    <!-- 快捷功能 -->
+    <div class="quick-actions">
+      <h3 class="section-title">快捷功能</h3>
+      <el-row :gutter="20">
+        <el-col :span="4">
+          <div class="action-card" @click="handleCreateExam">
+            <div class="action-icon">
+              <i class="fa-solid fa-file-circle-plus"></i>
+            </div>
+            <div class="action-label">创建考试</div>
+          </div>
+        </el-col>
+        <el-col :span="4">
+          <div class="action-card" @click="handleCreatePractice">
+            <div class="action-icon">
+              <i class="fa-solid fa-pen-to-square"></i>
+            </div>
+            <div class="action-label">创建练习</div>
+          </div>
+        </el-col>
+        <el-col :span="4">
+          <div class="action-card" @click="handleCreateCourse">
+            <div class="action-icon">
+              <i class="fa-solid fa-book-open"></i>
+            </div>
+            <div class="action-label">创建课程</div>
+          </div>
+        </el-col>
+        <el-col :span="4">
+          <div class="action-card" @click="handleBatchImport">
+            <div class="action-icon">
+              <i class="fa-solid fa-file-import"></i>
+            </div>
+            <div class="action-label">批量导题</div>
+          </div>
+        </el-col>
+        <el-col :span="4">
+          <div class="action-card" @click="handleStudentManage">
+            <div class="action-icon">
+              <i class="fa-solid fa-user-group"></i>
+            </div>
+            <div class="action-label">考生管理</div>
+          </div>
+        </el-col>
+        <el-col :span="4">
+          <div class="action-card" @click="handleQuestionBank">
+            <div class="action-icon">
+              <i class="fa-solid fa-database"></i>
+            </div>
+            <div class="action-label">试题库</div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { ElMessage } from 'element-plus';
+
+const router = useRouter();
+
+const statistics = ref({
+  examCount: 0,
+  practiceCount: 0,
+  courseCount: 0,
+  studentCount: 0
+});
+
+const handleCreateExam = () => {
+  router.push('/apps/exams/exam');
+};
+
+const handleCreatePractice = () => {
+  ElMessage.info('创建练习功能开发中');
+};
+
+const handleCreateCourse = () => {
+  ElMessage.info('创建课程功能开发中');
+};
+
+const handleBatchImport = () => {
+  ElMessage.info('批量导题功能开发中');
+};
+
+const handleStudentManage = () => {
+  ElMessage.info('考生管理功能开发中');
+};
+
+const handleQuestionBank = () => {
+  ElMessage.info('试题库功能开发中');
+};
+
+const fetchStatistics = async () => {
+  try {
+    // TODO: 调用API获取统计数据
+    statistics.value = {
+      examCount: 0,
+      practiceCount: 0,
+      courseCount: 0,
+      studentCount: 0
+    };
+  } catch (error) {
+    console.error('获取统计数据失败', error);
+  }
+};
+
+onMounted(() => {
+  fetchStatistics();
+});
+</script>
+
+<style lang="scss" scoped>
+.exam-workbench {
+  padding: 20px;
+  
+  .statistics-section {
+    margin-bottom: 30px;
+    
+    .stat-card {
+      background: #fff;
+      border-radius: 8px;
+      padding: 24px;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+      transition: all 0.3s;
+      
+      &:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+      }
+      
+      .stat-icon {
+        width: 56px;
+        height: 56px;
+        border-radius: 12px;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        
+        i {
+          font-size: 28px;
+          color: #fff;
+        }
+      }
+      
+      .stat-content {
+        flex: 1;
+        
+        .stat-value {
+          font-size: 28px;
+          font-weight: 600;
+          color: #303133;
+          margin-bottom: 4px;
+        }
+        
+        .stat-label {
+          font-size: 14px;
+          color: #909399;
+        }
+      }
+    }
+  }
+  
+  .quick-actions {
+    .section-title {
+      font-size: 18px;
+      font-weight: 600;
+      color: #303133;
+      margin-bottom: 20px;
+    }
+    
+    .action-card {
+      background: #fff;
+      border-radius: 8px;
+      padding: 32px 20px;
+      text-align: center;
+      cursor: pointer;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+      transition: all 0.3s;
+      
+      &:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+        
+        .action-icon {
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          
+          i {
+            color: #fff;
+          }
+        }
+      }
+      
+      .action-icon {
+        width: 64px;
+        height: 64px;
+        border-radius: 50%;
+        background: #f5f7fa;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin: 0 auto 16px;
+        transition: all 0.3s;
+        
+        i {
+          font-size: 32px;
+          color: #667eea;
+          transition: all 0.3s;
+        }
+      }
+      
+      .action-label {
+        font-size: 14px;
+        font-weight: 500;
+        color: #606266;
+      }
+    }
+  }
+}
+</style>