lcw

src/views/home/index.vue

@@ -13,11 +13,10 @@
           <QbsbCount></QbsbCount>
         </div>
         <div class="commom-aside">
-          <KeyPpersonneltypes />
+          <!-- <KeyPpersonneltypes /> -->
+           <Statistics/>
         </div>
-        <div class="commom-aside" @mouseenter="mouseEnter" @mouseleave="mouseLeave"
-          style="position: relative; height: 100%; overflow: hidden;">
-          <!-- <GroupWarning /> -->
+        <div class="commom-aside"  @mouseenter="mouseEnter" @mouseleave="mouseLeave" >
           <div style="position: relative; height: 100%;">
             <transition name="flip" mode="out-in">
               <div :key="'qb'" v-if="reversalPushShow" class="flip-wrapper">
@@ -28,7 +27,6 @@
               </div>
             </transition>
           </div>
-          <!-- <QbfkCount></QbfkCount> -->
         </div>
       </div>
     </div>
@@ -37,8 +35,15 @@
       <div class="commom-aside-big">
         <Calendar />
       </div>
-      <div class="commom-aside-big">
-        <Experience />
+      <div class="commom-aside-big" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
+            <transition name="flip" mode="out-in">
+              <div :key="'qb'" v-if="reversalShow" class="flip-wrapper">
+                <Experience @reversalPush="reversal"></Experience>
+              </div>
+              <div :key="'text'" v-else class="flip-wrapper">
+                <KeyPpersonneltypes @reversalPush="reversal"></KeyPpersonneltypes>
+              </div>
+            </transition>
       </div>
       <div class="commom-aside-small">
         <!-- <SituationAssessment /> -->
@@ -116,7 +121,8 @@ import Judgment from './model/judgment.vue'
 import { tbYjxxGetList } from '@/api/zdr.js'
 import GeneralWindow from './model/generalWindow.vue'
 import WebSoketClass from '@/utils/webSocket.js'
-import {timeValidate} from '@/utils/tools.js'
+import { timeValidate } from '@/utils/tools.js'
+import Statistics from './model/statistics.vue'
 // 导入音频播放器工具类
 import audioPlayer from '@/utils/audioPlayer'
 const webSoket = new WebSoketClass()
@@ -143,7 +149,7 @@ const changeXzqh = (val, trg) => {
             type: "FeatureCollection",
             features: [feature]
           },
-          color: '#cf1010',
+          color: 'rgba(209 112 65,1)',
           fillColor: 'rgba(255, 255, 255,0)',
         })
       })
@@ -164,7 +170,7 @@ const changeXzqh = (val, trg) => {
             }
           ]
         },
-        color: '#cf1010',
+        color: 'rgba(209 112 65,1)',
         fillColor: 'rgba(255, 255, 255,0)',
       })
     }
@@ -318,12 +324,18 @@ const getTbYjxxGetList = () => {
 }
 
 let timing = ref(true)
-
+// 情报翻转
 const reversalPushShow = ref(true)
 const reversalPush = () => {
   reversalPushShow.value = !reversalPushShow.value
   // 移除clearInterval调用，避免定时器被清除
 }
+// 论坛翻转
+const reversalShow = ref(true)
+const reversal= () => {
+  reversalShow.value = !reversalShow.value
+  // 移除clearInterval调用，避免定时器被清除
+}
 // 鼠标移入
 const mouseEnter = () => {
   clearInterval(timing.value)
@@ -335,6 +347,7 @@ const mouseLeave = () => {
   // 设置为5秒自动切换，更容易测试效果
   timing.value = setInterval(() => {
     reversalPush()
+    reversal()
   }, 30000)
 }
 onUnmounted(() => {
@@ -475,7 +488,8 @@ onUnmounted(() => {
 .flip-wrapper {
   position: relative;
   width: 100%;
-  height: calc(100%/3 - 8px);
+  // height: calc(100%/3 - 8px);
+  height: 100%;
   backface-visibility: hidden;
   perspective: 1000px;
 }