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-01-16 12:40:42 +08:00
parent 2ea84f248c
commit 10853312f2
120 changed files with 23881 additions and 617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

461
src/views/backOfficeSystem/JudgmentHome/ResearchHome/index.vue
View File

@ -34,8 +34,9 @@
<div ref="searchBox">
<el-form :model="searchList" ref="searchFormRef" :inline="true">
<el-form-item label="类型">
<el-cascader ref="cascaRef" v-model="searchList.lx" @change="changeCascader" collapse-tags
:disabled="readonly_lx" :options="cascaderList" :props="{ multiple: true }" placeholder="请选择类型" />
<el-cascader clearable ref="cascaRef" v-model="searchList.lx" @change="changeCascader" collapse-tags
:show-all-levels="false" :disabled="readonly_lx" :options="cascaderList" :props="{ multiple: true }"
placeholder="请选择类型" />
</el-form-item>
<!-- <el-form-item label="人员">
<el-input @change="changeRy" v-model="searchList.ry" :disabled="readonly_ry" clearable
@ -53,9 +54,9 @@
</div>
</el-form-item> -->
<el-form-item label="时间">
<el-date-picker v-model="searchList.datetimes" type="daterange" unlink-panels :range-separator="'至'"
start-placeholder="开始日期时间" end-placeholder="结束日期时间" format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss" />
<el-date-picker v-model="searchList.datetimes" type="daterange" unlink-panels :range-separator="'至'"
start-placeholder="开始日期时间" end-placeholder="结束日期时间" format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSearch">查询</el-button>
@ -70,11 +71,22 @@
<MyTable :tableData="it.tableList" :tableColumn="it.tableColumn" :key="idx + '' + it.keyCount"
:fixed="false" :tableHeight="pageData.tableHeight" :tabelModel="it.title"
:tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
<template #jjdbh="{ row }">
<span @click="jqDetail(row)">{{ row.jjdbh }}</span>
</template>
<template #asjbh="{ row }">
<span @click="caseDetail(row, row.lx)">{{ row.asjbh }}</span>
</template>
<template #jqlbdm="{ row }">
<DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
</template>
<template #ajzlbdm="{ row }">
<DictTag :tag="false" :value="row.ajzlbdm" :options="GA_D_XSAJLBDM" />
</template>
<template #controls="{ row }">
<el-link type="primary" size="small" @click="handleHs(row)">网上会商</el-link>
<el-link type="primary" size="small" @click="handleHs(row, it.lylx)">网上会商</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo($event, it.title)" @changeSize="changeSize($event, it.title)"
@ -89,38 +101,38 @@
<!-- 弹窗 -->
<!-- <DetailDialog ref="detaileRef"></DetailDialog> -->
<!-- 研判报告弹窗 -->
<JudgmentReport v-model="visible" :search="search"></JudgmentReport>
<JudgmentReport v-model="visible" :search="search" :xzlx="xzlx"></JudgmentReport>
<DiscussionDialog v-model="showDialog" :dataList="dataList" :lx="lx" />
<PoliceIncidentDetails v-model="showJqDetail" :dataList="dataList" title="警情详情" />
<CaseDetails v-model="showCaseDetail" :dataList="dataList" title="案件详情" :lx="ajlx" />
</template>
<script setup>
import { lzJcjPjdbSelectPage } from '@/api/semanticAnalysis.js'
import { ElMessage } from "element-plus";
// import DetailDialog from './components/detailDialog.vue'
import JudgmentReport from './components/judgmentReport.vue'
// import YpModel from '@/components/ypModel/index.vue'
import { qcckPost, qcckGet } from "@/api/qcckApi.js";
import MoreBarEcharts from "@/views/home/echarts/moreBarEcharts.vue";
import LineEcharts from "@/views/home/echarts/moreLineEcharts.vue";
import MyTable from "@/components/aboutTable/DarkTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import { useRoute, useRouter } from 'vue-router';
import {tbJqGetPageList,xsajSelectPage } from '@/api/yj.js'
import { tbJqGetPageList, xsajSelectPage, xzajSelectPage } from '@/api/yj.js'
import DiscussionDialog from './components/discussionDialog.vue';
import PoliceIncidentDetails from './components/policeIncidentDetails.vue';
import CaseDetails from './components/caseDetails.vue';
const router = useRouter();
import { nextTick, onMounted, reactive, getCurrentInstance, ref, watch } from 'vue';
const { proxy } = getCurrentInstance();
const { JQLB } = proxy.$dict("JQLB"); //获取字典数据
const {GA_D_XSAJXALBDM} = proxy.$fzdict("GA_D_XSAJXALBDM"); //获取字典数据
const { GA_D_XSAJLBDM } = proxy.$fzdict("GA_D_XSAJLBDM"); //获取字典数据
const readonly_lx = ref(false)
const readonly_ry = ref(false)
const readonly_dd = ref(false)
const cascaRef = ref()
const showModel = ref(false);
// const detaileRef = ref();
const searchBox = ref();
const listBoxRef = ref();
const textContent = ref('');
// 图数据
const obj = reactive({
const obj = ref({
data_lxtj: {
xData: ['网络舆情', '警情', '案件', '风险隐患'],
color: [['#0DBAC5', '#28EEBF'], ['#F06C0D', '#EEB416']],
@ -148,13 +160,34 @@ let cascaderList = ref([
{ value: '023', label: '交通警情', leaf: true },
]
},
{ value: '03', label: '案件', leaf: true },
{ value: '04', label: '风险隐患', leaf: true },
{ value: '03', label: '刑事案件', leaf: true },
{ value: '04', label: '行政案件', leaf: true },
{ value: '05', label: '风险隐患', leaf: true },
])
const tableColumn = ref({
xz: [
{ label: "案件编号", prop: "asjbh", showOverflowTooltip: true, showSolt: true },
{ label: "案件标题", prop: "ajmc", showOverflowTooltip: true },
{ label: "简要案情", prop: "jyaq", showOverflowTooltip: true },
{ label: "案件类型", prop: "ajzlbdm", showOverflowTooltip: true, showSolt: true },
{ label: "案件时间", prop: "asjfssjAsjfskssj", showOverflowTooltip: true },
],
xs: [
{ label: "案件编号", prop: "asjbh", showOverflowTooltip: true, showSolt: true },
{ label: "案件标题", prop: "ajmc", showOverflowTooltip: true },
{ label: "简要案情", prop: "jyaq", showOverflowTooltip: true },
{ label: "案件类型", prop: "ajzlbdm", showOverflowTooltip: true, showSolt: true },
{ label: "案件时间", prop: "asjfssjAsjfskssj", showOverflowTooltip: true },
],
})
// 每个列表对应的值
const list = reactive([
{
title: '网络舆情', //标题
lylx: '01',
tableList: [],
keyCount: 0,
pageConfiger: {
@ -172,6 +205,7 @@ const list = reactive([
{
title: '警情', //标题
tableList: [],
lylx: '02',
keyCount: 1,
pageConfiger: {
page: 1,
@ -179,7 +213,7 @@ const list = reactive([
pageSize: 6,
},
tableColumn: [
{ label: "接警单编号", prop: "jjdbh", showOverflowTooltip: true },
{ label: "接警单编号", prop: "jjdbh", showOverflowTooltip: true, showSolt: true, },
{ label: "报警电话", prop: "bjdh", showOverflowTooltip: true },
{ label: "报警时间", prop: "bjsj", showOverflowTooltip: true },
{ label: "报警内容", prop: "bjnr", showOverflowTooltip: true },
@ -188,25 +222,28 @@ const list = reactive([
},
{
title: '案件', //标题
lylx: '03',
tableList: [],
keyCount: 2,
pageConfiger: {
page: 1,
total: 0,
pageSize: 6,
pageSize: 10,
},
tableColumn: [
{ label: "案件编号", prop: "asjbh", showOverflowTooltip: true },
{ label: "案件标题", prop: "ajmc", showOverflowTooltip: true },
{ label: "简要案情", prop: "jyaq", showOverflowTooltip: true },
{ label: "案件类型", prop: "ajxlbDmbcms", showOverflowTooltip: true },
{ label: "案件时间", prop: "asjfssjAsjfskssj", showOverflowTooltip: true },
],
tableColumn: tableColumn.value.xs,
// [
// { label: "案件编号", prop: "asjbh", showOverflowTooltip: true },
// { label: "案件标题", prop: "ajmc", showOverflowTooltip: true },
// { label: "简要案情", prop: "jyaq", showOverflowTooltip: true },
// { label: "案件类型", prop: "ajzlbdm", showOverflowTooltip: true, showSolt: true },
// { label: "案件时间", prop: "asjfssjAsjfskssj", showOverflowTooltip: true },
// ],
},
{
title: '风险隐患', //标题
tableList: [],
keyCount: 3,
lylx: '04',
pageConfiger: {
page: 1,
total: 0,
@ -245,32 +282,174 @@ watch(() => JQLB.value, (val) => {
deep: true, immediate: true
})
onMounted(() => {
// getCount(); //获取统计数据
getCount()
tabHeightFn()
getJqList() //警情列表
getAjList()//案件列表
});
// 获取字典
const getxsajDictSelectList = () => {
xsajDictSelectList().then(res => {
console.log(res);
// 选择类型
const changeCascader = (val) => {
readonly_lx.value = false;
readonly_ry.value = val ? true : false
readonly_dd.value = val ? true : false
searchList.value.ry = ''
searchList.value.ssbm = ''
}
// 重置
const resetForm = () => {
searchList.value = {}
searchForm.value = {}
readonly_lx.value = false
readonly_ry.value = false
readonly_dd.value = false
}
const dataSearch = ref({})
// 搜索
const xzlx = ref('02')
const onSearch = () => {
let len = []
xzlx.value = Array.isArray(searchList.value.lx) ? searchList.value.lx[0][0] : ''
const bjlbs = Array.isArray(searchList.value.lx) ? searchList.value.lx.map(item => {
len.push(item[0])
return item[item.length - 1]
}) : []
const uniqueArr = [...new Set(len)].length
if (uniqueArr > 1) {
return ElMessage.warning('只能选择一个类型')
}
dataSearch.value = {
startTime: searchList.value.datetimes ? searchList.value.datetimes[0] : '',
endTime: searchList.value.datetimes ? searchList.value.datetimes[1] : '',
bjlbs: bjlbs,
}
switch (xzlx.value) {
case '01':
break;
case '02':
getJqList()
break;
case '03':
getAjList()
break;
case '04':
getAjList()
break;
default:
getJqList()
getAjList()
break;
}
}
// 警情列表
const getJqList = () => {
let params = {
pageCurrent: list[1].pageConfiger.page,
pageSize: list[1].pageConfiger.pageSize,
...dataSearch.value,
bjlbs: dataSearch.value.bjlbs?.join(',') || '',
}
lzJcjPjdbSelectPage(params).then(res => {
list[1].tableList = res.records || [];
list[1].pageConfiger.total = res.total;
})
}
// 案件列表
const getAjList = () => {
let params = {
pageCurrent: list[2].pageConfiger.page,
pageSize: list[2].pageConfiger.pageSize,
startTime: dataSearch.value.startTime,
endTime: dataSearch.value.endTime,
}
if (!dataSearch.value.bjlbs || dataSearch.value.bjlbs == '04') {
xzajSelectPage(params).then(res => {
list[2].tableColumn = tableColumn.value.xz
list[2].tableList = res.records.map(item => {
return {
...item,
lx: '2'
}
}) || [];
list[2].pageConfiger.total = res.total;
})
} else {
xsajSelectPage(params).then(res => {
list[2].tableColumn = tableColumn.value.xs
list[2].tableList = res.records.map(item => {
return {
...item,
lx: '1'
}
}) || [];
list[2].pageConfiger.total = res.total;
})
}
}
// 网上会商
const showDialog = ref(false)
const dataList = ref()
const lx = ref('1')
const handleHs = (val, it) => {
showDialog.value = true
dataList.value = { ...val }
lx.value = it
}
const ArrData = ref([
{
label: '警情',
value: 'jqsl'
},
{
label: '案件',
value: 'ajsl'
},
{
label: '风险隐患',
value: 'fxyh'
},
{
label: '网络舆情',
value: 'wlyq'
},
])
// 获取统计数据
const getCount = () => {
// 获取处置状态统计
qcckPost({}, '/mosty-gsxt/qbcj/getXscjTjByXslx').then(res => {
let arr = res || [];
obj.data_lxtj.xData = arr.map(v => v.zdmc);
obj.data_lxtj.list = [{ label: '总数', val: arr.map(v => v.count) }];
qcckGet({}, '/mosty-gsxt/hsyp/znypLxtj').then(res => {
let arr = ArrData.value.map(item => {
return {
...item,
count: res[item.value] || 0
}
}) || [];
obj.value.data_lxtj.xData = arr.map(v => v.label);
obj.value.data_lxtj.list = [{ label: '总数', val: arr.map(v => v.count) }];
});
// 会商统计
qcckPost({}, '/mosty-gsxt/wshs/getWshyZttj').then(res => {
let arr = res || [];
obj.data_hstj.xData = arr.map(v => v.zdmc);
obj.data_hstj.list = [{ label: '总数', val: arr.map(v => v.count) }];
qcckGet({}, '/mosty-gsxt/hsyp/znypHstj').then(res => {
let arr = ArrData.value.map(item => {
return {
...item,
count: res[item.value] || 0
}
}) || [];
obj.value.data_hstj.xData = arr.map(v => v.label);
obj.value.data_hstj.list = [{ label: '总数', val: arr.map(v => v.count) }];
});
};
@ -286,7 +465,7 @@ const changeNo = (e, type) => {
break;
case '案件':
list[2].pageConfiger.page = e;
getAjList()
getAjList()
break;
case '风险隐患':
list[3].pageConfiger.page = e;
@ -294,6 +473,7 @@ const changeNo = (e, type) => {
}
// getJqList()
}
// 分页大小
const changeSize = (e, type) => {
switch (type) {
case '网络舆情':
@ -313,152 +493,73 @@ const changeSize = (e, type) => {
}
}
// 警情列表
const getJqList = () => {
let params = {
pageCurrent: list[1].pageConfiger.page,
pageSize: list[1].pageConfiger.pageSize,
}
lzJcjPjdbSelectPage(params).then(res => {
list[1].tableList = res.records || [];
list[1].pageConfiger.total = res.total;
//模拟的统计警情接口
obj.data_lxtj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
obj.data_hstj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
})
// 警情详情
const showJqDetail = ref(false)
const jqDetail = (val) => {
showJqDetail.value = true
dataList.value = { ...val }
}
const getAjList = () => {
let params = {
pageCurrent: list[2].pageConfiger.page,
pageSize: list[2].pageConfiger.pageSize,
}
console.log("执行");
xsajSelectPage(params).then(res => {
list[2].tableList = res.records || [];
list[2].pageConfiger.total = res.total;
// //模拟的统计警情接口
// obj.data_lxtj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
// obj.data_hstj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
})
}
// xsajSelectPage(promes).then(res => {
// list[2].tableList = res.records || [];
// list[2].pageConfiger.total = res.total;
// })
const handleHs = (val) => {
router.push({ path: '/MeetingRoom', query: { tsypid: val.id } })
// 案件详情
const showCaseDetail = ref(false)
const ajlx = ref()
const caseDetail = (val, lx) => {
ajlx.value = lx
showCaseDetail.value = true
dataList.value = { ...val }
}
// 打开研判报告
const visible = ref(false)
const search = ref({})
const handleYP = () => {
console.log(searchList.value);
visible.value = true
let data = []
if (searchList.value.lx) {
data = searchList.value.lx.map(item => {
return item[item.length - 1]
})
console.log(searchList.value.lx);
if (searchList.value.lx.length == 0) {
xzlx.value = '02'
return
}
search.value = {
lx: searchList.value.lx ? data : '',
startTime: searchList.value.datetimes ? searchList.value.datetimes[0] : '',
endTime: searchList.value.datetimes ? searchList.value.datetimes[1] : '',
}
// let arr=cascaRef.value.getCheckedNodes()
// searchForm.value.jqlbdms=arr.map((el)=>{
// return el.value
// })
// let params = {
// hskssj: searchForm.value.kssj,
// hsjssj: searchForm.value.jssj,
// jqlbdms:searchForm.value.jqlbdms
// }
// qcckPost(params, '/mosty-gsxt/lzJcjPjdb/getJqDcypbg').then(res => {
// let data = res || {};
// let html = `<p class="html_bt">${data.bt}</p>`
// html += `<p>${data.head}</p>`
// html += `<p>${data.nr}</p>`
// html += `<p>${data.bc}</p>`
// html += `<p>${data.end}</p>`
// textContent.value = html;
// showModel.value = true;
// })
}
// 选择类型
const changeCascader = (val) => {
console.log(val, 'val');
console.log(cascaRef.value.getCheckedNodes(), '++++++++');
readonly_lx.value = false;
readonly_ry.value = val ? true : false
readonly_dd.value = val ? true : false
searchList.value.ry = ''
searchList.value.ssbm = ''
}
// 选择人员
const changeRy = (val) => {
readonly_ry.value = false;
readonly_lx.value = val ? true : false
readonly_dd.value = val ? true : false
searchList.value.lx = ''
searchList.value.ssbm = ''
}
// 选择地点
const changeBm = (val) => {
readonly_dd.value = false;
readonly_lx.value = val ? true : false
readonly_ry.value = val ? true : false
searchList.value.lx = ''
searchList.value.ry = ''
}
// 重置
const resetForm = () => {
searchList.value = {}
searchForm.value = {}
readonly_lx.value = false
readonly_ry.value = false
readonly_dd.value = false
}
// 搜索
const onSearch = () => {
if (searchList.value.lx || searchList.value.ry || searchList.value.dd) {
const data= searchList.value.lx.map(item => {
return item[item.length - 1]
})
console.log(searchList.value);
const promes = {
startTime: searchList.value.datetimes ? searchList.value.datetimes[0] : '',
endTime: searchList.value.datetimes ? searchList.value.datetimes[1] : '',
bjlbs: searchList.value.lx ? data.join(',') : '',
}
console.log(promes);
tbJqGetPageList(promes).then(res => {
list[1].tableList = res.records || [];
list[1].pageConfiger.total = res.total;
})
} else {
ElMessage.warning('请选择查询条件')
switch (xzlx.value) {
case '01':
break;
case '02':
let data = []
if (searchList.value.lx) {
data = searchList.value.lx.map(item => {
return item[item.length - 1]
})
}
search.value = {
lx: searchList.value.lx ? data : '',
startTime: searchList.value.datetimes ? searchList.value.datetimes[0] : '',
endTime: searchList.value.datetimes ? searchList.value.datetimes[1] : '',
}
break;
case '03':
search.value = {
startTime: searchList.value.datetimes ? searchList.value.datetimes[0] : '',
endTime: searchList.value.datetimes ? searchList.value.datetimes[1] : '',
}
break;
case '04':
break;
default:
break;
}
}
// 表格高度计算
const tabHeightFn = () => {
pageData.boxHeight = window.innerHeight - searchBox.value.offsetHeight - 250
@ -481,7 +582,7 @@ const tabHeightFn = () => {
color: #000;
.leftbox {
width: 500px;
width: 450px;
height: 100%;
margin-right: 10px;
background: #fff;