From f6b7eb7a7c7e0ff1400833eb4d933518b3c65a1a Mon Sep 17 00:00:00 2001
From: Sakura <2337674687@qq.com>
Date: Mon, 20 Jan 2025 18:10:57 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=BE=8E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 HomeWork-vite/src/App.vue                     |  38 ++-
 .../{views/Home => components}/Sidebar.vue    |   0
 .../src/views/Home/AssignmentList.vue         | 282 +++++++++---------
 HomeWork-vite/src/views/Home/MessageList.vue  |  85 +++---
 HomeWork-vite/src/views/Home/index.vue        |  69 ++---
 .../views/HomeWorkManager/HomeWorkManger.vue  |  11 +-
 .../src/views/WrongManager/WrongManager.vue   |   2 +-
 7 files changed, 244 insertions(+), 243 deletions(-)
 rename HomeWork-vite/src/{views/Home => components}/Sidebar.vue (100%)

diff --git a/HomeWork-vite/src/App.vue b/HomeWork-vite/src/App.vue
index 1018eba..cd32078 100644
--- a/HomeWork-vite/src/App.vue
+++ b/HomeWork-vite/src/App.vue
@@ -1,11 +1,26 @@
 <template>
   <div class="container">
-    <router-view />
+    <el-container class="layout">
+      <!-- 头部 -->
+      <el-header class="header">
+        <h1>作业系统</h1>
+      </el-header>
+      <el-container>
+        <el-aside width="200px">
+          <Sidebar />
+        </el-aside>
+        <el-main>
+          <RouterView />
+        </el-main>
+      </el-container>
+    </el-container>
   </div>
 </template>
 <script setup>
+import Sidebar from './components/Sidebar.vue';
 import { onBeforeMount, provide, ref } from 'vue';
 import { getRtParam } from './base/constant';
+import { RouterView } from 'vue-router';
 const runToolParam = ref('');
 onBeforeMount(() => {
   runToolParam.value = getRtParam() || '';
@@ -30,10 +45,31 @@ body {
   background: linear-gradient(45deg, #e7f1e8, #f6e8e5)
 }
 
+.container {
+  width: 100%;
+  height: 100vh;
+}
+
+.footer {
+  background-color: darkorchid;
+  color: white;
+  text-align: center;
+  line-height: 40px;
+}
+
 * {
   margin: 0;
 }
 
+.header {
+  background-color: darkorchid;
+  color: white;
+  text-align: center;
+  line-height: 60px;
+  font-size: 24px;
+  font-family: "楷体";
+}
+
 nav {
   padding: 30px;
 
diff --git a/HomeWork-vite/src/views/Home/Sidebar.vue b/HomeWork-vite/src/components/Sidebar.vue
similarity index 100%
rename from HomeWork-vite/src/views/Home/Sidebar.vue
rename to HomeWork-vite/src/components/Sidebar.vue
diff --git a/HomeWork-vite/src/views/Home/AssignmentList.vue b/HomeWork-vite/src/views/Home/AssignmentList.vue
index 3dd8e12..d27880f 100644
--- a/HomeWork-vite/src/views/Home/AssignmentList.vue
+++ b/HomeWork-vite/src/views/Home/AssignmentList.vue
@@ -1,143 +1,143 @@
 <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" />
-      <el-table-column prop="address" label="作业描述" />
-      <el-table-column prop="finish" label="完成状态" width="180"/>
-    </el-table>
-  </template>
-  
-  <script lang="ts" setup>
-  interface User {
-    date: string
-    name: string
-    address: string
-    finish: string
+
+  <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" />
+    <el-table-column prop="address" label="作业描述" />
+    <el-table-column prop="finish" label="完成状态" width="180" />
+  </el-table>
+
+
+</template>
+
+<script lang="ts" setup>
+interface User {
+  date: string
+  name: string
+  address: string
+  finish: string
+}
+
+const tableRowClassName = ({
+  row,
+  rowIndex,
+}: {
+  row: User
+  rowIndex: number
+}) => {
+  if (row.finish === '已完成') {
+    return 'success-row';
+  } else if (row.finish === '即将截止') {
+    return 'warning-row';
+  } else if (row.finish === '已截止') {
+    return 'error-row';
   }
-  
-  const tableRowClassName = ({
-    row,
-    rowIndex,
-  }: {
-    row: User
-    rowIndex: number
-  }) => {
-      if (row.finish === '已完成') {  
-      return 'success-row';  
-    } else if (row.finish === '即将截止') {  
-      return 'warning-row';  
-    } else if (row.finish === '已截止') {  
-      return 'error-row';  
-    }
-  }
-  
-  const tableData: User[] = [
-    {
-      date: '2024-05-03',
-      name: '高等数学A',
-      address: '第二次作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '大学物理',
-      address: '第二章 刚体力学知识点总结',
-      finish: '即将截止',
-    },
-    {
-      date: '2024-05-04',
-      name: '大学生职业生涯规划',
-      address: '提交一份对于自己未来的职业生涯规划书',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-01',
-      name: '计算机组成原理',
-      address: '第二次上机实验报告',
-      finish: '已完成',
-    },
-    {
-      date: '2024-05-01',
-      name: '计算机组成原理',
-      address: '第一次上机实验报告',
-      finish: '已完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '大学物理',
-      address: '第二章 刚体力学知识点总结',
-      finish: '已截止',
-    },
-    {
-      date: '2024-05-03',
-      name: '高等数学A',
-      address: '第一次作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '大学物理',
-      address: '第一章 质点力学知识点总结',
-      finish: '已完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '形势与政策(五)',
-      address: '第七讲课后作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '形势与政策(五)',
-      address: '第六讲课后作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '形势与政策(五)',
-      address: '第五讲课后作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '形势与政策(五)',
-      address: '第四讲课后作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '形势与政策(五)',
-      address: '第三讲课后作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '形势与政策(五)',
-      address: '第二讲课后作业',
-      finish: '未完成',
-    },
-    {
-      date: '2024-05-02',
-      name: '形势与政策(五)',
-      address: '第一讲课后作业',
-      finish: '未完成',
-    },
-  ]
-  </script>
-  
-  <style>
-  .el-table .warning-row {
-    --el-table-tr-bg-color:rgb(235, 180.6, 99);
-  }
-  .el-table .success-row {
-    --el-table-tr-bg-color:rgb(133.4, 206.2, 97.4);
-  }
-  .el-table .error-row {
-    --el-table-tr-bg-color:rgb(247, 137.4, 137.4);
-  }
-  </style>
-  
\ No newline at end of file
+}
+
+const tableData: User[] = [
+  {
+    date: '2024-05-03',
+    name: '高等数学A',
+    address: '第二次作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '大学物理',
+    address: '第二章 刚体力学知识点总结',
+    finish: '即将截止',
+  },
+  {
+    date: '2024-05-04',
+    name: '大学生职业生涯规划',
+    address: '提交一份对于自己未来的职业生涯规划书',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-01',
+    name: '计算机组成原理',
+    address: '第二次上机实验报告',
+    finish: '已完成',
+  },
+  {
+    date: '2024-05-01',
+    name: '计算机组成原理',
+    address: '第一次上机实验报告',
+    finish: '已完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '大学物理',
+    address: '第二章 刚体力学知识点总结',
+    finish: '已截止',
+  },
+  {
+    date: '2024-05-03',
+    name: '高等数学A',
+    address: '第一次作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '大学物理',
+    address: '第一章 质点力学知识点总结',
+    finish: '已完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '形势与政策(五)',
+    address: '第七讲课后作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '形势与政策(五)',
+    address: '第六讲课后作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '形势与政策(五)',
+    address: '第五讲课后作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '形势与政策(五)',
+    address: '第四讲课后作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '形势与政策(五)',
+    address: '第三讲课后作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '形势与政策(五)',
+    address: '第二讲课后作业',
+    finish: '未完成',
+  },
+  {
+    date: '2024-05-02',
+    name: '形势与政策(五)',
+    address: '第一讲课后作业',
+    finish: '未完成',
+  },
+]
+</script>
+
+<style>
+.el-table .warning-row {
+  --el-table-tr-bg-color: rgb(235, 180.6, 99);
+}
+
+.el-table .success-row {
+  --el-table-tr-bg-color: rgb(133.4, 206.2, 97.4);
+}
+
+.el-table .error-row {
+  --el-table-tr-bg-color: rgb(247, 137.4, 137.4);
+}
+</style>
\ No newline at end of file
diff --git a/HomeWork-vite/src/views/Home/MessageList.vue b/HomeWork-vite/src/views/Home/MessageList.vue
index 441b944..f4a3b6f 100644
--- a/HomeWork-vite/src/views/Home/MessageList.vue
+++ b/HomeWork-vite/src/views/Home/MessageList.vue
@@ -1,46 +1,41 @@
 <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>
-  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>
-  
-  <style scoped>
-  h2 {
-    margin-bottom: 10px;
-  }
-  </style>
-  
\ No newline at end of file
+  <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>
+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>
+
+<style scoped>
+h2 {
+  margin-bottom: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/HomeWork-vite/src/views/Home/index.vue b/HomeWork-vite/src/views/Home/index.vue
index 8866f45..fd4cf47 100644
--- a/HomeWork-vite/src/views/Home/index.vue
+++ b/HomeWork-vite/src/views/Home/index.vue
@@ -1,87 +1,60 @@
 <template>
-  <el-container class="layout">
-    <!-- 头部 -->
-    <el-header class="header">
-      <h1>作业系统</h1>
-    </el-header>
-
-    <el-container class="content">
-      <!-- 侧边栏 -->
-      <el-aside width="200px">
-        <Sidebar/>
-      </el-aside>
-
-      <!-- 主内容 -->
-      <el-main>
-        <div class="main-homework">
-        <AssignmentList/>
-        </div>
-      </el-main>
-
-      <el-main>
-      <div class="main-message">
-        <MessageList/>
-        </div>
-      </el-main>
-    </el-container>
-
-    <el-footer class="footer"></el-footer>
-
-  </el-container>
+  <div class="home">
+    <div class="main-homework">
+      <AssignmentList />
+    </div>
+    <div class="main-message">
+      <MessageList />
+    </div>
+  </div>
 </template>
 
 <script setup>
-
-import Sidebar from '../Home/Sidebar.vue';
 import AssignmentList from '../Home/AssignmentList.vue';
 import MessageList from '../Home/MessageList.vue';
 
 
 </script>
 
-<style>
-.header {
-  background-color: darkorchid;
-  color: white;
-  text-align: center;
-  line-height: 60px;
-  font-size: 24px;
-  font-family: "楷体";
+<style scoped>
+.home {
+  width: 100%;
+
+  display: flex;
 }
+
 .main-homework {
   padding: 20px;
   background-color: white;
   margin: 10px;
   border-radius: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  width: auto;
+  flex: 4;
   height: 800px;
   display: flex;
 }
+
 .main-message {
   padding: 20px;
   background-color: white;
   margin: 10px;
   border-radius: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  width: 250px;
+  flex: 1;
   height: 800px;
   display: flex;
 }
-.footer {
-  background-color: darkorchid;
-  color: white;
-  text-align: center;
-  line-height: 40px;
-}
+
+
+
 .layout {
   display: flex;
   flex-direction: column;
   height: 100vh;
 }
+
 .content {
   flex-grow: 1;
   display: flex;
 }
-
 </style>
diff --git a/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue b/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue
index 0ce2ff5..c371238 100644
--- a/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue
+++ b/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue
@@ -7,15 +7,11 @@
           我的作业>
         </span>
       </div>
-
-
       <div class="body">
-
         <div class="search">
           <el-select v-model="selectedFilter" placeholder="全部" style="width: 120px;margin-right: 8px;">
             <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
-
           <el-input v-model="input1" style="width: 150px;margin-right: 8px;" size="middle" placeholder="请输入搜索内容"
             :suffix-icon="Search" />
 
@@ -157,14 +153,15 @@ const sortStatus = (rowA: any, rowB: any) => {
 
 <style scoped>
 .container {
+  width: 1500px;
   margin-top: 2%;
   height: 80vh;
   padding: 20px;
-  max-width: 1200px;
+  /* max-width: 1200px; */
   margin-left: auto;
   margin-right: auto;
-  display: flex;
-  flex-direction: column;
+  /* display: flex;
+  flex-direction: column; */
 
 }
 
diff --git a/HomeWork-vite/src/views/WrongManager/WrongManager.vue b/HomeWork-vite/src/views/WrongManager/WrongManager.vue
index 8efdbf5..58d5426 100644
--- a/HomeWork-vite/src/views/WrongManager/WrongManager.vue
+++ b/HomeWork-vite/src/views/WrongManager/WrongManager.vue
@@ -136,7 +136,7 @@ const handleJumpTo = () => {
 
 <style scoped>
 .mistakes-view {
-    max-width: 1200px;
+    width: 1500px;
     margin-top: 2%;
     margin-right: auto;
     margin-left: auto;
-- 
Gitee