From ea861dd2ea1a0c65f5d10db58b5552b0dd8359e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=A8?= <666>
Date: Sun, 20 Oct 2024 17:45:42 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E8=8E=B7=E5=8F=96=E5=AD=A6?=
 =?UTF-8?q?=E7=94=9Fid=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/classTask/container/classOverview.vue |  4 ++--
 .../container/classOverview/distribution.vue    | 15 +++++++++++----
 .../classOverview/distribution/echarts.vue      | 16 ++++++++--------
 .../classOverview/distribution/stuList.vue      | 17 +++++++++--------
 .../src/views/classTask/teachClassTask.vue      |  4 ++++
 5 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/src/renderer/src/views/classTask/container/classOverview.vue b/src/renderer/src/views/classTask/container/classOverview.vue
index 4a89f6e..b6c6d7e 100644
--- a/src/renderer/src/views/classTask/container/classOverview.vue
+++ b/src/renderer/src/views/classTask/container/classOverview.vue
@@ -10,7 +10,7 @@
                 等级分布
               </div>
             </template>
-            <Distribution></Distribution>
+            <Distribution :stuHasAnswers=stuHasAnswers></Distribution>
           </el-card>
         </el-header>
         <el-main>
@@ -219,8 +219,8 @@ const initData = () => {
   })
   console.log('获取数据: ', data)
   if (data.length === 0) return
+  if (!data[0].hasAnswers[0]) return
   stuHasAnswers.value = [...data[0].hasAnswers]
-  provide('hasAnswer', stuHasAnswers.value)
 }
 // 百分比现在 0-100
 const percent = v => v > 1 ? 1 : v < 0 ? 0 : Math.round(v * 100)
diff --git a/src/renderer/src/views/classTask/container/classOverview/distribution.vue b/src/renderer/src/views/classTask/container/classOverview/distribution.vue
index 5ff15c1..bf55cd5 100644
--- a/src/renderer/src/views/classTask/container/classOverview/distribution.vue
+++ b/src/renderer/src/views/classTask/container/classOverview/distribution.vue
@@ -3,19 +3,26 @@
     <el-container>
       <el-aside width="400px">
         <!--        柱状图学情分布-->
-        <Echarts></Echarts>
+        <Echarts :stuHasAnswers=stuHasAnswers></Echarts>
       </el-aside>
       <el-main>
         <!--        列表分布的人员-->
-        <StuList></StuList>
+        <StuList :stuHasAnswers=stuHasAnswers></StuList>
       </el-main>
     </el-container>
   </div>
 </template>
 
 <script setup>
-import Echarts from '@/views/classTask/container/classOverview/distribution/echarts.vue'
-import StuList from "@/views/classTask/container/classOverview/distribution/stuList.vue";
+import { defineProps } from 'vue'
+import Echarts from './distribution/echarts.vue'
+import StuList from "./distribution/stuList.vue";
+const props = defineProps({
+  stuHasAnswers: {
+    type: Array,
+    default: () => []
+  }
+})
 </script>
 
 <style scoped>
diff --git a/src/renderer/src/views/classTask/container/classOverview/distribution/echarts.vue b/src/renderer/src/views/classTask/container/classOverview/distribution/echarts.vue
index 3679328..b29b73a 100644
--- a/src/renderer/src/views/classTask/container/classOverview/distribution/echarts.vue
+++ b/src/renderer/src/views/classTask/container/classOverview/distribution/echarts.vue
@@ -13,6 +13,13 @@ const useOverview = overviewStore();
 // 获取图表容器的引用
 const chartRef = ref(null);
 
+const props = defineProps({
+  stuHasAnswers: {
+    type: Array,
+    default: () => []
+  }
+})
+
 // 数据源
 const dataList = ref([
   { name: '完美', value: 0, rating: 1, max: 100, min: 100 },
@@ -22,7 +29,6 @@ const dataList = ref([
   { name: '不及格', value: 0, rating: 5, max: 59, min: 0 },
 ]);
 // 答过题的学生才进行统计
-const hasAnswersData = ref([]);
 const hasStudents = ref([])
 
 // 根据数据生成不同的颜色
@@ -105,18 +111,12 @@ const showEcharts = () => {
 }
 //执行
 watch(() => useOverview.tableList, () => {
-  hasStudents.value = useOverview.tableList.filter(item => hasAnswersData.value.includes(item.studentid)).map(item => item);
+  hasStudents.value = useOverview.tableList.filter(item => props.stuHasAnswers.includes(item.studentid)).map(item => item);
   showEcharts();
   nextTick(() => {
     initChart();
   });
 },{deep: true})
-//监听
-watchEffect(() => {
-  const stus = inject('hasAnswer');
-  if (!stus) return;
-  hasAnswersData.value = [...stus]
-});
 </script>
 
 <style scoped>
diff --git a/src/renderer/src/views/classTask/container/classOverview/distribution/stuList.vue b/src/renderer/src/views/classTask/container/classOverview/distribution/stuList.vue
index 917cc43..81c4836 100644
--- a/src/renderer/src/views/classTask/container/classOverview/distribution/stuList.vue
+++ b/src/renderer/src/views/classTask/container/classOverview/distribution/stuList.vue
@@ -16,13 +16,19 @@
 </template>
 
 <script setup>
-import {nextTick, ref, watch,inject,watchEffect} from 'vue'
+import {ref, watch} from 'vue'
 import overviewStore from '@/store/modules/overview'
 
 const useOverview = overviewStore()
 const tabPosition = ref('left')
+
+const props = defineProps({
+  stuHasAnswers: {
+    type: Array,
+    default: () => []
+  }
+})
 //答过题的学生才进行统计
-const hasAnswersData = ref([])
 const hasStudents = ref([])
 const leftList = ref([
   {
@@ -81,14 +87,9 @@ const showStudents = (index) => {
   })
 }
 watch(() => useOverview.tableList, () => {
-  hasStudents.value = useOverview.tableList.filter(item => hasAnswersData.value.includes(item.studentid)).map(item => item);
+  hasStudents.value = useOverview.tableList.filter(item => props.stuHasAnswers.includes(item.studentid)).map(item => item);
   showStudents(0)
 },{deep: true})
-watchEffect(() => { 
-  const stus = inject('hasAnswer')
-  if(!stus) return
-  hasAnswersData.value = [...stus]
- })
 </script>
 
 <style scoped>
diff --git a/src/renderer/src/views/classTask/teachClassTask.vue b/src/renderer/src/views/classTask/teachClassTask.vue
index 5f9e3e1..b1b5343 100644
--- a/src/renderer/src/views/classTask/teachClassTask.vue
+++ b/src/renderer/src/views/classTask/teachClassTask.vue
@@ -570,6 +570,10 @@ const getWorkFeedList = async() =>{
   function: 训练报告的处理
 */
 const handleClassOverviewOpen = (type) =>{
+  // 每次进来都重新调用一次
+  if(type == 'report') {
+    getWorkFeedList();
+  }
   // 关闭右侧批阅ui
   isopen_dtwk_table.value = false;
   classWorkAnalysis.view = type