大屏按钮切换修改

src/views/bigScreen/index.vue

@@ -17,7 +17,7 @@
         <div class="item-left-2 boxall">
           <div class="alltitle">年级统计</div>
           <div class="box-btn">
-            <el-radio-group v-model="leftBar2Radio" fill="#031D50">
+            <el-radio-group v-model="leftBar2Radio" fill="#031D50" @change="leftBar2RadioChange">
               <el-radio-button value="year">当年</el-radio-button>
               <el-radio-button value="month">本月</el-radio-button>
             </el-radio-group>
@@ -54,7 +54,7 @@
         <div class="item-center-2 boxall">
           <div class="alltitle">风险统计</div>
           <div class="box-btn">
-            <el-radio-group v-model="centerBar1Radio" fill="#031D50">
+            <el-radio-group v-model="centerBar1Radio" fill="#031D50" @change="centerBar1RadioChange">
               <el-radio-button value="year">当年</el-radio-button>
               <el-radio-button value="month">本月</el-radio-button>
             </el-radio-group>
@@ -101,7 +101,7 @@
         <div class="item-right-2 boxall">
           <div class="alltitle">预警统计</div>
           <div class="box-btn">
-            <el-radio-group v-model="rightPie2Radio" fill="#031D50">
+            <el-radio-group v-model="rightPie2Radio" fill="#031D50" @change="rightPie2RadioChange">
               <el-radio-button value="year">当年</el-radio-button>
               <el-radio-button value="month">本月</el-radio-button>
             </el-radio-group>
@@ -128,6 +128,7 @@ import { TitleComponent, TooltipComponent, LegendComponent, GridComponent } from
 import VChart from 'vue-echarts'
 
 import { getUserNum, getEvaluationNum, getWarnNum, getInterveneNum, getWarn4All, getPublishNum, getGrade, getConclusion, getMonthEvaluation, getPublish, getHalfMonth } from '@/api/index'
+import { getWarnAll } from '@/api/activity/statistics';
 
 use([
   CanvasRenderer,
@@ -183,29 +184,7 @@ async function getInterveneNumData() {
   interveneNum.value = res.data
 }
 
-onMounted(() => {
-  time()
 
-  timer = setInterval(time, 1000);
-
-  getUserNumData()
-  getEvaluationNumData()
-  getWarnNumData()
-  getInterveneNumData()
-
-  getPublishNumData()
-  getGradeData()
-  getWarn4AllData()
-  getConclusionData()
-  getMonthEvaluationData()
-  getPublishData()
-  getHalfMonthData()
-});
-
-
-onBeforeUnmount(() => {
-  clearInterval(timer);
-});
 
 const leftBar1Radio = ref(1)
 const leftBar1Option = ref({
@@ -960,6 +939,43 @@ async function getWarn4AllData() {
 
   rightPie2Option.value.series[0].data = data
 }
+
+function leftBar2RadioChange() {
+  getGradeData()
+}
+
+function centerBar1RadioChange() {
+  getConclusionData()
+}
+
+function rightPie2RadioChange() {
+  getWarn4AllData()
+}
+
+onMounted(() => {
+  time()
+
+  timer = setInterval(time, 1000);
+
+  getUserNumData()
+  getEvaluationNumData()
+  getWarnNumData()
+  getInterveneNumData()
+
+  getGradeData()
+  getWarn4AllData()
+  getConclusionData()
+
+  getPublishNumData()
+  getMonthEvaluationData()
+  getPublishData()
+  getHalfMonthData()
+});
+
+
+onBeforeUnmount(() => {
+  clearInterval(timer);
+});
 </script>
 
 <style lang="scss" scoped>