更新大屏

src/views/home/model/statistics.vue

@@ -1,6 +1,6 @@
 <template>
-
   <div class="comom-cnt chart-container" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
+    <span class="toggle-btn toggle-btn-back" @click="goback">返回</span>
     <span class="toggle-btn" @click="addFn">切换</span>
       <transition name="flip" mode="out-in">
         <div v-if="list[add]" class="flip-wrapper chart-content" :key="add">
@@ -14,9 +14,10 @@
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, onBeforeUnmount, onUnmounted } from 'vue';
+import { ref, defineEmits, onMounted, onBeforeUnmount, onUnmounted } from 'vue';
 import { tbGsxtXscjTjForSjbm } from '@/api/qbcj'
 import BarHatEcharts from "@/views/home/echarts/barHatEcharts.vue";
+const emit = defineEmits(['change'])
 const list = ref([]);
 // 请求数据
 const getXscjTjForSjbm = () => {
@@ -72,6 +73,11 @@ const addFn = () => {
     add.value = (add.value + 1) % list.value.length
   }
 }
+
+
+const goback = () => {
+  emit('change')
+}
 let times=ref()
 onMounted(() => {
   getXscjTjForSjbm()
@@ -197,12 +203,15 @@ onUnmounted(() => {
 .toggle-btn {
   position: absolute;
   z-index: 10;
-    cursor: pointer;
+  cursor: pointer;
   font-size: 14px;
   margin-left: 45%;
   color: rgb(255, 146, 4);
    font-family: 'YSBTH';
 }
+.toggle-btn-back{
+  margin-left: 2%;
+}
 
 /* 图表内容区域样式 */
 .chart-content {