From 34fe9553f6173fff17ab737ed55a9c92d9098501 Mon Sep 17 00:00:00 2001
From: Hexianren <1979181470@qq.com>
Date: Mon, 10 Mar 2025 01:32:27 +0800
Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E7=BB=86=E8=8A=82=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=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                     |  7 ----
 HomeWork-vite/src/components/Header.vue       |  9 ++---
 .../views/HomeWorkManager/HomeWorkManger.vue  | 14 +++----
 .../MultipleChoiceQuestions.vue               |  9 ++---
 .../src/views/WrongManager/WrongManager.vue   | 22 +++++-----
 .../src/views/WrongManager/WrongQustions.vue  | 40 +++++++++++++++----
 6 files changed, 59 insertions(+), 42 deletions(-)

diff --git a/HomeWork-vite/src/App.vue b/HomeWork-vite/src/App.vue
index 3a041db..80a01ce 100644
--- a/HomeWork-vite/src/App.vue
+++ b/HomeWork-vite/src/App.vue
@@ -82,13 +82,6 @@ body {
   flex: 1;
 }
 
-.footer {
-  background-color: darkorchid;
-  color: white;
-  text-align: center;
-  line-height: 40px;
-}
-
 * {
   margin: 0;
 }
diff --git a/HomeWork-vite/src/components/Header.vue b/HomeWork-vite/src/components/Header.vue
index c0ec622..d5a80e6 100644
--- a/HomeWork-vite/src/components/Header.vue
+++ b/HomeWork-vite/src/components/Header.vue
@@ -6,6 +6,7 @@
       :ellipsis="false"
       @select="handleSelect"
       text-color="#fff"
+      :background-color="'darkorchid'"   
     >
       <el-menu-item index="1" @click="HomeWorkManager">作业管理</el-menu-item>
       <el-menu-item index="2" @click="WrongManager">错题管理</el-menu-item>
@@ -29,9 +30,9 @@ const activeIndex = ref('1')
     const WrongManager = () => {
         router.push("/WrongManager")
     }
-    const Home = () => {
+/*     const Home = () => {
         router.push("/")
-    }
+    } */
 
 </script>
   
@@ -44,6 +45,7 @@ const activeIndex = ref('1')
     background-color: darkorchid;
     height: 150%;
     width: 100%;
+    gap: 40px;
 }
 .el-menu-title{
     display: flex;
@@ -58,8 +60,5 @@ const activeIndex = ref('1')
   font-size: 20px;
   margin: 15px;
 }
-.icon{
-  align-items: flex-start;
-}
 
 </style>
\ No newline at end of file
diff --git a/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue b/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue
index 6ba49e8..664e33d 100644
--- a/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue
+++ b/HomeWork-vite/src/views/HomeWorkManager/HomeWorkManger.vue
@@ -12,22 +12,22 @@
           <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" />
-
+          <el-input v-model="input1" style="width: 150px;margin-right: 8px;" size="middle" placeholder="请输入搜索内容" :suffix-icon="Search" />
           <el-button @click="worng" type="danger">查看错题</el-button>
         </div>
 
 
-        <el-table :data="currentPageData" :default-sort="{ prop: 'Data', order: 'descending' }" stripe
-          style="width: 100%" :header-cell-style="{
+        <el-table :data="currentPageData" :default-sort="{ prop: 'Data', order: 'descending' }" stripe style="width: 100%" 
+          :header-cell-style="{
             background: '#f5f7fa',
             color: '#606266',
             fontWeight: 'bold',
             textAlign: 'center'
-          }" :cell-style="{
+          }" 
+          :cell-style="{
             textAlign: 'center'
-          }">
+          }"
+          >
           <el-table-column prop="course_name" label="课程" />
           <el-table-column prop="teacher_name" label="发布教师" />
           <el-table-column prop="finish_time" label="截止时间" sortable />
diff --git a/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue b/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue
index 926e38c..297772a 100644
--- a/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue
+++ b/HomeWork-vite/src/views/HomeWorkManager/MultipleChoiceQuestions.vue
@@ -46,10 +46,9 @@
                     </el-checkbox>
                 </el-checkbox-group>
 
-
+                <!-- 判断题选项 -->
                 <el-radio-group v-if="question.type === -1" 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" class="option-item">
                         <span style="margin-right: 8px; font-weight: bold;">
                             {{ String.fromCharCode(65 + index) }}.
                         </span>
@@ -57,9 +56,9 @@
                     </el-radio>
                 </el-radio-group>
 
+                <!-- 简答题 -->
                 <div v-if="question.type === 2">
-                    <el-input v-model="userAnswers[index]" style="width:70%" class="el-input" :rows="4" type="textarea"
-                        placeholder="输入答案" />
+                    <el-input v-model="userAnswers[index]" style="width:70%" class="el-input" :rows="6" type="textarea" placeholder="输入答案" />
                 </div>
             </div>
 
diff --git a/HomeWork-vite/src/views/WrongManager/WrongManager.vue b/HomeWork-vite/src/views/WrongManager/WrongManager.vue
index deadab0..a7a7ceb 100644
--- a/HomeWork-vite/src/views/WrongManager/WrongManager.vue
+++ b/HomeWork-vite/src/views/WrongManager/WrongManager.vue
@@ -18,30 +18,32 @@
                         <el-option label="分数" value="score"></el-option>
                     </el-select>
 
-                    <el-input v-model="searchQuery" placeholder="搜索错题..." style="width: 300px;" :suffix-icon="Search"
-                        @input="handleSearch"></el-input>
+                    <el-input v-model="searchQuery" placeholder="搜索错题..." style="width: 300px;" :suffix-icon="Search" @input="handleSearch"></el-input>
                 </div>
 
-                <el-table :data="filteredWrongQuestions" style="width: 100%" :stripe="true" :header-cell-style="{
+                <el-table :data="filteredWrongQuestions" style="width: 100%" :stripe="true" 
+                :header-cell-style="{
                     background: '#f5f7fa',
                     color: '#606266',
                     fontWeight: 'bold',
                     textAlign: 'center'
-                }" :cell-style="{
+                }" 
+                :cell-style="{
                     textAlign: 'center'
-                }">
-                    <el-table-column prop="course_name" label="课程" width="150" align="center"></el-table-column>
+                }"
+                >
+                    <el-table-column prop="course_name" label="课程" width="200" align="center"></el-table-column>
                     <el-table-column prop="homework_name" label="作业名称" width="200" align="center"></el-table-column>
-                    <el-table-column prop="addTime" label="记录日期" width="150" align="center"></el-table-column>
-                    <el-table-column prop="reviewStatus" label="复习状态" width="120" align="center">
+                    <el-table-column prop="addTime" label="记录日期" width="200" align="center"></el-table-column>
+                    <el-table-column prop="reviewStatus" label="复习状态" width="200" align="center">
                         <template #default="scope">
                             <el-tag :type="scope.row.reviewStatus === '已复习' ? 'success' : 'warning'" effect="light">
                                 {{ scope.row.reviewStatus }}
                             </el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="score" label="得分" width="100" align="center"></el-table-column>
-                    <el-table-column label="操作" min-width="120" align="center">
+                    <el-table-column prop="score" label="得分" width="200" align="center"></el-table-column>
+                    <el-table-column label="操作" min-width="200" align="center">
                         <template #default="scope">
                             <el-button type="primary" size="small"
                                 @click="viewWrongQuestion(scope.row)">错题重做</el-button>
diff --git a/HomeWork-vite/src/views/WrongManager/WrongQustions.vue b/HomeWork-vite/src/views/WrongManager/WrongQustions.vue
index a13db6d..ee8702c 100644
--- a/HomeWork-vite/src/views/WrongManager/WrongQustions.vue
+++ b/HomeWork-vite/src/views/WrongManager/WrongQustions.vue
@@ -1,10 +1,15 @@
 <template>
     <div class="container">
         <el-card style="max-height: 750px;overflow-y: scroll;height: 100%;">
+            
             <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 === -1" style="color: #666; font-size: 0.9em">
@@ -21,9 +26,9 @@
                     </span>
                 </div>
 
+                <!-- 判断题选项 -->
                 <el-radio-group v-if="question.type === -1" 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" class="option-item">
                         <span style="margin-right: 8px; font-weight: bold;">
                             {{ String.fromCharCode(65 + index) }}.
                         </span>
@@ -31,9 +36,9 @@
                     </el-radio>
                 </el-radio-group>
 
+                <!-- 单选题选项 -->
                 <el-radio-group v-if="question.type === 0" 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" class="option-item">
                         <span style="margin-right: 8px; font-weight: bold;">
                             {{ String.fromCharCode(65 + index) }}.
                         </span>
@@ -41,6 +46,7 @@
                     </el-radio>
                 </el-radio-group>
 
+                <!-- 多选题选项 -->
                 <el-checkbox-group v-if="question.type === 1" 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;">
@@ -50,9 +56,9 @@
                     </el-checkbox>
                 </el-checkbox-group>
 
+                <!-- 简答题 -->
                 <div v-if="question.type === 2">
-                    <el-input v-model="userAnswers[index]" style="width: 540px" :rows="2" type="textarea"
-                        placeholder="输入答案" />
+                    <el-input v-model="userAnswers[index]" style="width:70%" class="el-input" :rows="6" type="textarea" placeholder="输入答案" />
                 </div>
 
             </div>
@@ -172,6 +178,7 @@ watch(() => {
     font-weight: bold;
     margin-bottom: 15px;
     color: #303133;
+    text-align: left;
 }
 
 .option-item {
@@ -187,6 +194,23 @@ watch(() => {
     width: 200px;
 }
 
+.el-input {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    margin-left: 40px;
+}
+
+.el-radio-group,
+.el-checkbox-group {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    margin-left: 40px;
+}
+
 .result-alert {
     margin-top: 20px;
 }
-- 
Gitee