diff --git a/TeacherHomeWork-vite/src/components/Sidebar.vue b/TeacherHomeWork-vite/src/components/Sidebar.vue
index 7b09ea258c36ad88e51429097fa02c5663fcbf4e..358aece04d05fe0d4f8d971b852403d4ad292261 100644
--- a/TeacherHomeWork-vite/src/components/Sidebar.vue
+++ b/TeacherHomeWork-vite/src/components/Sidebar.vue
@@ -4,8 +4,8 @@
      background-color="darkorchid"
      text-color="#fff"
      >
-        <el-menu-item index="1" @Click="GradeManager">作业管理</el-menu-item>
-        <el-menu-item index="2" @Click="">成绩管理</el-menu-item>
+        <el-menu-item index="1" @Click="HomeworkManager">作业管理</el-menu-item>
+        <el-menu-item index="2" @Click="GradeManger">成绩管理</el-menu-item>
         <el-menu-item index="3" @Click="">学习进度</el-menu-item>
         <el-menu-item index="4" @Click="">学期作业统计</el-menu-item>
     </el-menu>
@@ -17,8 +17,11 @@ import { useRouter } from 'vue-router';
 //路由器
 const router = useRouter();
 
-const GradeManager = () => {
-    router.push("/GradeManager")
+const HomeworkManager = () => {
+    router.push("/HomeworkManager")
+}
+const GradeManger = () => {
+  router.push("/GradeManger")
 }
 </script>
 
diff --git a/TeacherHomeWork-vite/src/router/index.js b/TeacherHomeWork-vite/src/router/index.js
index b95f0c96491cefe74504e6af6f15f5aec622c173..c9fa97de527ba8bebb2344531928e69ab56b7041 100644
--- a/TeacherHomeWork-vite/src/router/index.js
+++ b/TeacherHomeWork-vite/src/router/index.js
@@ -1,6 +1,7 @@
 import { createRouter, createWebHashHistory } from 'vue-router';
 import Home from '@/views/Home/index.vue';
-import GradeManager from '@/views/GradeManager/index.vue';
+import HomeworkManager from '@/views/HomeworkManager/index.vue';
+import GradeManger from '../views/GradeManager/index.vue';
 
 const routes = [
   {
@@ -9,9 +10,14 @@ const routes = [
     component: Home,
   },
   {
-    path: '/GradeManager',
-    name: 'GradeManager',
-    component: GradeManager,
+    path: '/HomeworkManager',
+    name: 'HomeworkManager',
+    component: HomeworkManager,
+  },
+  {
+    path: '/GradeManger',
+    name: 'GradeManger',
+    component: GradeManger,
   },
   
   // {
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/GradeLMangerList.vue b/TeacherHomeWork-vite/src/views/GradeManager/GradeLMangerList.vue
new file mode 100644
index 0000000000000000000000000000000000000000..bdb8e6dc12c8f45aaf5fffaa1fcb5cc81029efc7
--- /dev/null
+++ b/TeacherHomeWork-vite/src/views/GradeManager/GradeLMangerList.vue
@@ -0,0 +1,173 @@
+<template>
+  <div class="manage">
+    <div align="left" style="margin: 10px 0">
+      <el-input v-model="search" placeholder="请输入关键字" style="width: 30%"></el-input>
+      <el-button style="margin-left: 10px" type="primary" @click="list">查询</el-button>
+      <el-button style="margin-left: 10px" type="primary" @click="add">新增学生</el-button>
+      <el-button style="margin-left: 10px" type="primary" @click="all">全部学生</el-button>
+      <el-button style="margin-left: 10px" type="primary" @click="qualified">合格学生</el-button>
+      <el-button style="margin-left: 10px" type="primary" @click="unqualified">挂科学生</el-button>
+    </div>
+
+    <el-table :data="computedTableData" :row-class-name="getRowClassName" style="width: 90%">
+      <el-table-column prop="username" label="学号"></el-table-column>
+      <el-table-column prop="name" label="姓名"></el-table-column>
+      <el-table-column prop="midscore" label="期中成绩(40%)"></el-table-column>
+      <el-table-column prop="finalscore" label="期末成绩(40%)"></el-table-column>
+      <el-table-column prop="dailyscore" label="平时成绩(20%)"></el-table-column>
+      <el-table-column sortable prop="totalscore" label="最终成绩"></el-table-column>
+      <el-table-column>
+        <template #default="scope">
+          <el-button @click="handleEdit(scope.row)" type="info">编辑</el-button>
+          <el-popconfirm title="确认删除吗?" @confirm="handleDelete(scope.row.username)">
+            <template #reference>
+              <el-button type="danger" class="delete-button">删除</el-button>
+            </template>
+          </el-popconfirm>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+
+  <el-dialog title="编辑学生信息" v-model="dialogVisible" width="30%">
+  <el-form :model="form" label-width="120px">
+    <el-form-item label="学号">
+      <el-input v-model="form.username"></el-input>
+    </el-form-item>
+    <el-form-item label="姓名">
+      <el-input v-model="form.name"></el-input>
+    </el-form-item>
+    <el-form-item label="期中成绩(40%)">
+      <el-input v-model="form.midscore"></el-input>
+    </el-form-item>
+    <el-form-item label="期末成绩(40%)">
+      <el-input v-model="form.finalscore"></el-input>
+    </el-form-item>
+    <el-form-item label="平时成绩(20%)">
+      <el-input v-model="form.dailyscore"></el-input>
+    </el-form-item>
+  </el-form>
+  <template #footer>
+    <el-button @click="dialogVisible = false">取消</el-button>
+    <el-button type="primary" @click="save">保存</el-button>
+  </template>
+</el-dialog>
+
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+
+// Dialog 控制
+const dialogVisible = ref(false);
+const form = ref({
+  username: '',
+  name: '',
+  midscore: '',
+  finalscore: '',
+  dailyscore: ''
+});
+
+const search = ref('');
+
+const tableData = ref([
+  { username: '202301', name: '张三', midscore: 35, finalscore: 38, dailyscore: 18 },
+  { username: '202302', name: '李四', midscore: 28, finalscore: 30, dailyscore: 15 },
+  { username: '202303', name: '王五', midscore: 90, finalscore: 88, dailyscore: 85 },
+  { username: '202304', name: '赵六', midscore: 75, finalscore: 78, dailyscore: 70 },
+  { username: '202305', name: '孙七', midscore: 60, finalscore: 65, dailyscore: 58 },
+  { username: '202306', name: '周八', midscore: 50, finalscore: 55, dailyscore: 40 },
+  { username: '202307', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 30 },
+  { username: '202308', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 80 },
+  { username: '202309', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 70 },
+  { username: '202310', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 60 },
+  { username: '202311', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 50 },
+  { username: '202312', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 50 },
+  { username: '202313', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 40 },
+  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
+  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
+  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
+  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
+  { username: '202314', name: '吴九', midscore: 100, finalscore: 90, dailyscore: 20 },
+]);
+
+const computedTableData = computed(() =>
+  tableData.value.map(row => ({
+    ...row,
+    totalscore: row.midscore * 0.4 + row.finalscore * 0.4 + row.dailyscore * 0.2
+  }))
+);
+
+const getRowClassName = ({ row }) => {
+  const totalScore = row.totalscore;
+  if (totalScore === undefined || totalScore === null) {
+    console.error(`Error: totalscore is undefined for student ${row.username}`);
+    return 'fail';
+  }
+
+  console.log('Total Score:', totalScore, 'Class Name:', 
+    totalScore >= 85 ? 'excellent' :
+    totalScore >= 75 ? 'good' :
+    totalScore >= 60 ? 'pass' : 'fail'
+  );
+
+  return totalScore >= 85 ? 'excellent' :
+         totalScore >= 75 ? 'good' :
+         totalScore >= 60 ? 'pass' : 'fail';
+};
+
+const handleEdit = (student) => {
+  dialogVisible.value = true;
+  console.log('编辑学生：', student.username);
+};
+
+const handleDelete = (username) => {
+  tableData.value = tableData.value.filter(student => student.username !== username);
+  console.log('删除学生：', username);
+};
+
+const list = () => console.log('进行搜索查询');
+const add = () => dialogVisible.value = true;
+const all = () => console.log('显示全部学生');
+const qualified = () => console.log('显示合格学生');
+const unqualified = () => console.log('显示挂科学生');
+
+</script>
+
+<style scoped>
+/* 自定义样式 */
+:deep(tr.el-table__row.excellent) {
+  --el-table-tr-bg-color: #67c23a !important;
+  color: black !important;
+}
+:deep(tr.el-table__row.good) {
+  --el-table-tr-bg-color: #409eff !important;
+  color: black !important;
+}
+:deep(tr.el-table__row.pass) {
+  --el-table-tr-bg-color: #e6a23c !important;
+  color: black !important;
+}
+:deep(tr.el-table__row.fail) {
+  --el-table-tr-bg-color: #f56c6c !important;
+  color: black !important;
+}
+
+.delete-button {
+  background-color: #f44336; /* 深红色背景 */
+  border-color: #d32f2f; /* 较暗的红色边框 */
+  color: white; /* 白色文字 */
+  font-weight: bold; /* 加粗字体 */
+  text-transform: uppercase; /* 字母大写 */
+}
+
+.delete-button:hover {
+  background-color: #d32f2f; /* hover 状态下颜色变暗 */
+  border-color: #c2185b; /* 较暗的红色边框 */
+}
+
+.delete-button:active {
+  background-color: #c2185b; /* active 状态颜色 */
+  border-color: #c2185b;
+}
+</style>
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/index.vue b/TeacherHomeWork-vite/src/views/GradeManager/index.vue
index 62009813770f524263e5814749fd97109e7c10f8..4919f5315040c7b315c1f3d9e2958ff5316d249b 100644
--- a/TeacherHomeWork-vite/src/views/GradeManager/index.vue
+++ b/TeacherHomeWork-vite/src/views/GradeManager/index.vue
@@ -1,35 +1,12 @@
 <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
+<GradeLMangerList/>
+</template>
+
+<script setup>
+import GradeLMangerList from './GradeLMangerList.vue';
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/HomeworkCard.vue b/TeacherHomeWork-vite/src/views/HomeWorkManager/HomeworkCard.vue
similarity index 100%
rename from TeacherHomeWork-vite/src/views/GradeManager/HomeworkCard.vue
rename to TeacherHomeWork-vite/src/views/HomeWorkManager/HomeworkCard.vue
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/HomeworkList.vue b/TeacherHomeWork-vite/src/views/HomeWorkManager/HomeworkList.vue
similarity index 100%
rename from TeacherHomeWork-vite/src/views/GradeManager/HomeworkList.vue
rename to TeacherHomeWork-vite/src/views/HomeWorkManager/HomeworkList.vue
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/Piechart.vue b/TeacherHomeWork-vite/src/views/HomeWorkManager/Piechart.vue
similarity index 100%
rename from TeacherHomeWork-vite/src/views/GradeManager/Piechart.vue
rename to TeacherHomeWork-vite/src/views/HomeWorkManager/Piechart.vue
diff --git a/TeacherHomeWork-vite/src/views/GradeManager/Sidebar.vue b/TeacherHomeWork-vite/src/views/HomeWorkManager/Sidebar.vue
similarity index 100%
rename from TeacherHomeWork-vite/src/views/GradeManager/Sidebar.vue
rename to TeacherHomeWork-vite/src/views/HomeWorkManager/Sidebar.vue
diff --git a/TeacherHomeWork-vite/src/views/HomeWorkManager/index.vue b/TeacherHomeWork-vite/src/views/HomeWorkManager/index.vue
index 3a757dac2e7ddf6864dfeef26ffcdb09f1cf9aec..62009813770f524263e5814749fd97109e7c10f8 100644
--- a/TeacherHomeWork-vite/src/views/HomeWorkManager/index.vue
+++ b/TeacherHomeWork-vite/src/views/HomeWorkManager/index.vue
@@ -1,12 +1,35 @@
 <template>
-
-</template>
-
-<script setup>
-
-
-</script>
-
-<style scoped>
-
-</style>
+    <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