Merge branch 'main' of http://61.139.16.27:26684/zy_oyj/sgxt_web

2026-03-10 15:49:51 +08:00
parent ab66f6d992 c67b63b4f1
commit 93489b06fa
3 changed files with 80 additions and 125 deletions
--- a/src/router/index.js
+++ b/src/router/index.js
@ -15,9 +15,7 @@ import store from "@/store";
 * 私有路由表
 */

-export const privateRoutes = [
-
-];
+export const privateRoutes = [];

 /**
 * 公开路由表
--- a/src/views/home/index
+++ b/src/views/home/index
@ -134,29 +134,29 @@ const getDepId = () => {
  const deptCode = deptId[0].deptCode ? deptId[0].deptCode : null
  if (deptLevel.startsWith('2')) {
    const data = Object.values(bm).map(item => item);
-    changeXzqh(data, true)
+    changeXzqh(data, true);
  } else {
    switch (deptCode) {
      case '54040200000'://巴宜区
-        changeXzqh(bm[542621])
+        changeXzqh(bm[542621]);
        break;
      case '54042400000'://波密县
-        changeXzqh(bm[542625])
+        changeXzqh(bm[542625]);
        break;
      case '54042500000'://察隅县
-        changeXzqh(bm[542626])
+        changeXzqh(bm[542626]);
        break;
      case '54042100000'://工布江达县
-        changeXzqh(bm[542622])
+        changeXzqh(bm[542622]);
        break;
      case '54042600000'://朗县
-        changeXzqh(bm[542627])
+        changeXzqh(bm[542627]);
        break;
      case '54042200000'://米林县
-        changeXzqh(bm[542623])
+        changeXzqh(bm[542623]);
        break;
      case '54042300000'://墨脱县
-        changeXzqh(bm[542624])
+        changeXzqh(bm[542624]);
        break;
      default:
        const data = Object.values(bm).map(item => item);
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@ -1,7 +1,6 @@
 <template>
  <div class="homeBox" style="background-color: #07274d;">
    <!-- 头部 -->
-
    <Head></Head>
    <!-- 左边 -->
    <div class="home-aside asideL">
@ -59,15 +58,13 @@
    </div>
    <!-- 中间 -->
    <div class="home-center">
-      <div class="middle-top">
-        <Yszs />
-      </div>
+      <div class="middle-top"><Yszs /></div>
      <div class="flex middle-bottom mt10">
        <div style="width: 30px;position: absolute;z-index: 100;left: 0;background-color: #07274d;height: 30px;text-align: center;line-height:30px;">
          <el-icon :size="20" v-if="ispLayBack" @click="closeLayBack">
            <Bell />
          </el-icon>
-          <el-icon :size="20" v-else @click="openLayBack">
+          <el-icon :size="20" v-else @click="ispLayBack=true">
            <MuteNotification />
          </el-icon>
        </div>
@ -124,7 +121,6 @@
        <Bkcz></Bkcz>
      </div>
    </div>
-
  </div>
  <TestDiv />
  <!-- 左边弹窗 -->
@ -160,7 +156,7 @@ import WarningDistrict from './model/WarningDistrict.vue'
 import WarningPoints from './model/warningPoints.vue'
 import { getItem, setItem } from "@/utils/storage";
 import emitter from "@/utils/eventBus.js";
-import { bm, centralPoint } from '@/views/backOfficeSystem/IntelligentControl/DeploymentArea/xzqh.js'
+import { bm } from '@/views/backOfficeSystem/IntelligentControl/DeploymentArea/xzqh.js'
 import Judgment from './model/judgment.vue'
 import { tbYjxxGetList } from '@/api/zdr.js'
 import GeneralWindow from './model/generalWindow.vue'
@ -171,12 +167,21 @@ import MyCase from './model/myCase.vue'
 import audioPlayer from '@/utils/audioPlayer'
 import TestDiv from "@/components/common/TestDiv.vue";
 const { proxy } = getCurrentInstance();
-const { D_BZ_JQDJ } = proxy.$dict('D_BZ_JQDJ')
 const modelWarning = ref(true)
 const modelQbsb = ref(true)
 const searchText = ref('')
 const peoDialogRef = ref()
 const showSeatch = ref(false)
+const ispLayBack = ref(true)//播放音频
+const indexNum = ref(0) //当前展示的气泡框
+const showNotification = ref(false) //是否自动展开提示
+const allDep = ref([]) //所有部门
+const bnTimer = ref(null)
+const popupTimer = ref(null)
+const timing = ref(true)
+const reversalPushShow = ref(true)// 情报翻转
+const reversalShow = ref(true)// 论坛翻转
+
 const changeXzqh = (val, trg) => {
  setTimeout(() => {
    // 先移除已有的边界
@ -264,10 +269,6 @@ const getDepId = () => {
  }
 }

-const indexNum = ref(0) //当前展示的气泡框
-const showNotification = ref(false) //是否自动展开提示
-const allDep = ref([]) //所有部门
-
 const handleOpenNotification = () => {
  clearInterval(popupTimer.value)
  showNotification.value = !showNotification.value;
@ -282,6 +283,7 @@ const handleOpenNotification = () => {
    startPopupLoop()
  }
 }
+
 const makerCenter = () => {
  const dw = require("@/assets/point/dingwei.png")
  qcckGet({}, '/mosty-gsxt/lzJcjPjdb/selectCountNew').then(res => {
@ -291,20 +293,12 @@ const makerCenter = () => {
  })

 }
-//播放音频
-const ispLayBack = ref(true)
-
-// 打开播放
-const openLayBack = () => {
-  ispLayBack.value = true
-}

 // 关闭播放
 const closeLayBack = () => {
  ispLayBack.value = false
  audioPlayer.pause()
 }
-
 // 初始化音频播放器
 const initAudioPlayer = () => {
  // 使用工具类初始化音频播放器
@ -320,8 +314,6 @@ const initAudioPlayer = () => {
      console.error('初始化音频播放器失败:', error);
    })
 }
-const bnTimer = ref(null)
-const popupTimer = ref(null)

 const startPopupLoop = () => {
  clearInterval(popupTimer.value)
@ -333,6 +325,62 @@ const startPopupLoop = () => {
    }
  }, 10000)
 }
+
+// 搜索
+const handleSearch = () => {
+  if(!searchText.value) return proxy.$message.warning('请输入身份证号');
+  qcckPost({ rysfzh: searchText.value },'/mosty-gsxt/tbYjxx/getPageAllList').then(res => {
+    peoDialogRef.value.init(res.records || [])
+  })
+}
+
+// 布控预警上图
+const getTbYjxxGetList = () => {
+  // 设置为当天时间范围：00:00:00 到 23:59:59
+  const today = new Date();
+  const startTime = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 0, 0, 0).getTime();
+  const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59).getTime();
+  const promes = { startTime:timeValidate(startTime), endTime:timeValidate(endTime), }
+  tbYjxxGetList(promes).then(res => {
+    const coords = res.map(item => {
+      return { id: item.id, jd: item.jd, wd: item.wd, yjtp: item.yjTp, yjnr: item.yjNr, yjLx: item.yjlx, yjlx: '01', yjsj: item.yjSj, rysfzh: item.yjRysfzh, ryxm: item.yjRyxm }
+    })
+    const icon = require("@/assets/point/yj.png")
+    emitter.emit('addPoint', { coords: coords, icon: icon, flag: 'yj', fontColor: '#FF0000' })
+  })
+}
+
+const reversalPush = () => {
+  reversalPushShow.value = !reversalPushShow.value
+  // 移除clearInterval调用，避免定时器被清除
+}
+
+const reversal= () => {
+  reversalShow.value = !reversalShow.value
+  // 移除clearInterval调用，避免定时器被清除
+}
+
+// 鼠标移入
+const mouseEnter = () => {
+  clearInterval(timing.value)
+}
+
+// 鼠标移出
+const mouseLeave = () => {
+  // 清除可能存在的旧定时器，避免多个定时器同时运行
+  clearInterval(timing.value)
+  // 设置为5秒自动切换，更容易测试效果
+  timing.value = setInterval(() => {
+    reversalPush()
+    reversal()
+    changeModel()
+  }, 30000)
+}
+
+function changeModel(){
+  modelWarning.value = !modelWarning.value
+}
+
 // 组件挂载时初始化音频播放器
 onMounted(() => {
  getDepId()
@ -378,96 +426,17 @@ onMounted(() => {
  })
 })

-// 搜索
-const handleSearch = () => {
-  if(!searchText.value){
-    proxy.$message.warning('请输入身份证号')
-  }else{
-    qcckPost({ rysfzh: searchText.value },'/mosty-gsxt/tbYjxx/getPageAllList').then(res => {
-      peoDialogRef.value.init(res.records || [])
-    })
-  }
-}
-
-// 布控预警上图
-const getTbYjxxGetList = () => {
-  // 设置为当天时间范围：00:00:00 到 23:59:59
-  const today = new Date();
-  const startTime = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 0, 0, 0).getTime();
-  const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59).getTime();
-  const promes = {
-    startTime:timeValidate(startTime),
-    endTime:timeValidate(endTime),
-  }
-  tbYjxxGetList(promes).then(res => {
-    const coords = res.map(item => {
-      return {
-        id: item.id,
-        jd: item.jd,
-        wd: item.wd,
-        yjtp: item.yjTp,
-        yjnr: item.yjNr,
-        yjLx: item.yjlx,
-        yjlx: '01',
-        yjsj: item.yjSj,
-        rysfzh: item.yjRysfzh,
-        ryxm: item.yjRyxm,
-      }
-    })
-    const icon = require("@/assets/point/yj.png")
-    emitter.emit('addPoint', { coords: coords, icon: icon, flag: 'yj', fontColor: '#FF0000' })
-  })
-}
-
-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)
-}
-// 鼠标移出
-const mouseLeave = () => {
-  // 清除可能存在的旧定时器，避免多个定时器同时运行
-  clearInterval(timing.value)
-  // 设置为5秒自动切换，更容易测试效果
-  timing.value = setInterval(() => {
-    reversalPush()
-    reversal()
-    changeModel()
-  }, 30000)
-}
-
-function changeModel(){
-  modelWarning.value = !modelWarning.value
-}
 onUnmounted(() => {
  clearInterval(timing.value)
  clearInterval(bnTimer.value)
  clearInterval(popupTimer.value)
  // 组件卸载时停止音频播放并释放资源
-  if (audioPlayer) {
-    audioPlayer.destroy()
-  }
+  if (audioPlayer) audioPlayer.destroy();
 })
-
-
 </script>

 <style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
-
 .fxq {
  border-radius: 35px;
  width: 35px;
@ -476,7 +445,6 @@ onUnmounted(() => {
  transform-origin: left center;
  overflow: hidden;
  margin-bottom: 10px;
-
  .icon {
    display: flex;
    align-items: center;
@ -501,32 +469,24 @@ onUnmounted(() => {
    }
  }
 }
-
 .fxq2 {
  background-color: #9d88f9;
 }
-
 .fxq1:hover {
  width: 120px;
 }
-
 .fxq2:hover {
  width: 120px;
-
-  // background-color: red;
 }
-
 .fxq3:hover {
  width: 120px;
 }
-
 ::v-deep .badge-top-left .el-badge__content {
  top: 0;
  right: auto;
  left: -10px;
  transform: translateY(-50%) translateX(-50%);
 }
-
 .badge-content {
  display: flex;
  flex-direction: column;
@ -537,11 +497,9 @@ onUnmounted(() => {
  min-height: 45px;
  /* 确保收缩时有足够空间显示第一个图标 */
 }
-
 .badge-content:not(.expanded) {
  max-height: 45px;
 }
-
 /* 收缩时只显示第一个图标，隐藏其他内容 */
 .badge-content:not(.expanded)> :not(:first-child) {
  opacity: 0;
@ -588,7 +546,6 @@ onUnmounted(() => {
 .flip-wrapper {
  position: relative;
  width: 100%;
-  // height: calc(100%/3 - 8px);
  height: 100%;
  backface-visibility: hidden;
  perspective: 1000px;