Compare commits

..

7 Commits

Author SHA1 Message Date
c67b63b4f1 更新 2026-03-06 16:02:10 +08:00
4518038d9e 更新 2026-03-06 16:01:08 +08:00
78c828763b 更新 2026-03-06 15:03:42 +08:00
dcf680163a 更新 2026-03-06 15:02:51 +08:00
b1ea8f2e5b 更新 2026-03-06 14:45:30 +08:00
e561ef9e6d 解决冲突 2026-02-24 09:18:32 +08:00
b8c393f773 更新 2026-02-24 09:16:07 +08:00
4 changed files with 81 additions and 127 deletions

View File

@ -1,5 +1,5 @@
// let url = "ws://80.155.0.82:8006/mosty-api/mosty-websocket/socket/"; //线上
let url = "ws://155.240.22.30:2109/mosty-api/mosty-websocket/socket/"; //线上
let url = "wss://sg.lz.dsj.xz/websocket/mosty-websocket/socket/"; //线上
if(process.env.NODE_ENV === 'development') {
url = "ws://47.108.232.77:9537/mosty-api/mosty-websocket/socket/"; //本地

View File

@ -15,9 +15,7 @@ import store from "@/store";
* 私有路由表
*/
export const privateRoutes = [
];
export const privateRoutes = [];
/**
* 公开路由表

View File

@ -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);

View File

@ -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()
@ -345,7 +393,6 @@ onMounted(() => {
getTbYjxxGetList()
// 初始化音频播放器
initAudioPlayer()
// 监听音频播放事件获取WebSocket消息数据
emitter.on("openYp", (newsDate) => {
// 使用工具类播放音频,自动处理静音切换
@ -379,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;
@ -477,7 +445,6 @@ onUnmounted(() => {
transform-origin: left center;
overflow: hidden;
margin-bottom: 10px;
.icon {
display: flex;
align-items: center;
@ -502,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;
@ -538,11 +497,9 @@ onUnmounted(() => {
min-height: 45px;
/* 确保收缩时有足够空间显示第一个图标 */
}
.badge-content:not(.expanded) {
max-height: 45px;
}
/* 收缩时只显示第一个图标,隐藏其他内容 */
.badge-content:not(.expanded)> :not(:first-child) {
opacity: 0;
@ -589,7 +546,6 @@ onUnmounted(() => {
.flip-wrapper {
position: relative;
width: 100%;
// height: calc(100%/3 - 8px);
height: 100%;
backface-visibility: hidden;
perspective: 1000px;