From 0fb3878857b1b5e14f15c7bc3925680d41d2f67b Mon Sep 17 00:00:00 2001
From: Hexianren <1979181470@qq.com>
Date: Tue, 25 Feb 2025 14:12:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E4=B9=A0=E8=BF=9B=E5=BA=A6=E7=BE=8E?=
 =?UTF-8?q?=E8=A7=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/LearningProgress/LearnCard.vue        |  9 +++++----
 .../src/views/LearningProgress/Lhead.vue            |  7 ++++++-
 .../src/views/LearningProgress/Piechart.vue         | 13 +++++--------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/TeacherHomeWork-vite/src/views/LearningProgress/LearnCard.vue b/TeacherHomeWork-vite/src/views/LearningProgress/LearnCard.vue
index 3dca009..5bdd5d4 100644
--- a/TeacherHomeWork-vite/src/views/LearningProgress/LearnCard.vue
+++ b/TeacherHomeWork-vite/src/views/LearningProgress/LearnCard.vue
@@ -9,9 +9,9 @@
          
           </div>
        </el-col>
-       <el-col :span="10" :push="16">
+       <el-col :span="10" :push="10">
           <div class="chart-container">
-            <span>学习进度</span>
+            <h3 style="text-align: left;">学习进度</h3>
             <PieChart :submitted="student.submitted" :total="student.total"/>
           </div>
        </el-col>
@@ -20,7 +20,7 @@
 </template>
 
 <script setup>
-import PieChart from './PieChart.vue';
+import PieChart from './Piechart.vue';
 
 defineProps({
   student: Object
@@ -30,6 +30,7 @@ defineProps({
 <style scoped>
 .homework-card {
   height: 180px;
+  width: 100%;
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
@@ -49,7 +50,7 @@ defineProps({
   align-items: center; 
   flex-direction: column;
   width: 600px;
-  height: 200px;
+  height: 160px;
 }
 
 span{
diff --git a/TeacherHomeWork-vite/src/views/LearningProgress/Lhead.vue b/TeacherHomeWork-vite/src/views/LearningProgress/Lhead.vue
index 45f411c..7406bd6 100644
--- a/TeacherHomeWork-vite/src/views/LearningProgress/Lhead.vue
+++ b/TeacherHomeWork-vite/src/views/LearningProgress/Lhead.vue
@@ -36,7 +36,12 @@ const options =[
   }
 ]
 
-
+/* 设置默认为第一个选项的值 */  
+const setValue = () => {  
+    if (options.length > 0) {  
+        value.value = options[0].value;
+    }  
+}; 
 </script>
 
 <style scoped>
diff --git a/TeacherHomeWork-vite/src/views/LearningProgress/Piechart.vue b/TeacherHomeWork-vite/src/views/LearningProgress/Piechart.vue
index e9d13d6..37c28d5 100644
--- a/TeacherHomeWork-vite/src/views/LearningProgress/Piechart.vue
+++ b/TeacherHomeWork-vite/src/views/LearningProgress/Piechart.vue
@@ -27,6 +27,10 @@ const chartOptions = ref({
     trigger: 'item',
     formatter: '{a} <br/>{b}: {c} ({d}%)'
   },
+  legend: {
+            orient: "horizontal",
+            bottom: 0
+        },
   series: [
     {
       name: '作业状态',
@@ -34,7 +38,7 @@ const chartOptions = ref({
       radius: ['40%', '70%'], 
       avoidLabelOverlap: false,
       itemStyle: {
-        borderRadius: 10,
+        borderRadius: 4,
         borderColor: '#fff',
         borderWidth: 2
       },
@@ -42,13 +46,6 @@ const chartOptions = ref({
         show: false,
         position: 'center'
       },
-      emphasis: {
-        label: {
-          show: true,
-          fontSize: '30',
-          fontWeight: 'bold'
-        }
-      },
       data: [
         { value: props.submitted, name: '已完成' }, // 动态值
         { value: props.total - props.submitted, name: '未完成' } // 动态值
-- 
Gitee