zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lcw

Browse Source
This commit is contained in:
lcw
2026-02-07 10:24:29 +08:00
parent 323fcd25fe
commit c0ba4c7c49
22 changed files with 598 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/App.vue
View File

@ -7,7 +7,6 @@
</keep-alive>
</router-view>
<Fzq />
</template>
<script setup>
import Watermark from "@/components/Watermark.vue";

BIN
src/assets/images/cjyp.mp3 Normal file
View File

Binary file not shown.

BIN
src/assets/images/xsyp.mp3 Normal file
View File

Binary file not shown.

BIN
src/assets/images/ypbg.mp3 Normal file
View File

Binary file not shown.

BIN
src/assets/images/ypzl.mp3 Normal file
View File

Binary file not shown.

240
src/components/common/TestDiv.vue Normal file
View File

@ -0,0 +1,240 @@
<template>
<div class="test-div" v-if="dataList && dataList.length > 0">
<div class="test-header">
<span class="test-title">消息通知</span>
<div class="header-right">
<span class="test-countdown">{{ countdown }}s</span>
<el-icon class="close-icon" @click="handleClose">
<Close />
</el-icon>
</div>
</div>
<div class="test-content">
<Item v-for="(item, index) in dataList" :key="index" :item="item" />
</div>
</div>
</template>
<script setup>
// 测试div组件，用于在后台和大屏页面都显示
import { ref, onMounted, onUnmounted } from 'vue'
import { Close } from '@element-plus/icons-vue'
import WebSoketClass from '@/utils/webSocket.js'
import emitter from "@/utils/eventBus.js"; // 导入事件总线
import Item from './item.vue'
import { AudioPlayerClass } from '@/utils/audioPlayer.js'
const webSoket = new WebSoketClass()
const dataList = ref([])
const timekeeping = ref(null)
const countdown = ref(0) // 倒计时时间（秒）
// 音频播放器实例映射
const audioPlayers = ref({
'02': null, // 信息上报
'03': null, // 研判审批
'04': null, // 研判指令
'05': null // 线索下发
})
// 音频文件路径映射
const audioPaths = {
'02': require('@/assets/images/cjyp.mp3'),
'03': require('@/assets/images/ypbg.mp3'),
'04': require('@/assets/images/ypzl.mp3'),
'05': require('@/assets/images/xsyp.mp3')
}
// 初始化音频播放器
const initAudioPlayers = () => {
Object.keys(audioPaths).forEach(type => {
try {
audioPlayers.value[type] = new AudioPlayerClass()
audioPlayers.value[type].init(audioPaths[type], false)
} catch (error) {
console.error(`初始化类型${type}的音频播放器失败:`, error)
}
})
}
// 根据类型播放音频
const playAudioByType = (type) => {
if (audioPlayers.value[type]) {
try {
audioPlayers.value[type].play()
} catch (error) {
console.error(`播放类型${type}的音频失败:`, error)
}
}
}
// 手动关闭
const handleClose = () => {
if (timekeeping.value) {
clearInterval(timekeeping.value)
timekeeping.value = null
}
dataList.value = []
}
// 重置倒计时
const resetCountdown = () => {
if (timekeeping.value) {
clearInterval(timekeeping.value)
}
countdown.value = 15
timekeeping.value = setInterval(() => {
countdown.value--
if (countdown.value <= 0) {
clearInterval(timekeeping.value)
dataList.value = []
timekeeping.value = null
}
}, 1000)
}
onMounted(() => {
// 初始化音频播放器
initAudioPlayers()
emitter.on('webSocketMessage', (newsDate) => {
if (newsDate) {
dataList.value.unshift({...newsDate.data,typeMasgeLx:newsDate.type})
// 根据消息类型播放音频
playAudioByType(newsDate.type)
resetCountdown()
}
})
// 组件挂载时执行的操作
webSoket.connect()
console.log('组件挂载时执行的操作')
})
onUnmounted(() => {
webSoket.closeConnection()
emitter.off('webSocketMessage')
if (timekeeping.value) {
clearInterval(timekeeping.value)
}
// 销毁所有音频播放器实例
Object.values(audioPlayers.value).forEach(player => {
if (player) {
player.destroy()
}
})
// 组件卸载时执行的操作
console.log('组件卸载时执行的操作')
})
</script>
<style scoped lang="scss">
.test-div {
width: 400px;
max-height: 250px;
position: fixed;
bottom: 2%;
right: 2%;
z-index: 1999;
background: linear-gradient(135deg, #0a3b6d 0%, #1a5a9e 100%);
border: 1px solid rgba(0, 255, 255, 0.3);
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0, 255, 255, 0.3), 0 0 20px rgba(0, 255, 255, 0.1);
overflow: hidden;
animation: slideIn 0.3s ease-out;
@keyframes slideIn {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
}
.test-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background: rgba(0, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}
.test-title {
font-size: 16px;
font-weight: bold;
color: #00ffff;
display: flex;
align-items: center;
gap: 8px;
text-shadow: 0 0 10px rgba(0, 255, 255, 0.7);
&::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background-color: #00ffff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}
50% {
opacity: 0.8;
transform: scale(1.2);
box-shadow: 0 0 20px rgba(0, 255, 255, 1);
}
}
}
.header-right {
display: flex;
align-items: center;
gap: 10px;
}
.test-countdown {
font-size: 14px;
color: #00ffff;
background: rgba(0, 255, 255, 0.1);
padding: 4px 12px;
border: 1px solid rgba(0, 255, 255, 0.3);
border-radius: 12px;
font-weight: 500;
text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
}
.close-icon {
font-size: 18px;
color: #00ffff;
cursor: pointer;
transition: all 0.3s ease;
padding: 4px;
border-radius: 4px;
text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
&:hover {
background: rgba(0, 255, 255, 0.2);
transform: rotate(90deg);
box-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}
}
.test-content {
max-height: 150px;
overflow-y: auto;
padding: 12px;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
&::-webkit-scrollbar {
display: none; /* Chrome, Safari and Opera */
}
}
</style>

155
src/components/common/item.vue Normal file
View File

@ -0,0 +1,155 @@
<template>
<div class="test-item" v-if="item.typeMasgeLx == '02'" @click="goDetail(item.id, item.typeMasgeLx)">
<div class="item-header">
<div class="item-title">{{ item.qbmc || '' }}</div>
<div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
</div>
<div class="item-message">{{ item.qbnr }}</div>
<div class="item-time">{{ item.xtCjsj || '' }}</div>
</div>
<div class="test-item" v-if="item.typeMasgeLx == '03'" @click="goDetail(item.id, item.typeMasgeLx)">
<div class="item-header">
<div class="item-title">{{ item.bgmc || '' }}</div>
<div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
</div>
<div class="item-message" v-html="item.bgnr"></div>
<div class="item-time">{{ item.xtCjsj || '' }}</div>
</div>
<div class="test-item" v-if="item.typeMasgeLx == '04'" @click="goDetail(item.id, item.typeMasgeLx)">
<div class="item-header">
<div class="item-title">{{ item.zlbt || '' }}</div>
<div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
</div>
<div class="item-message" v-html="item.zlnr"></div>
<div class="item-time">{{ item.xtCjsj || '' }}</div>
</div>
<div class="test-item" v-if="item.typeMasgeLx == '05'" @click="goDetail(item.id, item.typeMasgeLx)">
<div class="item-header">
<div class="item-title">{{ item.zlbt || '' }}</div>
<div class="item-type">{{ informationMap[item.typeMasgeLx] }}</div>
</div>
<div class="item-message" v-html="item.zlnr"></div>
<div class="item-time">{{ item.xtCjsj || '' }}</div>
</div>
</template>
<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
const props = defineProps({
item: {
type: Object,
default: () => ({})
}
})
const informationMap = {
'01': '报警信息',
'02': '信息上报',
'03': '研判审批',
'04': '研判指令',
'05': '线索下发',
}
const goDetail = (id, lx) => {
let path = ''
switch (lx) {
case '02':
path = '/InfoCollection'
break;
case '03':
path = '/strategicResearchs'
break;
default:
case '04':
path = '/judgmentCommand'
break;
case '05':
path = '/InstructionInformation'
break;
}
router.push({
path: path,
query: {
id: id
}
})
}
</script>
<style lang="scss" scoped>
.test-item {
background: rgba(10, 59, 109, 0.8);
border: 1px solid rgba(0, 255, 255, 0.3);
border-radius: 8px;
padding: 12px;
margin-bottom: 10px;
box-shadow: 0 2px 8px rgba(0, 255, 255, 0.2);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
gap: 8px;
&:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 255, 255, 0.4);
border-color: rgba(0, 255, 255, 0.6);
}
&:last-child {
margin-bottom: 0;
}
}
.item-header {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.item-title {
font-size: 14px;
font-weight: 500;
color: #00ffff;
flex: 0 0 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
}
.item-type {
font-size: 12px;
font-weight: bold;
color: #00ffff;
background: linear-gradient(135deg, #00ffff 0%, #00aaff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
flex: 1;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-shadow: 0 0 5px rgba(0, 255, 255, 0.7);
}
.item-message {
font-size: 14px;
color: #cceeff;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
margin: 4px 0;
}
.item-time {
font-size: 12px;
color: #66ccff;
text-align: right;
margin-top: 4px;
text-shadow: 0 0 3px rgba(0, 255, 255, 0.3);
}
</style>

1
src/components/fzq/fxq.vue
View File

@ -64,7 +64,6 @@ const startDrag = (e) => {
// 处理移动
const handleMove = (e) => {
if (!isDragging.value) return;
let clientX, clientY;
if (e.type === 'mousemove') {
clientX = e.clientX;

6
src/layout/index.vue
View File

@ -11,6 +11,7 @@
<AppMain />
</div>
</div>
<TestDiv />
</div>
</template>
@ -20,6 +21,7 @@ import NavBar from "./components/NavBar";
import SideBar from "./components/SideBar/index";
import AppMain from "./components/AppMain";
import TagsView from "./components/TagsView";
import TestDiv from "@/components/common/TestDiv.vue";
</script>
<style lang="scss" scoped>
@ -35,7 +37,7 @@ import TagsView from "./components/TagsView";
display: flex;
overflow: hidden;
.el-scrollbar {
.is-active {
background: #fff;
}
@ -58,4 +60,4 @@ import TagsView from "./components/TagsView";
::v-deep .el-scrollbar__view{
border-right: 1px solid #07376d;
}
</style>
</style>

10
src/utils/webSocket.js
View File

@ -1,5 +1,5 @@
// let url = "ws://89.40.9.89:2109/mosty-api/mosty-websocket/socket/"; //线上
let url = "ws://155.240.22.30:2109/mosty-api/mosty-websocket/socket/"; //线上
let url = "ws://89.40.9.93:50039/mosty-websocket/socket/"; //线上
if (process.env.NODE_ENV === 'development') {
url = "ws://47.108.232.77:9537/mosty-api/mosty-websocket/socket/"; //本地
@ -86,8 +86,6 @@ class WebSoketClass {
if (fun) fun(true);
};
this.ws.onclose = (e) => {
console.log(e);
console.log('WebSocket连接已关闭，关闭码:', e.code, '原因:', e.reason);
// 如果是正常关闭(1000)或手动关闭(1001)，不进行重连
if (e.code !== 1000 && e.code !== 1001) {
@ -165,7 +163,6 @@ class WebSoketClass {
// 接收发送消息
getMessage() {
this.ws.onmessage = (e) => {
console.log(e);
try {
if (e.data) {
@ -175,6 +172,9 @@ class WebSoketClass {
// 触发音频播放
console.log('触发音频播放');
emitter.emit('openYp', newsDate.data); // 传递消息数据
} else {
emitter.emit('webSocketMessage', { data: newsDate.data, type: newsDate.type });
}
// else if (newsDate.type === 'ALARM_STOP' || newsDate.type === 'warning_stop') {
// // 触发音频停止
@ -187,7 +187,7 @@ class WebSoketClass {
// emitter.emit('statusUpdate', newsDate.data);
// }
// // 通用消息事件
// emitter.emit('webSocketMessage', newsDate);
}
} catch (error) {
console.error('处理WebSocket消息失败:', error);

76
src/views/backOfficeSystem/HumanIntelligence/appraisalManagement/components/addForm.vue
View File

@ -3,27 +3,58 @@
<div class="head_box">
<span class="title">工作考核{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" v-if="title !='详情'">保存</el-button>
<el-button type="primary" size="small" :loading="loading" @click="submit" v-if="title != '详情'">保存</el-button>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="form_cnt">
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title =='详情'"></FormMessage>
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title == '详情'">
<template #bkyj>
<el-divider content-position="left"><span style="color: blue;">布控预警</span></el-divider>
</template>
<template #clyj>
<el-divider content-position="left"><span style="color: blue;">车辆预警</span></el-divider>
</template>
<template #qlry>
<el-divider content-position="left"><span style="color: blue;">7类重点人员预警</span></el-divider>
</template>
<template #rxyj>
<el-divider content-position="left"><span style="color: blue;">人像预警</span></el-divider>
</template>
<template #zbyj>
<el-divider content-position="left"><span style="color: blue;">政保预警</span></el-divider>
</template>
<template #fs>
<el-divider content-position="left"><span style="color: blue;">考核分数</span></el-divider>
</template>
</FormMessage>
</div>
</div>
</template>
<script setup>
import { IdCard } from "@/utils/validate.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { qcckGet, qcckPost,qcckPut } from "@/api/qcckApi.js";
import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const listQuery = ref({
cjfs: 0,
ypfs: 0,
bkyjFkl: 0,
bkyjQsl: 0,
clyjFkl: 0,
clyjQsl: 0,
qlryFkl: 0,
qlryQsl: 0,
rxyjFkl: 0,
rxyjQsl: 0,
zbyjFkl: 0,
zbyjQsl: 0,
}); //表单
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
@ -31,10 +62,27 @@ const formData = ref([
{ label: "考核开始日期", prop: "ksrq", type: "date" },
{ label: "考核结束日期", prop: "jsrq", type: "date" },
{ label: "考核描述", prop: "khzbms", type: "textarea", width: "100%" },
{ prop: "fs", type: "slot", width: "100%" },
{ label: "采集分数", prop: "cjfs", type: "number", min: 0, max: 100, step: 1 },
{ label: "研判分数", prop: "ypfs", type: "number", min: 0, max: 100, step: 1 },
{ prop: "bkyj", type: "slot", width: "100%" },
{ label: "布控预警反馈率", prop: "bkyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
{ label: "布控预警签收率", prop: "bkyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
{ prop: "clyj", type: "slot", width: "100%" },
{ label: "车辆预警反馈率", prop: "clyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
{ label: "车辆预警签收率", prop: "clyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
{ prop: "qlry", type: "slot", width: "100%" },
{ label: "7类重点人员反馈率", prop: "qlryFkl", type: "number", min: 0, max: 100, step: 0.01 },
{ label: "7类重点人员签收率", prop: "qlryQsl", type: "number", min: 0, max: 100, step: 0.01 },
{ prop: "rxyj", type: "slot", width: "100%" },
{ label: "人像预警反馈率", prop: "rxyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
{ label: "人像预警签收率", prop: "rxyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
{ prop: "zbyj", type: "slot", width: "100%" },
{ label: "政保预警反馈率", prop: "zbyjFkl", type: "number", min: 0, max: 100, step: 0.01 },
{ label: "政保预警签收率", prop: "zbyjQsl", type: "number", min: 0, max: 100, step: 0.01 },
]);
const listQuery = ref({}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
@ -66,12 +114,22 @@ const submit = () => {
let params = { ...data };
console.log(params);
loading.value = true;
qcckPost(params, url).then(() => {
if (title.value == "新增") {
qcckPost(params, url).then(() => {
loading.value = false;
proxy.$message({ type: "success", message: title.value + "成功" });
emit("updateDate");
close();
}).catch(() => { loading.value = false; });
} else {
qcckPut(params, url).then(() => {
loading.value = false;
proxy.$message({ type: "success", message: title.value + "成功" });
emit("updateDate");
close();
}).catch(() => { loading.value = false; });
}
});
};
@ -90,6 +148,6 @@ defineExpose({ init });
@import "~@/assets/css/element-plus.scss";
::v-deep .el-textarea__inner {
height: 38.5em !important;
height: 18.5em !important;
}
</style>

6
src/views/backOfficeSystem/HumanIntelligence/appraisalManagement/index.vue
View File

@ -106,7 +106,11 @@ onMounted(() => {
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
queryFrom.value = {
...val,
startTime: val.startTime ? val.startTime[0] : "",
endTime: val.startTime ? val.startTime[0] : ""
};
pageData.pageConfiger.pageCurrent = 1;
getList();
};

6
src/views/backOfficeSystem/HumanIntelligence/permissionApply/index.vue
View File

@ -60,8 +60,10 @@ const pageData = reactive({
tableColumn: [
{ label: "申请人姓名", prop: "xm" },
{ label: "申请人身份证", prop: "sfzh"},
{ label: "申请人联系电话", prop: "lxdh"},
{ label: "权限说明", prop: "qxsm" },
{ label: "申请人联系电话", prop: "lxdh" },
{ label: "提交人姓名", prop: "tjrxm"},
{ label: "提交人身份证号", prop: "tjrsfzh"},
{ label: "权限说明", prop: "qxsm", showOverflowTooltip: true },
]
});

5
src/views/backOfficeSystem/JudgmentHome/judgmentCommand/addForm.vue
View File

@ -11,7 +11,6 @@
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
</FormMessage>
</div>
</div>
</template>
@ -21,11 +20,12 @@ import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, watch, computed } from "vue";
import { addJudgmentCommandList, editJudgmentCommand, getJudgmentCommandDetail } from "@/api/huiShangyp/judgmentCommand.js"
// import { getItem } from '@//utils/storage.js'
import { useRouter } from 'vue-router'
const emit = defineEmits(["updateDate", "getList"]);
const props = defineProps({
dict: Object
});
const router = useRouter()
const imgMsg = ref([])
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
@ -118,6 +118,7 @@ const close = () => {
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
router.replace({ path: '/judgmentCommand' })// 移除id 避免刷新一直带参数
};
defineExpose({ init });

14
src/views/backOfficeSystem/JudgmentHome/judgmentCommand/index.vue
View File

@ -61,18 +61,11 @@ import FeedbackDialog from "./components/FeedbackDialog.vue";
import { getItem } from '@//utils/storage.js'
const { proxy } = getCurrentInstance();
const { D_BZ_YPFS, D_BZ_YPLX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX")
const detailDiloag = ref();
const searchBox = ref(); //搜索框
const userInfo = ref()
onMounted(() => {
userInfo.value = getItem('deptId')[0]
tabHeightFn()
if (route.query.id) {
detailDiloag.value.init('edit', {
id: route.query.id
});
return
}
getList()
});
@ -149,8 +142,13 @@ const tabHeightFn = () => {
};
};
const route = useRoute()
const addForm = ref(null)
watch(() => route.query.id, (val) => {
console.log('val: ', val);
if (val) {
addForm.value.init('detail', {id:val}, '01');
}
},{deep:true});
const feedbackDialog = ref(false)
const currentFeedbackRow = ref({})
const getDataById = (type, row) => {

7
src/views/backOfficeSystem/JudgmentHome/strategicResearch/addForm.vue
View File

@ -98,7 +98,7 @@
* @property {Array} fj - 附件数组
* @property {string} wcqk - 完成情况（01 准备中、02 已完成）
*/
import { qcckGet } from "@/api/qcckApi.js";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import UploadFile from "@/components/MyComponents/Upload/index.vue";
// import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue"
@ -214,12 +214,13 @@ watch(() => listQuery.value.jsdxBmDm, (val) => {
})
})
// 初始化数据
const init = (type, row, wjlb) => {
dialogForm.value = true;
title.value = type == "add" ? "新增" : type == "edit" ? "编辑" : "详情";
outRow.value = row
if (row) {
getDataById(row.id)
getDataById(row.id )
} else {
listQuery.value = {
bglx: props.bglx, // 报告类型 01 战术研判 02战略研判
@ -232,7 +233,7 @@ const init = (type, row, wjlb) => {
};
// 根据id查询详情
const getDataById = (id) => {
sjzlGetInfo(id).then((res) => {
qcckGet({},'/mosty-gsxt/gsxtYpbg/'+id).then((res) => {
listQuery.value = res || {};
/** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
const cyypList = Array.isArray(res.cyypList) ? res.cyypList : []

47
src/views/backOfficeSystem/JudgmentHome/strategicResearch/addReport.vue
View File

@ -13,19 +13,19 @@
</FormMessage>
<div class="cntBox">
<!-- 工具栏 -->
<Toolbar
style="border-bottom: 1px solid #ccc"
<Toolbar
style="border-bottom: 1px solid #ccc"
:editor="editorRef"
:defaultConfig="toolbarConfig"
:mode="mode" />
<!-- 编辑器 -->
<Editor
:style="`height: 480px; overflow-y: hidden`"
v-model="textContent"
<Editor
:style="`height: 480px; overflow-y: hidden`"
v-model="textContent"
:defaultConfig="editorConfig"
:mode="mode"
@onCreated="handleCreated"
@onChange="handChange"
:mode="mode"
@onCreated="handleCreated"
@onChange="handChange"
/>
</div>
<div v-if="listQuery.id" style="display: flex; justify-content: center;">
@ -47,6 +47,7 @@ import ExtractionText from "@/components/ExtractionText/index.vue";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import "@wangeditor/editor/dist/css/style.css";
import { useRoute, useRouter } from 'vue-router'
// import Consultation from './consultation.vue'
import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, shallowRef, onBeforeUnmount, watch } from "vue";
@ -117,12 +118,33 @@ const elform = ref();
const title = ref("");
// 初始化数据
const init = (type, row) => {
if(row) listQuery.value = JSON.parse(JSON.stringify(row));
const init = (type, row) => {
dialogForm.value = true;
title.value = type == "add" ? "新增" :type == "edit"? "编辑" : "详情";
if (row) {
getDataById(row.id)
}
// listQuery.value = JSON.parse(JSON.stringify(row));
setEditorTextContent()
};
// 根据id查询详情
const getDataById = (id) => {
qcckGet({},'/mosty-gsxt/gsxtYpbg/'+id).then((res) => {
listQuery.value = res || {};
// /** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
// const cyypList = Array.isArray(res.cyypList) ? res.cyypList : []
// listQuery.value.jsdxBmDm = cyypList.map(item => {
// return item.ypbmdm
// })
// listQuery.value.jsdxBmMc = cyypList.map(item => {
// return item.ypbmmc
// })
});
};
const getText = (val) => {
listQuery.value.fj = val.text;
setEditorTextContent()
@ -175,7 +197,7 @@ const handleCreated = (editor) => {
};
//内容发生变化
const handChange = (editor) => {
// 判断是否是一个空段落，是空就传空文本
};
onBeforeUnmount(() => {
@ -183,12 +205,13 @@ onBeforeUnmount(() => {
if (editor) editor.destroy();
});
const router = useRouter();
// 关闭
const close = () => {
loading.value = false;
dialogForm.value = false;
listQuery.value = {}
router.replace({ path: '/strategicResearchs' })// 移除id 避免刷新一直带参数
};

21
src/views/backOfficeSystem/JudgmentHome/strategicResearch/index.vue
View File

@ -65,28 +65,25 @@ import AddForm from "./addForm.vue";
import addMeeting from "./addMeeting.vue";
const { proxy } = getCurrentInstance();
const { D_BZ_YPFS, D_BZ_YPLX, D_GS_BQ_LX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX", "D_GS_BQ_LX")
/** 报告弹框 */
const reportTc = ref();
/** 会议弹框 */
const meetingTc = ref();
const searchBox = ref(); //搜索框
const router = useRouter();
const route = useRoute();
onMounted(() => {
tabHeightFn()
if (route.query.id) {
nextTick(() => {
addForm.value && addForm.value.init('edit', {
id: route.query.id
});
router.replace({ path: '/tacticalResearch' })// 移除id 避免刷新一直带参数
})
}
getList()
});
watch(() => route.query.id, (val) => {
if (val) {
nextTick(() => {
reportTc.value && reportTc.value.init('edit', {
id: val
});
})
}
},{deep:true});
// 提交审核

47
src/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/components/detailForm.vue
View File

@ -19,7 +19,7 @@
</FormMessage>
</div>
<div v-if="title == '详情'" class="timeline-container">
<el-timeline class="timeline-wrapper" v-if="listQuery.czlcLis&&listQuery.czlcList.length > 0">
<el-timeline class="timeline-wrapper" v-if="listQuery.czlcLis && listQuery.czlcList.length > 0">
<el-timeline-item placement="top" v-for="(activity, index) in listQuery.czlcList" :key="index"
:timestamp="activity.czsj" :color="activity.czlx == '01' ? '#409eff' : '#67c23a'" size="large">
<div class="timeline-content" :class="activity.czlx == '01' ? 'sign-type' : 'feedback-type'">
@ -50,28 +50,40 @@
import Xslist from '@/components/ChooseList/ChooseXs/index.vue'
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
import { useRouter } from 'vue-router'
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick ,watch} from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
dic: {
type: Object,
default: () => ({})
}
});
const chooseVisible = ref(false)
const roleIds = ref([])
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "指令标题", prop: "zlbt", type: "input", },
{ label: "指令类型", prop: "zllx", type: "select", options: props.dic.D_GS_XS_ZLLX },
{ label: "指令等级", prop: "zldj", type: "select", options: props.dic.D_GS_ZDQT_FXDJ },
{ label: "反馈结束时间", prop: "jssj", type: "datetime" },
{ label: "联系人", prop: "zllxr", type: "input" },
{ label: "联系电话", prop: "zllxdh", type: "input" },
{ label: "关联线索", prop: "glxsid", type: "slot" },
{ label: "主送单位", prop: "zsdw", type: "department" },
{ label: "抄送单位", prop: "csdw", type: "department" },
{ label: "指令内容", prop: "zlnr", type: "textarea", width: '100%' },
{ label: "附件", prop: "fjzd", type: "upload", width: '100%' },
]);
const formData = ref()
watch(() => props.dic, (newVal) => {
if (newVal) {
formData.value = [
{ label: "指令标题", prop: "zlbt", type: "input", },
{ label: "指令类型", prop: "zllx", type: "select", options: props.dic.D_GS_XS_ZLLX },
{ label: "指令等级", prop: "zldj", type: "select", options: props.dic.D_GS_ZDQT_FXDJ },
{ label: "反馈结束时间", prop: "jssj", type: "datetime" },
{ label: "联系人", prop: "zllxr", type: "input" },
{ label: "联系电话", prop: "zllxdh", type: "input" },
{ label: "关联线索", prop: "glxsid", type: "slot" },
{ label: "主送单位", prop: "zsdw", type: "department" },
{ label: "抄送单位", prop: "csdw", type: "department" },
{ label: "指令内容", prop: "zlnr", type: "textarea", width: '100%' },
{ label: "附件", prop: "fjzd", type: "upload", width: '100%' },
]
}
},{deep: true})
const listQuery = ref({}); //表单
const loading = ref(false);
const elform = ref();
@ -129,12 +141,13 @@ const submit = () => {
}).catch(() => { loading.value = false; });
});
};
const router = useRouter()
// 关闭
const close = () => {
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
router.replace({ path: '/InstructionInformation' })// 移除id 避免刷新一直带参数
};
defineExpose({ init });
</script>

21
src/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/index.vue
View File

@ -58,8 +58,8 @@
></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" v-if="isShow" @updateDate="getList" :dic="{D_GS_XS_ZLLX,D_GS_ZDQT_FXDJ}" />
</div>
<DetailForm ref="detailDiloag" @updateDate="getList" :dic="{D_GS_XS_ZLLX,D_GS_ZDQT_FXDJ}" />
<Fk v-model="isShowFk" :dataList="dataList" @getList="getList"/>
</template>
@ -71,7 +71,8 @@ import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.vue";
import Fk from "./components/fk.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
import { useRoute } from "vue-router";
import { reactive, ref, onMounted, getCurrentInstance, nextTick, watch } from "vue";
import { getItem } from '@/utils/storage'
const { proxy } = getCurrentInstance();
const {D_GS_XS_SJLY,D_GS_XS_ZLLX,D_GS_ZDQT_FXDJ,D_GS_XS_CZZT} = proxy.$dict('D_GS_XS_SJLY','D_GS_XS_ZLLX','D_GS_ZDQT_FXDJ','D_GS_XS_CZZT')
@ -110,14 +111,20 @@ const pageData = reactive({
{ label: '是否反馈', prop: 'sffk', showSolt: true },
{ label: '是否签收', prop: 'sfqs', showSolt: true },
]
});
});
const route=useRoute()
const userInfo=ref();
onMounted(() => {
if (route.query.id) {
addEdit('detail', {id:route.query.id});
}
userInfo.value=getItem('deptId')[0]
getList()
tabHeightFn();
});
// 搜索
const onSearch = (val) =>{
queryFrom.value = {...val}
@ -166,6 +173,12 @@ const addEdit = (type, row) => {
detailDiloag.value.init(type, row);
})
};
watch(() => route.query.id, (val) => {
if (val) {
addEdit('detail', {id:route.query.id});
}
},{deep:true})
// 签收
const signRow = (row) =>{
proxy.$confirm("确定要签收", "警告", {type: "warning"}).then(() => {
@ -189,8 +202,6 @@ const fkRow = (row) => {
}
const showBtn = (row) => {
let item = row.xfbmList.find(v => v.ssbmdm == userInfo.value.deptCode)
console.log(item);
return item?true:false
// // if (item) {
// // return item.zlzt == '01' ? 'sign' : item.zlzt == '02' ? 'feedback' : ''

15
src/views/home/components/qxsqDialog.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<el-dialog title="权限申请" v-model="showDialog" width="500px" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false" >
<el-dialog title="权限申请" v-model="showDialog" width="500px" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="true" >
<el-form :model="listQuery" label-width="120px" :rules="rules" ref="formRef">
<el-form-item label="申请人姓名" prop="xm">
<el-input placeholder="请输入申请人姓名" v-model="listQuery.xm" clearable></el-input>
@ -14,6 +14,13 @@
<el-form-item label="权限说明" prop="qxsm">
<el-input placeholder="请输入权限说明" v-model="listQuery.qxsm" clearable type="textarea" :rows="3"></el-input>
</el-form-item>
<el-form-item label="提交人姓名">
<el-input placeholder="请输入提交人姓名" v-model="listQuery.tjrxm" clearable readonly></el-input>
</el-form-item>
<el-form-item label="提交人身份证">
<el-input placeholder="请输入申请人身份证" v-model="listQuery.tjrsfzh" clearable readonly></el-input>
</el-form-item>
<div class="tc">
<el-button type="primary" :loading="loading" @click="okSubit">确定</el-button>
<el-button @click="reset()"> 重置 </el-button>
@ -30,8 +37,10 @@ import emitter from "@/utils/eventBus.js";
import { onMounted, ref,onUnmounted } from 'vue'
const showDialog = ref(false)
const listQuery = ref({
xm: getItem("USERNAME") || '',
sfzh: getItem("idEntityCard") || '',
tjrxm: getItem("USERNAME") || '',
tjrsfzh: getItem("idEntityCard") || '',
xm: '',
sfzh: '',
lxdh: '',
qxsm: '',
})

11
src/views/home/index.vue
View File

@ -126,11 +126,11 @@
</div>
</div>
<TestDiv />
<!-- 左边弹窗 -->
<LeftDialog></LeftDialog>
<!-- 人员弹窗 -->
<PeoDialog ref="peoDialogRef"></PeoDialog>
<!-- 权限申请 -->
<QxsqDialog />
</template>
@ -164,15 +164,14 @@ import { bm, centralPoint } from '@/views/backOfficeSystem/IntelligentControl/De
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 Statistics from './model/statistics.vue'
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 webSoket = new WebSoketClass()
const modelWarning = ref(true)
const modelQbsb = ref(true)
const searchText = ref('')
@ -346,7 +345,7 @@ onMounted(() => {
getTbYjxxGetList()
// 初始化音频播放器
initAudioPlayer()
// webSoket.connect()
// 监听音频播放事件，获取WebSocket消息数据
emitter.on("openYp", (newsDate) => {
// 使用工具类播放音频，自动处理静音切换
@ -462,10 +461,6 @@ onUnmounted(() => {
if (audioPlayer) {
audioPlayer.destroy()
}
// 组件卸载时关闭WebSocket连接
if (webSoket) {
webSoket.closeConnection()
}
})