From e7aa59928c690d780e220dea44731308ea434dae Mon Sep 17 00:00:00 2001
From: Hexianren <1979181470@qq.com>
Date: Fri, 7 Feb 2025 23:11:46 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=95=99=E5=B8=88=E7=AB=AF=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/Home/AssignmentList.vue         |  4 +-
 HomeWork-vite/src/views/Home/MessageList.vue  | 42 +++++------
 HomeWork-vite/src/views/Home/index.vue        |  5 +-
 TeacherHomeWork-vite/src/App.vue              |  2 +
 .../src/components/MyCourse.vue               | 59 ++++++++++++++++
 .../src/components/Sidebar.vue                |  2 +-
 .../src/views/Home/Dashboard.vue              | 70 +++++++++++++++++++
 .../src/views/Home/HomeworkList.vue           | 65 +++++++++++++++++
 .../src/views/Home/TeacherMessageList.vue     | 37 ++++++++++
 TeacherHomeWork-vite/src/views/Home/index.vue | 33 ++++++++-
 10 files changed, 288 insertions(+), 31 deletions(-)
 create mode 100644 TeacherHomeWork-vite/src/components/MyCourse.vue
 create mode 100644 TeacherHomeWork-vite/src/views/Home/Dashboard.vue
 create mode 100644 TeacherHomeWork-vite/src/views/Home/HomeworkList.vue
 create mode 100644 TeacherHomeWork-vite/src/views/Home/TeacherMessageList.vue

diff --git a/HomeWork-vite/src/views/Home/AssignmentList.vue b/HomeWork-vite/src/views/Home/AssignmentList.vue
index d27880f..742b85b 100644
--- a/HomeWork-vite/src/views/Home/AssignmentList.vue
+++ b/HomeWork-vite/src/views/Home/AssignmentList.vue
@@ -1,5 +1,5 @@
 <template>
-
+  <!-- 学生端作业列表 -->
   <el-table :data="tableData" style="width: 100% ; height: 100%;" :row-class-name="tableRowClassName">
     <el-table-column prop="date" label="日期" width="180" />
     <el-table-column prop="name" label="课程" width="180" />
@@ -140,4 +140,4 @@ const tableData: User[] = [
 .el-table .error-row {
   --el-table-tr-bg-color: rgb(247, 137.4, 137.4);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/HomeWork-vite/src/views/Home/MessageList.vue b/HomeWork-vite/src/views/Home/MessageList.vue
index f4a3b6f..e5c2017 100644
--- a/HomeWork-vite/src/views/Home/MessageList.vue
+++ b/HomeWork-vite/src/views/Home/MessageList.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 学生端消息栏 -->
   <div>
     <h2>我的消息</h2>
     <el-timeline>
@@ -9,29 +10,24 @@
   </div>
 </template>
 
-<script>
-export default {
-  name: "MessageList",
-  data() {
-    return {
-      messages: [
-        { type: "success", content: "成功提交一份作业" },
-        { type: "warning", content: "作业即将截止通知" },
-        { type: "error", content: "作业已截止" },
-        { type: "warning", content: "作业即将截止通知" },
-        { type: "success", content: "成功提交一份疑难点" },
-        { type: "success", content: "成功提交一份作业" },
-        { type: "warning", content: "作业即将截止通知" },
-        { type: "success", content: "你收到一条来自老师的回复" },
-        { type: "success", content: "成功提交一份疑难点" },
-        { type: "success", content: "成功提交一份作业" },
-        { type: "error", content: "作业已截止" },
-        { type: "error", content: "作业已截止" },
-        { type: "error", content: "作业已截止" },
-      ],
-    };
-  },
-};
+<script lang="ts" setup>
+import { ref } from 'vue';
+  const messages = ref([
+    { type: "success", content: "成功提交一份作业" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "error", content: "作业已截止" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "成功提交一份疑难点" },
+    { type: "success", content: "成功提交一份作业" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "你收到一条来自老师的回复" },
+    { type: "success", content: "成功提交一份疑难点" },
+    { type: "success", content: "成功提交一份作业" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+  ]);
+      
 </script>
 
 <style scoped>
diff --git a/HomeWork-vite/src/views/Home/index.vue b/HomeWork-vite/src/views/Home/index.vue
index f779ea1..65d2824 100644
--- a/HomeWork-vite/src/views/Home/index.vue
+++ b/HomeWork-vite/src/views/Home/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 学生端首页 -->
   <div class="home">
     <div class="main-homework">
       <AssignmentList />
@@ -10,8 +11,8 @@
 </template>
 
 <script setup>
-import AssignmentList from '../Home/AssignmentList.vue';
-import MessageList from '../Home/MessageList.vue';
+import AssignmentList from './AssignmentList.vue';
+import MessageList from './MessageList.vue';
 
 
 </script>
diff --git a/TeacherHomeWork-vite/src/App.vue b/TeacherHomeWork-vite/src/App.vue
index ff0eddf..5f54e03 100644
--- a/TeacherHomeWork-vite/src/App.vue
+++ b/TeacherHomeWork-vite/src/App.vue
@@ -10,6 +10,7 @@
           <Sidebar />
         </el-aside>
         <el-main>
+          <MyCourse />
           <RouterView />
         </el-main>
       </el-container>
@@ -18,6 +19,7 @@
 </template>
 <script setup>
 import Sidebar from './components/Sidebar.vue';
+import MyCourse from './components/MyCourse.vue';
 import { onBeforeMount, provide, ref } from 'vue';
 import { getRtParam } from './base/constant';
 import { RouterView } from 'vue-router';
diff --git a/TeacherHomeWork-vite/src/components/MyCourse.vue b/TeacherHomeWork-vite/src/components/MyCourse.vue
new file mode 100644
index 0000000..e768e2f
--- /dev/null
+++ b/TeacherHomeWork-vite/src/components/MyCourse.vue
@@ -0,0 +1,59 @@
+<template>
+    <div class="container">
+        <h3 class="box">我的课程</h3>
+        <el-select class="box" v-model="value" placeholder="选择课程" style="width: 240px">
+            <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+            />
+        </el-select>
+    </div>
+    <hr class="custom-hr">
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const value = ref('');
+
+const options = [
+    {
+        value: '高等数学A',
+        label: '高等数学A',
+    },
+    {
+        value: '线性代数C',
+        label: '线性代数C',
+    },
+    {
+        value: '大学生职业生涯规划',
+        label: '大学生职业生涯规划',
+    },
+];
+
+</script>
+
+<style scoped>
+.container{
+    display: flex;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    height: auto;
+}
+.box{
+    float: left;
+    margin-right: 10px;
+}
+.custom-hr {  
+    border: 0;
+    height: 1px;
+    background-color: gray;
+    width: 100%;
+    margin-top: 10px; 
+}  
+
+
+
+</style>
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/components/Sidebar.vue b/TeacherHomeWork-vite/src/components/Sidebar.vue
index 71da709..a4867b5 100644
--- a/TeacherHomeWork-vite/src/components/Sidebar.vue
+++ b/TeacherHomeWork-vite/src/components/Sidebar.vue
@@ -24,7 +24,7 @@ const HomeWorkManager = () => {
 
 <style scoped>
 .sidebar {
-  height: 97vh;
+  height: 100%;
   width: 200px;
   border: 1px solid gray;  
 }
diff --git a/TeacherHomeWork-vite/src/views/Home/Dashboard.vue b/TeacherHomeWork-vite/src/views/Home/Dashboard.vue
new file mode 100644
index 0000000..a38b506
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/Home/Dashboard.vue
@@ -0,0 +1,70 @@
+<template>
+    <!-- 教师端统计信息 -->
+    <el-card>
+        <div class="stats">
+            <div class="stat-box">
+                <el-icon class="el-icon"><user /></el-icon>
+                <span>班级人数: 56人</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><info-filled /></el-icon>
+                <span>未解答疑难点: 38个</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><document-checked /></el-icon>
+                <span>待批改作业: 18份</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><checked /></el-icon>
+                <span>整体作业完成率: 88.9%</span>
+            </div>
+
+            <el-divider direction="vertical" />
+
+            <div class="stat-box">
+                <el-icon><reading /></el-icon>
+                <span>整体学习进度: 65%</span>
+            </div>
+
+        </div>
+    </el-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { User, InfoFilled, DocumentChecked, Checked, Reading } from '@element-plus/icons-vue';
+
+const selectedCourse = ref("高等数学A");
+
+</script>
+
+<style scoped>
+.stats {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.stat-box {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  gap: 5px;
+}
+.el-icon{
+    font-size: 30px;
+}
+.el-divider{
+  height: 50px;
+  border-left: 1px solid grey;
+}
+</style>
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/Home/HomeworkList.vue b/TeacherHomeWork-vite/src/views/Home/HomeworkList.vue
new file mode 100644
index 0000000..7f9c2bc
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/Home/HomeworkList.vue
@@ -0,0 +1,65 @@
+<template>
+    <el-card>
+      <h3 class="homework-title">作业提交情况</h3>
+      <!-- 滚动容器 -->
+      <el-scrollbar height="600px">
+        <div class="homework-list">
+          <el-card v-for="(homework, index) in homeworkList" :key="index" class="homework-item">
+            <div class="homework-header">
+              <span class="homework-title">{{ homework.name }}</span>
+              <span class="homework-time">{{ homework.time }}</span>
+            </div>
+            <!-- 进度条判断 -->
+            <el-progress :percentage="homework.progress" :color="homework.color" />
+          </el-card>
+        </div>
+      </el-scrollbar>
+    </el-card>
+  </template>
+  
+  <script setup>
+  import { ref } from 'vue';
+  
+  const homeworkList = ref([
+    { name: "第五次作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+    { name: "第四次作业", time: "2025.1.10 ~ 2025.1.23", progress: 80, color: "orange" },
+    { name: "第三次作业", time: "2025.1.10 ~ 2025.1.23", progress: 50, color: "red" },
+    { name: "第二次作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+    { name: "第一次作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+    { name: "预习作业", time: "2025.1.10 ~ 2025.1.23", progress: 100, color: "green" },
+  ]);
+
+  
+
+  </script>
+  
+  <style scoped>
+  .homework-title{
+    padding-bottom: 20px;
+  }
+  .homework-list {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+  }
+  
+  .homework-item {
+    padding: 15px;
+    border-radius: 8px;
+    transition: 0.3s;
+  }
+  
+  .homework-item:hover {
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  }
+  
+  .homework-header {
+    display: flex;
+    justify-content: space-between;
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+  </style>
+  
+  
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/Home/TeacherMessageList.vue b/TeacherHomeWork-vite/src/views/Home/TeacherMessageList.vue
new file mode 100644
index 0000000..431dbb8
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/Home/TeacherMessageList.vue
@@ -0,0 +1,37 @@
+<template>
+    <!-- 教师端端消息栏 -->
+    <div>
+      <h2>我的消息</h2>
+      <el-timeline>
+        <el-timeline-item v-for="(message, index) in messages" :key="index" :type="message.type">
+          {{ message.content }}
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+  </template>
+  
+  <script lang="ts" setup>
+  import { ref } from 'vue';
+  const messages = ref([
+    { type: "success", content: "成功解答一个疑难点" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "error", content: "作业已截止" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "成功解答一个疑难点" },
+    { type: "success", content: "成功发布一份作业" },
+    { type: "warning", content: "作业即将截止通知" },
+    { type: "success", content: "你收到一条来自学生的提问" },
+    { type: "success", content: "成功解答一个疑难点" },
+    { type: "success", content: "成功发布一份作业" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+    { type: "error", content: "作业已截止" },
+  ]);
+        
+  </script>
+  
+  <style scoped>
+  h2 {
+    margin-bottom: 10px;
+  }
+  </style>
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/Home/index.vue b/TeacherHomeWork-vite/src/views/Home/index.vue
index 3a757da..fc8c097 100644
--- a/TeacherHomeWork-vite/src/views/Home/index.vue
+++ b/TeacherHomeWork-vite/src/views/Home/index.vue
@@ -1,12 +1,39 @@
 <template>
+    <el-container>
+        <!-- 主要内容区域 -->
+        <el-main>
+            <Dashboard />
+            <div class="homework">
+            <HomeworkList />
+            </div>
+        </el-main>
 
+        <!-- 右侧消息通知 -->
+        <el-aside class="main-message">
+            <TeacherMessageList />
+        </el-aside>
+    </el-container>
 </template>
 
-<script setup>
-
+<script lang="ts" setup>
+import Dashboard from './Dashboard.vue';
+import TeacherMessageList from './TeacherMessageList.vue';
+import HomeworkList from './HomeworkList.vue';
 
 </script>
 
 <style scoped>
-
+.homework{  
+    padding: 20px;
+}
+.main-message {
+  padding: 20px;
+  background-color: white;
+  margin: 10px;
+  border-radius: 10px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  flex:   auto;
+  height: 800px;
+  display: flex;
+}
 </style>
-- 
Gitee


From 30a5a753f28bb8cdf85b3594aca9b6d114a820b9 Mon Sep 17 00:00:00 2001
From: Hexianren <1979181470@qq.com>
Date: Sun, 9 Feb 2025 01:48:28 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 TeacherHomeWork-vite/package-lock.json        | 23 ++++++
 TeacherHomeWork-vite/package.json             |  1 +
 .../src/components/MyCourse.vue               | 11 ++-
 .../src/components/Sidebar.vue                |  6 +-
 TeacherHomeWork-vite/src/main.js              |  5 +-
 TeacherHomeWork-vite/src/router/index.js      |  6 ++
 .../src/views/GradeManager/HomeworkCard.vue   | 53 ++++++++++++++
 .../src/views/GradeManager/HomeworkList.vue   | 68 ++++++++++++++++++
 .../src/views/GradeManager/Piechart.vue       | 54 ++++++++++++++
 .../src/views/GradeManager/Sidebar.vue        | 70 +++++++++++++++++++
 .../src/views/GradeManager/index.vue          | 35 ++++++++++
 TeacherHomeWork-vite/yarn.lock                | 20 ++++++
 12 files changed, 345 insertions(+), 7 deletions(-)
 create mode 100644 TeacherHomeWork-vite/src/views/GradeManager/HomeworkCard.vue
 create mode 100644 TeacherHomeWork-vite/src/views/GradeManager/HomeworkList.vue
 create mode 100644 TeacherHomeWork-vite/src/views/GradeManager/Piechart.vue
 create mode 100644 TeacherHomeWork-vite/src/views/GradeManager/Sidebar.vue

diff --git a/TeacherHomeWork-vite/package-lock.json b/TeacherHomeWork-vite/package-lock.json
index 790f8b0..79b5976 100644
--- a/TeacherHomeWork-vite/package-lock.json
+++ b/TeacherHomeWork-vite/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@element-plus/icons-vue": "^2.3.1",
         "axios": "^1.6.2",
+        "echarts": "^5.6.0",
         "element-plus": "^2.8.8",
         "lodash": "^4.17.21",
         "qs": "^6.11.2",
@@ -1025,6 +1026,15 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/echarts": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz",
+      "integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.6.1"
+      }
+    },
     "node_modules/element-plus": {
       "version": "2.8.8",
       "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.8.8.tgz",
@@ -1592,6 +1602,11 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+    },
     "node_modules/vite": {
       "version": "5.0.8",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-5.0.8.tgz",
@@ -1683,6 +1698,14 @@
       "peerDependencies": {
         "vue": "^3.2.0"
       }
+    },
+    "node_modules/zrender": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz",
+      "integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
     }
   }
 }
diff --git a/TeacherHomeWork-vite/package.json b/TeacherHomeWork-vite/package.json
index c488538..cb1387f 100644
--- a/TeacherHomeWork-vite/package.json
+++ b/TeacherHomeWork-vite/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "axios": "^1.6.2",
+    "echarts": "^5.6.0",
     "element-plus": "^2.8.8",
     "lodash": "^4.17.21",
     "qs": "^6.11.2",
diff --git a/TeacherHomeWork-vite/src/components/MyCourse.vue b/TeacherHomeWork-vite/src/components/MyCourse.vue
index e768e2f..189554c 100644
--- a/TeacherHomeWork-vite/src/components/MyCourse.vue
+++ b/TeacherHomeWork-vite/src/components/MyCourse.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <h3 class="box">我的课程</h3>
-        <el-select class="box" v-model="value" placeholder="选择课程" style="width: 240px">
+        <el-select class="box" v-model="value" placeholder="请选择课程" style="width: 240px">
             <el-option
             v-for="item in options"
             :key="item.value"
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref,onMounted } from 'vue';
 
 const value = ref('');
 
@@ -32,7 +32,12 @@ const options = [
         label: '大学生职业生涯规划',
     },
 ];
-
+/* 设置默认为第一个选项的值 */  
+onMounted(() => {  
+    if (options.length > 0) {  
+        value.value = options[0].value;
+    }  
+}); 
 </script>
 
 <style scoped>
diff --git a/TeacherHomeWork-vite/src/components/Sidebar.vue b/TeacherHomeWork-vite/src/components/Sidebar.vue
index a4867b5..7b09ea2 100644
--- a/TeacherHomeWork-vite/src/components/Sidebar.vue
+++ b/TeacherHomeWork-vite/src/components/Sidebar.vue
@@ -4,7 +4,7 @@
      background-color="darkorchid"
      text-color="#fff"
      >
-        <el-menu-item index="1" @Click="HomeWorkManager">作业管理</el-menu-item>
+        <el-menu-item index="1" @Click="GradeManager">作业管理</el-menu-item>
         <el-menu-item index="2" @Click="">成绩管理</el-menu-item>
         <el-menu-item index="3" @Click="">学习进度</el-menu-item>
         <el-menu-item index="4" @Click="">学期作业统计</el-menu-item>
@@ -17,8 +17,8 @@ import { useRouter } from 'vue-router';
 //路由器
 const router = useRouter();
 
-const HomeWorkManager = () => {
-    router.push("/HomeWorkManager")
+const GradeManager = () => {
+    router.push("/GradeManager")
 }
 </script>
 
diff --git a/TeacherHomeWork-vite/src/main.js b/TeacherHomeWork-vite/src/main.js
index a016b49..3ee8df6 100644
--- a/TeacherHomeWork-vite/src/main.js
+++ b/TeacherHomeWork-vite/src/main.js
@@ -4,9 +4,12 @@ import router from './router';
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import * as echarts from 'echarts';
 
 const init = () => {
-  const app = createApp(App).use(router).use(ElementPlus);
+  const app = createApp(App).use(router).use(ElementPlus)
+  // 全局使用EChart
+  app.config.globalProperties.$echarts = echarts;
   // 全局注册所有 Element Plus 图标  
   for (const [key, component] of Object.entries(ElementPlusIconsVue)) {  
     app.component(key, component);  
diff --git a/TeacherHomeWork-vite/src/router/index.js b/TeacherHomeWork-vite/src/router/index.js
index c19aa22..b95f0c9 100644
--- a/TeacherHomeWork-vite/src/router/index.js
+++ b/TeacherHomeWork-vite/src/router/index.js
@@ -1,5 +1,6 @@
 import { createRouter, createWebHashHistory } from 'vue-router';
 import Home from '@/views/Home/index.vue';
+import GradeManager from '@/views/GradeManager/index.vue';
 
 const routes = [
   {
@@ -7,6 +8,11 @@ const routes = [
     name: 'Home',
     component: Home,
   },
+  {
+    path: '/GradeManager',
+    name: 'GradeManager',
+    component: GradeManager,
+  },
   
   // {
   //   path: '/:pathMatch(.*)*',
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/HomeworkCard.vue b/TeacherHomeWork-vite/src/views/GradeManager/HomeworkCard.vue
new file mode 100644
index 0000000..86ef588
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/GradeManager/HomeworkCard.vue
@@ -0,0 +1,53 @@
+<template>
+    <el-card class="homework-card">
+      <el-row :gutter="24">
+        <el-col :span="13">
+          <div class="homework-info">
+            <h2 style="padding-bottom: 15px;">{{ homework.title }}</h2>
+            <p>发布时间：{{ homework.publishTime }}</p>
+            <p>截止时间：{{ homework.deadline }}</p>
+            <p>待批改作业：{{ homework.pendingReviews }} 份</p>
+            <p>学生疑难点提问：{{ homework.questions }} 个</p>
+            <p>整体正确率：{{ homework.accuracy }}%</p>
+          </div>
+       </el-col>
+       <el-col :span="10" :push="16">
+          <div class="chart-container">
+            <h3 style="text-align: left;">提交人数:{{homework.submitted}}/{{homework.total}}</h3>
+            <PieChart :submitted="homework.submitted" :total="homework.total" />
+          </div>
+       </el-col>
+      </el-row>
+    </el-card>
+</template>
+
+<script setup>
+import PieChart from './Piechart.vue';
+
+defineProps({
+  homework: Object
+});
+</script>
+
+<style scoped>
+.homework-card {
+  display: flex;
+  justify-content: space-between;
+  padding: 20px;
+  margin-bottom: 20px;
+}
+
+.homework-info {
+  flex: 1;
+  margin: 10px;
+  text-align: left;
+}
+.chart-container {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center; 
+  flex-direction: column;
+  width: 250px;
+  height: 200px;
+}
+</style>
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/HomeworkList.vue b/TeacherHomeWork-vite/src/views/GradeManager/HomeworkList.vue
new file mode 100644
index 0000000..2dd846c
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/GradeManager/HomeworkList.vue
@@ -0,0 +1,68 @@
+<template>
+    <div>
+      <HomeworkCard
+        v-for="(homework, index) in homeworkList"
+        :key="index"
+        :homework="homework"
+      />
+    </div>
+</template>
+  
+<script setup>
+import { ref } from "vue";
+import HomeworkCard from "./HomeworkCard.vue";
+  
+const homeworkList = ref([
+  {
+    title: "第一次作业",
+    publishTime: "2025.1.10 12:00",
+    deadline: "2025.1.20 23:59",
+    pendingReviews: 4,
+    questions: 3,
+    accuracy: 87.4,
+    submitted: 36,
+    total: 56
+  },
+  {
+    title: "第二次作业",
+    publishTime: "2025.1.10 12:00",
+    deadline: "2025.1.20 23:59",
+    pendingReviews: 4,
+    questions: 3,
+    accuracy: 87.4,
+    submitted: 8,
+    total: 56
+  },
+  {
+    title: "第三次作业",
+    publishTime: "2025.1.10 12:00",
+    deadline: "2025.1.20 23:59",
+    pendingReviews: 4,
+    questions: 3,
+    accuracy: 87.4,
+    submitted: 44,
+    total: 56
+  },
+  {
+    title: "第四次作业",
+    publishTime: "2025.1.10 12:00",
+    deadline: "2025.1.20 23:59",
+    pendingReviews: 4,
+    questions: 3,
+    accuracy: 87.4,
+    submitted: 44,
+    total: 56
+  },
+  {
+    title: "第五次作业",
+    publishTime: "2025.1.10 12:00",
+    deadline: "2025.1.20 23:59",
+    pendingReviews: 4,
+    questions: 3,
+    accuracy: 87.4,
+    submitted: 44,
+    total: 56
+  },
+]);
+</script>
+  
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/Piechart.vue b/TeacherHomeWork-vite/src/views/GradeManager/Piechart.vue
new file mode 100644
index 0000000..008fec2
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/GradeManager/Piechart.vue
@@ -0,0 +1,54 @@
+<template>
+    <div ref="chartContainer" class="chart"></div>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import * as echarts from "echarts";
+
+const props = defineProps({
+    submitted: Number,
+    total: Number
+});
+
+const chartContainer = ref(null);
+
+onMounted(() => {   
+    const chart = echarts.init(chartContainer.value);
+    chart.setOption({
+        legend: {
+            orient: "horizontal",
+            bottom: 0
+        },
+        series: [
+        {
+            type: "pie",
+            label: {
+                show: false,
+                position: "inside", // 让标签显示在扇形内部
+            },
+            data: [
+            { 
+                value: props.submitted, 
+                name: "已提交", 
+                itemStyle: { color: "#409EFF" } 
+            },
+            { 
+                value: props.total - props.submitted, 
+                name: "未提交", 
+                itemStyle: { color: "#A0CFFF" } 
+            }
+            ]
+        }
+        ]
+    });
+});
+</script>
+
+<style scoped>
+.chart {
+width: 80%;
+height: 100%;
+}
+</style>
+  
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/Sidebar.vue b/TeacherHomeWork-vite/src/views/GradeManager/Sidebar.vue
new file mode 100644
index 0000000..e38c700
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/GradeManager/Sidebar.vue
@@ -0,0 +1,70 @@
+<template>
+    <el-card class="el-card">
+        <div class="sidebar">
+            <div class="button-card">
+                <el-button type="primary" class="action-button">发布作业</el-button>
+                <el-button type="primary" class="action-button">批改作业</el-button>
+                <el-button type="primary" class="action-button">疑难点解答</el-button>
+            </div>
+            <hr class="custom-hr">
+        
+            <h3>班级学生</h3>
+
+            <el-scrollbar class="studen-card">
+                <el-button v-for="(student, index) in students" :key="index" class="student-button">
+                {{ student }}
+                </el-button>
+            </el-scrollbar>
+        </div>
+    </el-card>
+</template>
+  
+<script setup>
+import { ref } from "vue";
+
+const students = ref(["李四", "王五", "张麻子", "黄四郎", "马邦德", "胡万", "张三","老二","老三","老四","老五","老六","老七","老八"]);
+
+</script>
+  
+<style scoped>
+.el-card{
+    display: flex;
+    height: 850px;
+}
+.custom-hr {  
+    border: 0;
+    height: 1px;
+    background-color: gray;
+    width: 100%;
+    margin-top: 10px; 
+}  
+.sidebar {
+    width: 250px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+.button-card{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.action-button {
+    width: 100%;
+    height: 50px;
+    margin: 10px;
+    font-size: 125%;
+}
+.studen-card{
+    height: 500px;
+}
+.student-button {
+    width: 80%;
+    height: 50px;
+    margin: 10px;
+    font-size: 100%;
+    text-align: center;
+    justify-content: flex-start;
+}
+</style>
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/index.vue b/TeacherHomeWork-vite/src/views/GradeManager/index.vue
index e69de29..6200981 100644
--- a/TeacherHomeWork-vite/src/views/GradeManager/index.vue
+++ b/TeacherHomeWork-vite/src/views/GradeManager/index.vue
@@ -0,0 +1,35 @@
+<template>
+    <div class="container">
+      <div class="left-panel">
+        <h2 style="padding: 10px;">作业提交情况</h2>
+        <el-scrollbar height="820px">
+            <HomeworkList />
+        </el-scrollbar>
+      </div>
+      <div class="right-panel">
+        <Sidebar />
+      </div>
+    </div>
+  </template>
+  
+  <script setup>
+  import HomeworkList from "./HomeworkList.vue";
+  import Sidebar from "./Sidebar.vue";
+  </script>
+  
+  <style scoped>
+  .container {
+    display: flex;
+  }
+  
+  .left-panel {
+    flex: 1;
+    padding: 20px;
+  }
+  
+  .right-panel {
+    width: 300px;
+    padding: 20px;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/TeacherHomeWork-vite/yarn.lock b/TeacherHomeWork-vite/yarn.lock
index fc617a1..dc570fc 100644
--- a/TeacherHomeWork-vite/yarn.lock
+++ b/TeacherHomeWork-vite/yarn.lock
@@ -290,6 +290,14 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+echarts@^5.6.0:
+  version "5.6.0"
+  resolved "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz"
+  integrity sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==
+  dependencies:
+    tslib "2.3.0"
+    zrender "5.6.1"
+
 element-plus@^2.8.8:
   version "2.8.8"
   resolved "https://registry.npmmirror.com/element-plus/-/element-plus-2.8.8.tgz"
@@ -609,6 +617,11 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+tslib@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
 "vite@^4.0.0 || ^5.0.0", vite@^5.0.8:
   version "5.0.8"
   resolved "https://registry.npmmirror.com/vite/-/vite-5.0.8.tgz"
@@ -642,3 +655,10 @@ vue-router@^4.5.0:
     "@vue/runtime-dom" "3.3.11"
     "@vue/server-renderer" "3.3.11"
     "@vue/shared" "3.3.11"
+
+zrender@5.6.1:
+  version "5.6.1"
+  resolved "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz"
+  integrity sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==
+  dependencies:
+    tslib "2.3.0"
-- 
Gitee