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:
zy_zr
2025-04-16 23:06:01 +08:00
parent 16b8bc2467
commit 1ccecb7258
23 changed files with 22670 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -0,0 +1,283 @@
<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>

188
src/views/backOfficeSystem/ResearchJudgment/DatAcquisition/index.vue Normal file
View File

@ -0,0 +1,188 @@
<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">
<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>
</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 #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>
</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/addEditForm.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: '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" },
]);
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'
}
],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "checkbox",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 120,
tableColumn: [
{ label: "线索编号", prop: "clueNo" },
{ label: "线索名称", prop: "clueName" },
{ 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: "attachment", slot: true },
]
});
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>