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)

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 { defineProps } from 'vue'
-import StuList from "@/views/classTask/container/classOverview/distribution/stuList.vue";
+import Echarts from './distribution/echarts.vue'
+import StuList from "./distribution/stuList.vue";
+const props = defineProps({
+  stuHasAnswers: {
+    type: Array,
+    default: () => []
+  }
+})
 </script>
 
 <style scoped>

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>

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>

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