This commit is contained in:
2026-01-28 16:15:40 +08:00
parent 861c1168e7
commit 0e5a9c710d
9 changed files with 551 additions and 998 deletions

View File

@ -1,21 +1,27 @@
<template>
<div>
<!-- <div class="titleBox">
<PageTitle title="警情管理">
<el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
</PageTitle>
</div> -->
<!-- 搜索 -->
<div ref="searchBox" class="mt10 mb10">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
</div>
<PageTitle :malginLeft="10" :height="35" backgroundColor="#ffff" :marginBottom="5" :marginTop="5">
<template #left>
<el-button type="primary" size="small" @click="exportExl">导出</el-button>
</template>
</PageTitle>
<!-- 表格 -->
<div class="tabBox heightBox">
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
<MyTable
:tableData="pageData.tableData"
:tableColumn="pageData.tableColumn"
:tableHeight="pageData.tableHeight"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="handleChooseData"
>
<!-- <template #jjlx="{ row }">
<DictTag :tag="false" :value="row.jjlx" :options="D_BZ_JQBQ" />
</template> -->
@ -26,11 +32,8 @@
<DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
</template>
<template #ypzt="{ row }">
{{ row.ypzt === '01' ? '已研判' : '未研判' }}
{{ row.ypzt === '01' ? '已研判' : '未研判' }}
</template>
<!-- <template #jqdjdm="{ row }">
<DictTag :tag="false" :value="row.jqdjdm" :options="D_BZ_JQDJ" />
</template> -->
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" @click="addEdit('edit', row)">详情</el-link>
@ -38,22 +41,30 @@
<el-link type="danger" @click="handleYP('深度研判', row)">深度研判</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"></Pages>
<Pages
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight"
:pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }"
>
</Pages>
</div>
<!-- 编辑详情 -->
<EditAddForm v-if="show" ref="detailDiloag" :dic="{ JQLB,JQLX,JQXL,JQZL,D_BZ_JQLY,D_BZ_JQFL,JQLB_DP,D_BZ_JQBQ,D_GS_SSYJ }"
@updateDate="getList" />
<!-- 研判弹窗 -->
<YpDialog ref="ypDialog" @change="getList" />
<DeepYpDialog ref="deepYpDialog" @change="getList" />
<EditAddForm
v-if="show"
ref="detailDiloag"
:dic="{ JQLB,JQLX,JQXL,JQZL,D_BZ_JQLY,D_BZ_JQFL,JQLB_DP,D_BZ_JQBQ,D_GS_SSYJ }"
@updateDate="getList"
/>
<!-- 研判弹窗 -->
<YpDialog ref="ypDialog" @change="getList" />
<DeepYpDialog ref="deepYpDialog" @change="getList" />
</div>
</template>
<script setup>
import { getMultiDictVal } from "@/utils/dict.js"
import { exportExlByObj } from "@/utils/exportExcel.js"
import YpDialog from "./components/ypDialog.vue";
import DeepYpDialog from "./components/deepypDialog.vue";
@ -103,7 +114,7 @@ const pageData = reactive({
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
showSelectType: "checkbox",
loading: false,
},
total: 0,
@ -155,19 +166,15 @@ const getList = () => {
pageSize: pageData.pageConfiger.pageSize,
...listQuery.value
}
lzJcjPjdbSelectPage(params).then(res => {
console.log(res);
pageData.tableData = res.records || [];
pageData.total = res.total;
}).finally(() => {
pageData.tableConfiger.loading = false;
})
}
// 新增
const addEdit = (type, row) => {
show.value = true;
@ -177,7 +184,6 @@ const addEdit = (type, row) => {
};
const handleYP = (type, row) => {
console.log(type, row);
if(type === '研判'){
ypDialog.value.init(row);
}else{
@ -185,10 +191,41 @@ const handleYP = (type, row) => {
}
}
/** 选中项 */
const selectRows = ref([])
const handleChooseData = (val) => {
selectRows.value = val
}
const exportExl = () => {
const titleObj = {
jjdbh: "接警单编号",
bjdh: "报警电话",
bjsj: "报警时间",
bjnr: "报警内容",
jjyxm: "接警员姓名",
jqdjdm_name: "警情级别",
jqlbdm_name: "警情类型",
jqdz: "警情地址",
bcjjnr: "补充接警内容",
ypzt_name: "研判状态",
}
/** 导出【选中】的数据 (没有就全部)*/
const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
const data = needArr.map(item => {
return {
...item,
jqdjdm_name: getMultiDictVal(item.jqdjdm, D_GS_BQ_DJ),
jqlbdm_name: getMultiDictVal(item.jqlbdm, JQLB),
ypzt_name: item.ypzt === '01' ? '已研判' : '未研判',
}
})
exportExlByObj(titleObj, data, '警情管理')
}
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 200;
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};