From 510099bf131a15b83b18df7ced01ea1edefcc169 Mon Sep 17 00:00:00 2001
From: Hexianren <1979181470@qq.com>
Date: Sun, 9 Mar 2025 21:50:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E7=94=9F=E7=AB=AF=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 HomeWork-vite/src/App.vue                     | 20 ++++--
 HomeWork-vite/src/components/Header.vue       | 65 +++++++++++++++++++
 HomeWork-vite/src/components/Sidebar.vue      |  2 +-
 HomeWork-vite/src/router/index.js             |  4 +-
 HomeWork-vite/src/views/Home/index.vue        | 12 ++--
 .../MultipleChoiceQuestions.vue               | 38 ++++++++---
 .../views/HomeWorkManager/uploadHomeWork.vue  | 27 ++++----
 7 files changed, 134 insertions(+), 34 deletions(-)
 create mode 100644 HomeWork-vite/src/components/Header.vue

diff --git a/HomeWork-vite/src/App.vue b/HomeWork-vite/src/App.vue
index e4ac352..3a041db 100644
--- a/HomeWork-vite/src/App.vue
+++ b/HomeWork-vite/src/App.vue
@@ -1,18 +1,22 @@
 <template>
   <div class="container">
     <el-container>
+
+      <el-header class="custom-header">
+        <Header/>
+      </el-header>
       <!-- 头部 -->
-      <el-header class="header">
+      <!-- <el-header class="header">
         <div class="header-title">
           <h1 style=" flex-grow: 1;text-align: center; ">作业系统</h1>
           <sapn @click="toHome" style="text-align: right;cursor: pointer;">返回</sapn>
         </div>
 
-      </el-header>
+      </el-header> -->
       <el-container>
-        <el-aside width="200px" height="100%">
+        <!-- <el-aside width="200px" height="100%">
           <Sidebar />
-        </el-aside>
+        </el-aside> -->
 
         <el-main class="content">
           <RouterView />
@@ -24,6 +28,7 @@
 
 <script setup>
 import Sidebar from './components/Sidebar.vue';
+import Header from './components/Header.vue';
 import { onBeforeMount, provide, ref } from 'vue';
 import { getRtParam } from './base/constant';
 import { RouterView } from 'vue-router';
@@ -53,6 +58,8 @@ onBeforeMount(() => {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
+  padding: 0; 
+  max-width:100%;
 }
 
 .header-title {
@@ -94,7 +101,10 @@ body {
   font-size: 24px;
   font-family: "楷体";
 }
-
+.custom-header {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
 nav {
   padding: 30px;
 
diff --git a/HomeWork-vite/src/components/Header.vue b/HomeWork-vite/src/components/Header.vue
new file mode 100644
index 0000000..c0ec622
--- /dev/null
+++ b/HomeWork-vite/src/components/Header.vue
@@ -0,0 +1,65 @@
+<template>
+    <el-menu
+      :default-active="activeIndex"
+      class="el-menu-demo"
+      mode="horizontal"
+      :ellipsis="false"
+      @select="handleSelect"
+      text-color="#fff"
+    >
+      <el-menu-item index="1" @click="HomeWorkManager">作业管理</el-menu-item>
+      <el-menu-item index="2" @click="WrongManager">错题管理</el-menu-item>
+    </el-menu>
+</template>
+  
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+  
+const activeIndex = ref('1')
+  const handleSelect = (key: string, keyPath: string[]) => {
+    console.log(key, keyPath)
+  }
+
+  //路由器
+    const router = useRouter();
+    const HomeWorkManager = () => {
+        router.push("/HomeWorkManager")
+    }
+    const WrongManager = () => {
+        router.push("/WrongManager")
+    }
+    const Home = () => {
+        router.push("/")
+    }
+
+</script>
+  
+<style scoped>
+.el-menu-demo{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 20px;
+    background-color: darkorchid;
+    height: 150%;
+    width: 100%;
+}
+.el-menu-title{
+    display: flex;
+    justify-content: left;
+    align-items: baseline;
+    font-size: 20px;
+}
+.el-menu-item{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  margin: 15px;
+}
+.icon{
+  align-items: flex-start;
+}
+
+</style>
\ No newline at end of file
diff --git a/HomeWork-vite/src/components/Sidebar.vue b/HomeWork-vite/src/components/Sidebar.vue
index 8fbf1b5..82707bc 100644
--- a/HomeWork-vite/src/components/Sidebar.vue
+++ b/HomeWork-vite/src/components/Sidebar.vue
@@ -33,7 +33,7 @@ const Home = () => {
   width: 200px;
   border: 1px solid gray;
   flex: 1;
-  position: fixed; /* 固定 */
+  position: absolute;
 }
 .el-menu-item{
   border: 1px solid gray;  
diff --git a/HomeWork-vite/src/router/index.js b/HomeWork-vite/src/router/index.js
index b58a60a..dd0211a 100644
--- a/HomeWork-vite/src/router/index.js
+++ b/HomeWork-vite/src/router/index.js
@@ -9,8 +9,7 @@ import WrongQustions from '@/views/WrongManager/WrongQustions.vue';
 const routes = [
   {
     path: '/',
-    name: 'Home',
-    component: Home,
+    redirect: '/HomeWorkManager'
   },
   {
     path: '/HomeWorkManager',
@@ -49,4 +48,5 @@ const router = createRouter({
   routes
 });
 
+
 export default router;
diff --git a/HomeWork-vite/src/views/Home/index.vue b/HomeWork-vite/src/views/Home/index.vue
index fea0e5d..ad667cb 100644
--- a/HomeWork-vite/src/views/Home/index.vue
+++ b/HomeWork-vite/src/views/Home/index.vue
@@ -1,13 +1,13 @@
 <template>
   <!-- 学生端首页 -->
-  <div class="home">
+  <!-- <div class="home">
     <div class="main-homework">
       <AssignmentList />
     </div>
-<!--     <div class="main-message">
+    <div class="main-message">
       <MessageList />
-    </div> -->
-  </div>
+    </div>
+  </div> -->
 </template>
 
 <script setup>
@@ -31,7 +31,7 @@ import MessageList from './MessageList.vue';
   border-radius: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   flex: auto;
-  height: 760px;
+  height: 80%;
   width: 70%;
   display: flex;
 }
@@ -43,7 +43,7 @@ import MessageList from './MessageList.vue';
   border-radius: 10px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   flex:   auto;
-  height: 760px;
+  height: 80%;
   width: 30%;
   display: flex;
 }
diff --git a/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue b/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue
index 34ecb9e..506b04b 100644
--- a/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue
+++ b/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue
@@ -1,27 +1,33 @@
 <template>
     <div class="container">
-        <el-card style="max-height: 750px;overflow-y: scroll;height: 100%;">
+        <!-- <el-card style="max-height: 750px;overflow-y: scroll;height: 100%;"> -->
+        <el-card class="el-card">
             <h2 style="margin-bottom: 25px;">知识问答测试</h2>
-            <div class="record"><span style="font-size: 18px;color: #606266;">已作答：{{ answered }}</span><span
-                    style="font-size: 25px;">/{{ questions.length }}</span></div>
+            <div class="record">
+                <span style="font-size: 18px;color: #606266;">已作答：{{ answered }}</span>
+                <span style="font-size: 25px;">/{{ questions.length }}</span>
+            </div>
+
             <div v-for="(question, index) in questions" :key="question.id" class="question-item">
+                <!-- 题目 -->
                 <div class="question-title">
                     {{ index + 1 }}. {{ question.title }}
-
                     <span v-if="question.type === 'multiple'" style="color: #666; font-size: 0.9em">
                         (多选题)
                     </span>
                 </div>
 
+                <!-- 单选题选项 -->
                 <el-radio-group v-if="question.type === 'single'" v-model="userAnswers[index]">
-                    <el-radio v-for="(option, index) in question.optionArr" :key="index" :label="index + 1"
-                        class="option-item">
+                    <el-radio v-for="(option, index) in question.optionArr" :key="index" :label="index + 1">
                         <span style="margin-right: 8px; font-weight: bold;">
                             {{ String.fromCharCode(65 + index) }}.
                         </span>
                         {{ option }}
                     </el-radio>
                 </el-radio-group>
+
+                <!-- 多选题选项 -->
                 <el-checkbox-group v-if="question.type === 'multiple'" v-model="userAnswers[index]">
                     <el-checkbox v-for="(option, index) in question.optionArr" :key="index" :value="index + 1">
                         <span style="margin-right: 8px; font-weight: bold;">
@@ -30,7 +36,9 @@
                         {{ option }}
                     </el-checkbox>
                 </el-checkbox-group>
+
             </div>
+
             <el-button type="primary" @click="submitAnswers" class="submit-btn">
                 提交答案
             </el-button>
@@ -129,12 +137,17 @@ watch(() => {
 .container {
     margin-top: 2%;
     height: 80vh;
-    padding: 20px;
-    max-width: 1200px;
+    padding: 10px;
+    max-width: 80%;
     margin-left: auto;
     margin-right: auto;
 }
 
+.el-card{
+    width: 100%;
+    height: 100%;
+}
+
 .record {
     display: flex;
     justify-content: flex-end;
@@ -150,6 +163,7 @@ watch(() => {
     font-weight: bold;
     margin-bottom: 15px;
     color: #303133;
+    text-align: left;
 }
 
 .option-item {
@@ -169,6 +183,14 @@ watch(() => {
     margin-top: 20px;
 }
 
+.el-radio-group, .el-checkbox-group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  margin-left: 40px;
+}
+
 :deep(.el-radio__label),
 :deep(.el-checkbox__label) {
     font-size: 17px;
diff --git a/HomeWork-vite/src/views/HomeWorkManager/uploadHomeWork.vue b/HomeWork-vite/src/views/HomeWorkManager/uploadHomeWork.vue
index 4cf0436..35d4993 100644
--- a/HomeWork-vite/src/views/HomeWorkManager/uploadHomeWork.vue
+++ b/HomeWork-vite/src/views/HomeWorkManager/uploadHomeWork.vue
@@ -2,22 +2,27 @@
   <div class="container">
 
     <el-card style="max-height: 950px;overflow-y: scroll;">
+      <!-- 疑难提问按钮 -->
       <div class="head">
-        <el-button @click="question = true" type="primary"><el-icon>
+        <el-button @click="question = true" type="primary">
+          <el-icon>
             <ChatLineRound />
-          </el-icon>疑难提问</el-button>
+          </el-icon>
+          疑难提问
+        </el-button>
         <h3>{{ homework_name }}</h3>
         <span style="font-size:small; color: rgba(0, 0, 0, 0.5)">作答时间：{{ start_time }} 至 {{ finish_time }} </span>
       </div>
 
+      <!-- 疑难提问页面(抽屉版本) -->
       <el-drawer v-model="question" title="提问" :with-header="true">
-
-        <el-input v-model="message" style="width: 500px" :autosize="{ minRows: 10, maxRows: 100 }" type="textarea"
-          placeholder="请输入..." />
-
-        <el-button @click="submitQuestion" type="primary">提交</el-button>
+        <el-input v-model="message" style="width: 500px" :autosize="{ minRows: 10, maxRows: 100 }" type="textarea"  placeholder="请输入..." />
+        <el-button @click="submitQuestion" type="primary">
+          提交
+        </el-button>
       </el-drawer>
 
+      <!-- 作业内容题目 -->
       <div class="homework">
         <span style="font-weight: bold;font-size: 20px;">作业内容</span>
         <p style="margin-top: 10px;">
@@ -31,8 +36,7 @@
         </span>
 
         <el-scrollbar max-height="600px">
-          <textarea style="margin-top: 2%;" id="answer" v-model="answer" rows="20" cols="140" placeholder="请输入...">
-</textarea>
+          <textarea style="margin-top: 2%;" id="answer" v-model="answer" rows="20" cols="140" placeholder="请输入..."></textarea>
         </el-scrollbar>
 
         <el-button plain @click="options = true" size="small" type="primary"
@@ -45,8 +49,7 @@
       </div>
 
       <el-dialog v-model="options" width="700" style="margin-top: 25%;">
-        <el-upload ref="uploadRef" class="upload-demo" drag :http-request="customUpload" multiple :auto-upload="false"
-          :onchange="handleChange" v-model:file-list="files">
+        <el-upload ref="uploadRef" class="upload-demo" drag :http-request="customUpload" multiple :auto-upload="false" :onchange="handleChange" v-model:file-list="files">
           <el-icon class="el-icon--upload"><upload-filled /></el-icon>
           <div class="el-upload__text">
             拖曳文件到此处<em>点击上传</em>
@@ -74,7 +77,7 @@
 
 <script lang="ts" setup>
 import { UploadFilled } from '@element-plus/icons-vue'
-import { HttpClient } from '@/network/HttpClient';
+import { HttpClient } from '../../network/HttpClient';
 import { onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus'
-- 
Gitee