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

更新页面

Browse Source
This commit is contained in:
Esacpe
2025-07-04 10:57:21 +08:00
parent c82e2f1972
commit 19677b36a6
8 changed files with 64 additions and 615 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/router/index.js
View File

@ -284,18 +284,6 @@ export const publicRoutes = [
meta: { title: "情报流转", icon: "article" },
redirect: "/InformationFlow",
children: [
{
path: "/InformationFlow",
name: "InformationFlow",
component: () =>
import(
"@/views/backOfficeSystem/ResearchJudgment/InformationFlows/InformationFlow/index"
),
meta: {
title: "情报信息流转",
icon: "article"
}
},
{
path: "/InstructionInformation",
name: "InstructionInformation",

9
src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/components/addForm.vue
View File

@ -321,13 +321,8 @@ const formData = ref([
{ label: "群体别名", prop: "qtBm", type: "input" },
{ label: "群体简称", prop: "qtJc", type: "input" },
{ label: "群体类别", prop: "qtLb", type: "select", options: D_GS_ZDQT_LB },
{ label: "成立时间", prop: "qtClsj", type: "datetime" },
{
label: "风险等级",
prop: "qtFxdj",
type: "select",
options: D_GS_ZDQT_FXDJ
},
{ label: "成立时间", prop: "qtClsj", type: "date" ,lx:"datetime" },
{ label: "风险等级", prop: "qtFxdj", type: "select", options: D_GS_ZDQT_FXDJ },
{ label: "背景资料", prop: "qtBjzl", type: "input" },
{ label: "两群采集录入", prop: "lqxxList", type: "slot", width: "100%" },
{ label: "", prop: "qtGlXx", type: "slot", width: "100%" },

2
src/views/backOfficeSystem/DeploymentDisposal/mpvGroup/index.vue
View File

@ -55,7 +55,7 @@
<el-button
type="primary"
size="small"
v-for="(item, index) in row.bqList"
v-for="(item, index) in row.bqList" :key="index"
>
{{ item.bqMc }}</el-button
>

71
src/views/backOfficeSystem/HumanIntelligence/CollectCrculate/index.vue
View File

@ -175,60 +175,7 @@ const searchConfiger = ref([
]);
const pageData = reactive({
tableData: [
{
clueNo: "GBJD01",
clueTitle: "工布江达重点人",
clueType: "涉稳",
clueSource: "系统新增",
riskLevel: "高级",
startTime: "2025/05/05",
endTime: "2025/05/05",
targetLocation: "林芝",
clueContent: "涉稳",
attachmentType: "重点人群",
attachmentName: "林芝公安局",
reportUnit: "林芝公安局",
reportTime: "2025/05/05",
involvedCount: 2,
status: "未处置",
xsZt: "01"
},
{
clueNo: "GBJD01",
clueTitle: "工布江达重点人",
clueType: "涉稳",
clueSource: "系统新增",
riskLevel: "中级",
startTime: "2025/05/05",
endTime: "2025/05/05",
targetLocation: "林芝",
clueContent: "涉稳",
attachmentType: "重点人群",
attachmentName: "林芝公安局",
reportUnit: "林芝公安局",
reportTime: "2025/05/05",
involvedCount: 2,
status: "处置中"
},
{
clueNo: "GBJD01",
clueTitle: "工布江达重点人",
clueType: "涉稳",
clueSource: "系统新增",
riskLevel: "低级",
startTime: "2025/05/05",
endTime: "2025/05/05",
targetLocation: "林芝",
clueContent: "涉稳",
attachmentType: "重点人群",
attachmentName: "林芝公安局",
reportUnit: "林芝公安局",
reportTime: "2025/05/05",
involvedCount: 2,
status: "已处置"
}
],
tableData: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
@ -244,7 +191,6 @@ const pageData = reactive({
tableColumn: [
{ label: "线索编号", prop: "xsBh" },
{ label: "线索名称", prop: "xsMc" },
// { label: "线索类型", prop: "xsQtlx", options: D_GS_ZDQT_LB },
{ label: "线索来源", prop: "xsLy", showSolt: true },
{ label: "风险等级", prop: "xsFxdj", showSolt: true },
{ label: "开始时间", prop: "startTime" },
@ -273,12 +219,6 @@ onMounted(() => {
tabHeightFn();
});
//选择类型
const handleType = (val) => {
pageData.keyCount++;
pageData.pageConfiger.pageCurrent = 1;
getList();
};
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
@ -315,11 +255,9 @@ const changeSize = (val) => {
// 获取列表
const getList = (val) => {
// pageData.tableConfiger.loading = true;
pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
let url = "/mosty-gsxt/tbGsxtXs/selectPage";
qcckGet(data, url)
.then((res) => {
qcckGet(data, "/mosty-gsxt/tbGsxtXs/selectPage").then((res) => {
pageData.tableData = res.records || [];
pageData.total = res.total;
pageData.tableConfiger.loading = false;
@ -336,8 +274,7 @@ const addEdit = (type, row) => {
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight =
window.innerHeight - searchBox.value.offsetHeight - 250;
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};

283
src/views/backOfficeSystem/ResearchJudgment/DatAcquisition/components/addEditForm.vue
View File

@ -1,283 +0,0 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">情报数据采集{{ title }}</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<el-form :model="listQuery" :label-width="130" label-position="right">
<el-divider content-position="left">基础信息</el-divider>
<div class="form-row">
<el-form-item label="线索名称">
<el-input v-model="listQuery.xsmc" placeholder="请输入线索名称" />
</el-form-item>
<el-form-item label="线索来源">
<el-input v-model="listQuery.xsly" placeholder="请输入线索来源" />
</el-form-item>
<el-form-item label="线索编号">
<el-input v-model="listQuery.xsbh" placeholder="请输入线索编号" />
</el-form-item>
<el-form-item label="所属专题">
<el-input v-model="listQuery.xszt" placeholder="请输入所属专题" />
</el-form-item>
<!-- <el-form-item label="线索类型">
<el-select v-model="listQuery.xslx" placeholder="请选择线索类型">
<el-option label="类型1" value="1"/>
<el-option label="类型2" value="2"/>
</el-select>
</el-form-item>
<el-form-item label="线索等级">
<el-select v-model="listQuery.xsdj" placeholder="请选择线索等级">
<el-option label="一级" value="1"/>
<el-option label="二级" value="2"/>
</el-select>
</el-form-item> -->
</div>
<el-divider content-position="left">线索描述</el-divider>
<div class="form-row">
<el-form-item label="线索内容" class="full-width">
<el-input
type="textarea"
v-model="listQuery.xsnr"
:rows="4"
placeholder="请输入线索内容"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="线索标签大类">
<el-select
v-model="listQuery.bqdl"
placeholder="请选择线索标签大类"
>
<el-option label="类型1" value="1" />
<el-option label="类型2" value="2" />
</el-select>
</el-form-item>
<el-form-item label="线索标签细类">
<el-select
v-model="listQuery.bqxl"
placeholder="请选择线索标签细类"
>
<el-option label="一级" value="1" />
<el-option label="二级" value="2" />
</el-select>
</el-form-item>
<el-form-item label="线索标签二级系类">
<el-select
v-model="listQuery.bqxl"
placeholder="请选择线索标签二级系类"
>
<el-option label="一级" value="1" />
<el-option label="二级" value="2" />
</el-select>
</el-form-item>
<el-form-item label="线索来源">
<el-select v-model="listQuery.xsly" placeholder="请选择线线索来源">
<el-option label="一级" value="1" />
<el-option label="二级" value="2" />
</el-select>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="线索风险等级">
<el-select
v-model="listQuery.xsfxdj"
placeholder="请选择线索风险等级"
>
<el-option label="类型1" value="1" />
<el-option label="类型2" value="2" />
</el-select>
</el-form-item>
<el-form-item label="线索备注">
<el-input v-model="listQuery.xsbz" placeholder="请输入线索备注" />
</el-form-item>
<el-form-item label="市内外">
<el-input v-model="listQuery.snw" placeholder="请输入市内外" />
</el-form-item>
<el-form-item label="是否涉及外地">
<el-select
v-model="listQuery.fxdj"
placeholder="请选择线索风险等级"
>
<el-option label="是" value="1" />
<el-option label="否" value="0" />
</el-select>
</el-form-item>
<el-form-item label="指向地点">
<el-select v-model="listQuery.zxdd" placeholder="请选择指向地点">
<el-option label="一级" value="1" />
<el-option label="二级" value="2" />
</el-select>
</el-form-item>
</div>
<el-divider content-position="left">相关人员</el-divider>
<div class="mt10 mb10">
<el-button type="primary" size="small">添加人员</el-button>
</div>
<div class="form-row">
<MyTable
:tableData="pageForm.tableData"
:tableColumn="pageForm.tableColumn"
:tableHeight="pageForm.tableHeight"
:key="pageForm.keyCount"
:tableConfiger="pageForm.tableConfiger"
:controlsWidth="pageForm.controlsWidth"
@chooseData="chooseData"
>
<!-- 操作 -->
<template #controls="{ row }">
<el-link
size="small"
type="primary"
@click="addEdit('detail', row)"
>详情</el-link
>
<el-link size="small" type="success" @click="addEdit('edit', row)"
>编辑</el-link
>
<el-link size="small" type="danger" @click="deleteRow(row)"
>删除</el-link
>
</template>
</MyTable>
</div>
<el-divider content-position="left">申请人</el-divider>
<div class="form-row">
<el-form-item label="申请单位">
<el-input v-model="listQuery.sqdw" placeholder="请输入申请单位" />
</el-form-item>
<el-form-item label="申请人">
<el-input v-model="listQuery.sqr" placeholder="请输入申请人" />
</el-form-item>
<el-form-item label="审核单位">
<el-input v-model="listQuery.shdw" placeholder="请输入审核单位" />
</el-form-item>
<el-form-item label="审核人">
<el-input v-model="listQuery.shr" placeholder="请输入审核人" />
</el-form-item>
<el-form-item label="审批单位">
<el-input v-model="listQuery.spdw" placeholder="请输入审批单位" />
</el-form-item>
<el-form-item label="审批人">
<el-input v-model="listQuery.spr" placeholder="请输入审批人" />
</el-form-item>
</div>
</el-form>
</div>
</div>
</template>
<script setup>
import MyTable from "@/components/aboutTable/MyTable.vue";
import { ref,reactive } from "vue";
const dialogForm = ref(false);
const title = ref("");
const listQuery = ref({
xgry: []
});
const pageForm = reactive({
tableData: [
{
xm: "张三",
xb: "男",
sfzh: "51018319969699999",
hjd: "",
hjdpcs: "",
bq: "重点人员"
}
],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "checkBox",
loading: false
},
controlsWidth: 220,
tableColumn: [
{ label: "姓名", prop: "xm" },
{ label: "性别", prop: "xb" },
{ label: "身份证号", prop: "sfzh" },
{ label: "户籍地", prop: "hjd" },
{ label: "户籍地派出所", prop: "hjdpcs" },
{ label: "标签", prop: "bq" }
]
});
// 初始化数据
const init = (type, row) => {
dialogForm.value = true;
title.value = type === "add" ? "新增" : "编辑";
if (type === "edit" && row) {
listQuery.value = { ...row };
} else {
listQuery.value = {
xgry: []
};
}
};
const close = () => {
dialogForm.value = false;
};
const handleAdd = () => {
listQuery.value.xgry.push({
xm: "",
zjhm: "",
lxdh: ""
});
};
const handleDelete = (index) => {
listQuery.value.xgry.splice(index, 1);
};
defineExpose({ init });
</script>
<style lang="scss" scoped>
.dialog {
padding: 20px;
.head_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.cntinfo {
height: calc(100% - 70px);
overflow: hidden;
overflow-y: auto;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
.el-form-item {
flex: 1;
min-width: 300px;
margin-right: 20px;
&.full-width {
flex: 0 0 100%;
}
}
}
:deep(.el-divider__text) {
font-size: 16px;
font-weight: bold;
}
}
</style>

0
src/views/backOfficeSystem/ResearchJudgment/InformationFlows/InformationFlow/components/addForm.vue → src/views/backOfficeSystem/ResearchJudgment/DatAcquisition/components/addForm.vue
View File

105
src/views/backOfficeSystem/ResearchJudgment/DatAcquisition/index.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<div class="titleBox">
<PageTitle title="情报数据采集">
<PageTitle title="情报信息流转">
<el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle">新增</span>
@ -14,15 +14,7 @@
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount">
<template #defaultSlot>
<div>
<el-input-number v-model="queryFrom.xqy"></el-input-number>
<span class="ml10 mr10" style="color: #000;">至</span>
<el-input-number v-model="queryFrom.dqy"></el-input-number>
</div>
</template>
</Search>
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
</div>
<!-- 表格 -->
<div class="tabBox">
@ -34,22 +26,12 @@
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 事故照片 -->
<template #accidentPhoto="{ row }">
<el-image
style="width: 50px; height: 50px"
:src="row.accidentPhoto"
:preview-src-list="[row.accidentPhoto]">
</el-image>
</template>
<!-- 附件 -->
<template #attachment="{ row }">
<el-button type="primary" link @click="viewAttachment(row)">查看</el-button>
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-link type="primary" link @click="addEdit('detail', row)">详情</el-link>
<el-link type="primary" link @click="deleteClue(row)">删除</el-link>
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
<el-link size="small" type="warning" @click="transferClue(row)">续报</el-link>
</template>
</MyTable>
<Pages
@ -72,7 +54,7 @@ import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/addEditForm.vue";
import DetailForm from "./components/addForm.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
@ -80,33 +62,57 @@ const detailDiloag = ref();
const searchBox = ref(); //搜索框
const searchConfiger = ref([
{ label: "线索名称", prop: 'clueName', placeholder: "请输入线索名称", showType: "input" },
{ label: "语义关键字", prop: 'semanticKeyword', placeholder: "请输入语义关键字", showType: "input" },
{ label: "线索类型", prop: 'clueType', placeholder: "请选择线索类型", showType: "select", options: [] },
{ label: "线索来源", prop: 'clueSource', placeholder: "请选择线索来源", showType: "select", options: [] },
{ label: "开始时间", prop: 'startTime', placeholder: "请选择开始时间", showType: "datetime" },
{ label: "结束时间", prop: 'endTime', placeholder: "请选择结束时间", showType: "datetime" },
{ label: "线索名称", prop: 'clueTitle', placeholder: "请输入线索名称", showType: "input" },
{ label: "语义关键字", prop: 'semanticKeywords', placeholder: "请输入语义关键字", showType: "input" },
{ label: "线索类型", prop: 'clueType', placeholder: "请选择线索类型", showType: "select" },
{ label: "线索来源", prop: 'clueSource', placeholder: "请选择线索来源", showType: "select" },
{ label: "线索状态", prop: 'xszt', placeholder: "请选择线索状态", showType: "select" },
{ label: "处置状态", prop: 'czzt', placeholder: "请选择处置状态", showType: "select" },
{ label: "开始时间", prop: 'startTime', placeholder: "请选择开始时间", showType: "date" },
{ label: "结束时间", prop: 'endTime', placeholder: "请选择结束时间", showType: "date" },
{ label: "指向地点", prop: 'targetLocation', placeholder: "请输入指向地点", showType: "input" },
]);
const queryFrom = ref({});
const pageData = reactive({
tableData: [
{
clueNo:'1001',
clueName:'疑似人员聚集',
clueType:'人员聚集',
clueSource:'群众举报',
startTime:'2024-01-01 08:00:00',
endTime:'2024-01-01 18:00:00',
targetLocation:'某街道',
clueContent:'发现多名可疑人员在该区域频繁出入，疑似从事非法活动。',
attachment:'report.pdf'
clueNo: "XS20240101001",
clueTitle: "可疑人员活动线索",
clueType: "人员线索",
clueSource: "群众举报",
startTime: "2024-01-01 08:00:00",
endTime: "2024-01-01 18:00:00",
targetLocation: "某市某区某街道",
clueContent: "发现多名可疑人员在该区域频繁出入，疑似从事非法活动。",
attachment: "report.pdf"
},
{
clueNo: "XS20240101002",
clueTitle: "涉毒交易线索",
clueType: "违法犯罪线索",
clueSource: "技术侦查",
startTime: "2024-01-02 10:00:00",
endTime: "2024-01-02 16:00:00",
targetLocation: "某市某区某小区",
clueContent: "监控发现多次可疑交易活动，疑似涉及违禁物品。",
attachment: "evidence.docx"
},
{
clueNo: "XS20240101003",
clueTitle: "非法聚集线索",
clueType: "群体性事件",
clueSource: "网络监控",
startTime: "2024-01-03 14:00:00",
endTime: "2024-01-03 22:00:00",
targetLocation: "某市某广场",
clueContent: "网络平台发现有组织策划非法聚集活动的信息。",
attachment: "online_evidence.zip"
}
],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "checkbox",
showSelectType: "checkBox",
loading: false
},
total: 0,
@ -114,20 +120,22 @@ const pageData = reactive({
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 120,
controlsWidth: 220,
tableColumn: [
{ label: "线索编号", prop: "clueNo" },
{ label: "线索名称", prop: "clueName" },
{ label: "线索名称", prop: "clueTitle" },
{ label: "线索类型", prop: "clueType" },
{ label: "线索来源", prop: "clueSource" },
{ label: "开始时间", prop: "startTime" ,showOverflowTooltip: true},
{ label: "结束时间", prop: "endTime" ,showOverflowTooltip: true},
{ label: "指向地点", prop: "targetLocation" ,showOverflowTooltip: true},
{ label: "线索内容", prop: "clueContent",showOverflowTooltip: true },
{ label: "开始时间", prop: "startTime" },
{ label: "结束时间", prop: "endTime" },
{ label: "指向地点", prop: "targetLocation" },
{ label: "线索内容", prop: "clueContent", width: 200 },
{ label: "附件", prop: "attachment", slot: true },
]
});
const queryFrom = ref({});
onMounted(() => {
getList()
tabHeightFn();
@ -186,3 +194,4 @@ const tabHeightFn = () => {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>

197
src/views/backOfficeSystem/ResearchJudgment/InformationFlows/InformationFlow/index.vue
View File

@ -1,197 +0,0 @@
<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>
<el-button type="danger" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><Dete /></el-icon>
<span style="vertical-align: middle">批量删除</span>
</el-button>
</PageTitle>
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
</div>
<!-- 表格 -->
<div class="tabBox">
<MyTable
:tableData="pageData.tableData"
:tableColumn="pageData.tableColumn"
:tableHeight="pageData.tableHeight"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
<el-link size="small" type="warning" @click="transferClue(row)">续报</el-link>
</template>
</MyTable>
<Pages
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight"
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"
></Pages>
</div>
<!-- 详情 -->
<DetailForm ref="detailDiloag" />
</div>
</template>
<script setup>
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/addForm.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const detailDiloag = ref();
const searchBox = ref(); //搜索框
const searchConfiger = ref([
{ label: "线索名称", prop: 'clueTitle', placeholder: "请输入线索名称", showType: "input" },
{ label: "语义关键字", prop: 'semanticKeywords', placeholder: "请输入语义关键字", showType: "input" },
{ label: "线索类型", prop: 'clueType', placeholder: "请选择线索类型", showType: "select" },
{ label: "线索来源", prop: 'clueSource', placeholder: "请选择线索来源", showType: "select" },
{ label: "线索状态", prop: 'xszt', placeholder: "请选择线索状态", showType: "select" },
{ label: "处置状态", prop: 'czzt', placeholder: "请选择处置状态", showType: "select" },
{ label: "开始时间", prop: 'startTime', placeholder: "请选择开始时间", showType: "date" },
{ label: "结束时间", prop: 'endTime', placeholder: "请选择结束时间", showType: "date" },
{ label: "指向地点", prop: 'targetLocation', placeholder: "请输入指向地点", showType: "input" },
]);
const pageData = reactive({
tableData: [
{
clueNo: "XS20240101001",
clueTitle: "可疑人员活动线索",
clueType: "人员线索",
clueSource: "群众举报",
startTime: "2024-01-01 08:00:00",
endTime: "2024-01-01 18:00:00",
targetLocation: "某市某区某街道",
clueContent: "发现多名可疑人员在该区域频繁出入，疑似从事非法活动。",
attachment: "report.pdf"
},
{
clueNo: "XS20240101002",
clueTitle: "涉毒交易线索",
clueType: "违法犯罪线索",
clueSource: "技术侦查",
startTime: "2024-01-02 10:00:00",
endTime: "2024-01-02 16:00:00",
targetLocation: "某市某区某小区",
clueContent: "监控发现多次可疑交易活动，疑似涉及违禁物品。",
attachment: "evidence.docx"
},
{
clueNo: "XS20240101003",
clueTitle: "非法聚集线索",
clueType: "群体性事件",
clueSource: "网络监控",
startTime: "2024-01-03 14:00:00",
endTime: "2024-01-03 22:00:00",
targetLocation: "某市某广场",
clueContent: "网络平台发现有组织策划非法聚集活动的信息。",
attachment: "online_evidence.zip"
}
],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "checkBox",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 220,
tableColumn: [
{ label: "线索编号", prop: "clueNo" },
{ label: "线索名称", prop: "clueTitle" },
{ label: "线索类型", prop: "clueType" },
{ label: "线索来源", prop: "clueSource" },
{ label: "开始时间", prop: "startTime" },
{ label: "结束时间", prop: "endTime" },
{ label: "指向地点", prop: "targetLocation" },
{ label: "线索内容", prop: "clueContent", width: 200 },
{ label: "附件", prop: "attachment", slot: true },
]
});
const queryFrom = ref({});
onMounted(() => {
getList()
tabHeightFn();
});
//选择类型
const handleType = (val) => {
pageData.keyCount++;
pageData.pageConfiger.pageCurrent = 1;
getList()
}
// 搜索
const onSearch = (val) =>{
queryFrom.value = {...val}
pageData.pageConfiger.pageCurrent = 1;
getList()
}
const changeNo = (val) =>{
pageData.pageConfiger.pageNum = val;
getList()
}
const changeSize = (val) =>{
pageData.pageConfiger.pageSize = val;
getList()
}
// 获取列表
const getList = (val) =>{
// pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
// let url = '/mosty-lzcj/tbDwMbkf/queryList';
// qcckPost(data,url).then(res=>{
// pageData.tableData = res.records || [];
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(()=>{ pageData.tableConfiger.loading = false; })
}
// 详情
const addEdit = (type, row) => {
detailDiloag.value.init(type, row);
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>