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-17 17:11:41 +08:00
parent 61a2e0cc19
commit 7ef5a303e8
6 changed files with 915 additions and 321 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/router/index.js
View File

@ -248,6 +248,15 @@ export const publicRoutes = [
icon: "article"
}
},
{
path: "/PreliminaryExcavations",
name: "PreliminaryExcavations",
component: () => import("@/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index"),
meta: {
title: "重点人员初步发掘",
icon: "article"
}
},
{
path: "/LandingAudit",
name: "LandingAudit",

181
src/views/backOfficeSystem/ExcavationResearch/LandingAudit/components/detailForm.vue
View File

@ -1,46 +1,73 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">3D打印业务信息详情</span>
<span class="title">重点人员深度发掘</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<el-form :model="listQuery" :label-width="230" label-position="left">
<el-form :model="listQuery" :label-width="120" label-position="right">
<div class="section-title">管理信息</div>
<div class="form-row">
<el-form-item label="业务流水号码">
<el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
<el-form-item label="管理单位">
<el-input v-model="listQuery.glDw" placeholder="请输入"/>
</el-form-item>
<el-form-item label="单位名称">
<el-input v-model="listQuery.dwmc" placeholder="老王打印店"/>
<el-form-item label="管辖区域">
<el-input v-model="listQuery.gxqy" placeholder="请输入"/>
</el-form-item>
<el-form-item label="联系人">
<el-input v-model="listQuery.lxr" placeholder="请输入"/>
</el-form-item>
<el-form-item label="联系方式">
<el-input v-model="listQuery.lxfs" placeholder="请输入"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="管理事由" class="full-width">
<el-input type="textarea" v-model="listQuery.glSy" placeholder="请输入"/>
</el-form-item>
</div>
<div class="section-title">申请信息</div>
<div class="form-row">
<el-form-item label="场所名称">
<el-input v-model="listQuery.csmc" placeholder="老王打印店"/>
<el-form-item label="申请单位">
<el-input v-model="listQuery.sqDw" placeholder="请输入"/>
</el-form-item>
<el-form-item label="3D打印设备品牌型号">
<el-input v-model="listQuery.sbppxh" placeholder="sa5421321321"/>
<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>
</div>
<div class="form-row">
<el-form-item label="3D打印设备号码">
<el-input v-model="listQuery.sbhm" placeholder="1002"/>
<el-form-item label="审批单位">
<el-input v-model="listQuery.sqDwDz" placeholder="请输入"/>
</el-form-item>
<el-form-item label="3D打印设备数量">
<el-input v-model="listQuery.sbsl" placeholder="5"/>
<el-form-item label="接受单位类型" class="full-width">
<el-select v-model="listQuery.jsdwlx">
<el-options :label="1">是</el-options>
<el-options :label="0">否</el-options>
</el-select>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="3D打印材料名称">
<el-input v-model="listQuery.clmc" placeholder="塑料"/>
<el-form-item label="是否同意" class="full-width">
<el-select v-model="listQuery.sfty">
<el-options :label="1">是</el-options>
<el-options :label="0">否</el-options>
</el-select>
</el-form-item>
<el-form-item label="申请单位单位名称">
<el-input v-model="listQuery.sqdwmc" placeholder="xxxxx单位"/>
<el-form-item label="反馈时间" class="full-width">
<el-date-picker
v-model="listQuery.fksj"
type="datetime"
placeholder="选择日期时间"
style="width: 100%"
/>
</el-form-item>
</div>
</el-form>
@ -49,81 +76,113 @@
</template>
<script setup>
import { ref, reactive } from 'vue';
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const listQuery = ref({
glDw: '',
glQy: '',
lxr: '',
lxfs: '',
glSy: '',
sqDw: '',
sqr: '',
lxdz: '',
shr: '',
sqDwDz: '',
shr2: '',
sfty: 1,
fksj: '',
files: []
});
// 初始化数据
const init = (type, row) => {
dialogForm.value = true;
// 根据type和row初始化表单数据
if (row) {
Object.assign(listQuery.value, row);
}
};
const close = () => {
dialogForm.value = false;
listQuery.value = {
glDw: '',
glQy: '',
lxr: '',
lxfs: '',
glSy: '',
sqDw: '',
sqr: '',
lxdz: '',
shr: '',
sqDwDz: '',
shr2: '',
sfty: 1,
fksj: '',
files: []
};
};
defineExpose({init})
const handleFileChange = (file) => {
listQuery.value.files.push(file);
};
defineExpose({init});
</script>
<style lang="scss" scoped>
.dialog {
padding: 20px;
:deep(.el-form-item__label) {
background-color: #F7FAFB;
padding: 0px 8px;
color: #000;
font-weight: 500;
border: 1px solid #E3E7ED;
}
.head_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.cntinfo{
.cntinfo {
height: calc(100% - 70px);
overflow: hidden;
overflow-y: auto;
padding: 20px;
}
.section-title {
font-size: 16px;
font-weight: bold;
color: #333;
margin: 20px 0 15px;
padding-left: 10px;
border-left: 4px solid #409EFF;
}
.form-row {
display: flex;
margin-bottom: 20px;
.el-form-item {
flex: 1;
flex: 1 0 0;
margin-right: 20px;
}
}
.image-group {
display: flex;
gap: 10px;
flex-wrap: wrap;
.image-item {
width: 150px;
height: 150px;
border: 1px solid #dcdfe6;
.el-image {
width: 100%;
height: 100%;
}
.full-width {
flex: 2;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
.upload-demo {
width: 100%;
padding: 20px;
border: 1px dashed #d9d9d9;
border-radius: 6px;
text-align: center;
.el-upload__tip {
margin-top: 10px;
color: #909399;
}
}
}
.el-form-item--default{
margin-bottom: 0px;
}
</style>

244
src/views/backOfficeSystem/ExcavationResearch/LandingAudit/index.vue
View File

@ -1,19 +1,24 @@
<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>
</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>
<template #defaultSlot>
<div class="checkbox-group">
<el-checkbox v-model="queryFrom.myNote">我的笔记</el-checkbox>
<el-checkbox v-model="queryFrom.myCheck">我的审核</el-checkbox>
<el-checkbox v-model="queryFrom.myApprove">我的审批</el-checkbox>
</div>
</template>
</Search>
</div>
<!-- 表格 -->
<div class="tabBox">
@ -24,18 +29,31 @@
: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>
@chooseData="chooseData"
>
<!-- 基础信息 -->
<template #basicInfo="{ row }">
<div class="basic-info">
<div class="avatar">
<el-image :src="row.avatar" fit="cover"></el-image>
</div>
<div class="info-list">
<div>姓名：{{ row.name }}</div>
<div>性别：{{ row.gender }}</div>
<div>年龄：{{ row.age }}</div>
<div>身份证号：{{ row.idCard }}</div>
<div>出生日期：{{ row.birthDate }}</div>
</div>
</div>
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button type="primary" link @click="addEdit('detail', row)">详情</el-button>
<div class="control-buttons">
<el-button type="primary" size="small" @click="handleDetail(row)">审核</el-button>
<el-button type="info" size="small" @click="handleApprove(row)">审批</el-button>
<el-button type="warning" size="small" @click="handleDelete(row)">去除</el-button>
<el-button type="danger" size="small" @click="handleBlacklist(row)">拉黑</el-button>
</div>
</template>
</MyTable>
<Pages
@ -61,126 +79,116 @@ import Search from "@/components/aboutTable/Search.vue";
import DetailForm from "./components/detailForm.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: 'placeName', placeholder: "场所名称", showType: "input" },
{ label: "申请单位单位名称", prop: 'applyUnitName', placeholder: "申请单位单位名称", showType: "input" },
{ label: "3D打印材料名称", prop: 'materialName', placeholder: "申请单位单位名称", showType: "input" },
{ label: "所属辖区", prop: 'jurisdiction', placeholder: "分县局", showType: "cascader" },
{
label: "所属部门",
prop: "department",
placeholder: "请选择所属部门",
showType: "department"
},
{
label: "是否关注",
prop: "isFollowed",
placeholder: "请选择是否关注",
showType: "select",
options: [
{ label: "是", value: true },
{ label: "否", value: false }
]
}
]);
const queryFrom = ref({});
const queryFrom = ref({
myNote: false,
myCheck: false,
myApprove: false
});
const pageData = reactive({
tableData: [
{
id: 1,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 2,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 3,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 4,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 5,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
}
],
tableData: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
rowHieght: 61,
showSelectType: "checkbox",
loading: false
},
total: 5,
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 80,
controlsWidth: 300,
tableColumn: [
{ label: "场所名称", prop: "placeName" },
{ label: "3D打印设备序号", prop: "equipmentNo" },
{ label: "3D打印设备品牌型号", prop: "equipmentModelNo" },
{ label: "3D打印材料名称", prop: "materialName" },
{ label: "申请单位单位名称", prop: "applyUnitName" },
{ label: "基础信息", prop: "basicInfo", minWidth: 300 },
{ label: "列控信息", prop: "controlInfo", minWidth: 200 },
{ label: "管控信息", prop: "manageInfo", minWidth: 200 },
{ label: "风险积分", prop: "riskScore", width: 100 },
{ label: "评分项", prop: "scoreItems", minWidth: 150 },
{ label: "最后关注", prop: "lastFollow", width: 120 },
]
});
onMounted(() => {
getList()
getList();
tabHeightFn();
});
//选择类型
const handleType = (val) => {
pageData.keyCount++;
pageData.pageConfiger.pageCurrent = 1;
getList()
}
// 搜索
const onSearch = (val) =>{
queryFrom.value = {...val}
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList()
}
getList();
};
const changeNo = (val) =>{
const changeNo = (val) => {
pageData.pageConfiger.pageNum = val;
getList()
}
const changeSize = (val) =>{
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList()
}
getList();
};
// 获取列表
const getList = (val) =>{
const getList = () => {
// pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
// let url = '/mosty-lzcj/tbDwMbkf/queryList';
// qcckPost(data,url).then(res=>{
// let data = { ...pageData.pageConfiger, ...queryFrom.value };
// API调用示例
// qcckPost(data, '/api/deepExcavation/list').then(res => {
// pageData.tableData = res.records || [];
// pageData.total = res.total;
// pageData.tableConfiger.loading = false;
// }).catch(()=>{ pageData.tableConfiger.loading = false; })
}
// }).catch(() => { pageData.tableConfiger.loading = false; });
};
// 操作按钮处理函数
const handleDetail = (row) => {
detailDiloag.value.init('detail', row);
};
// 详情
const addEdit = (type, row) => {
detailDiloag.value.init(type, row);
};
const handleApprove = (row) => {
detailDiloag.value.init('approve', row);
};
const handleDelete = (row) => {
// 实现删除逻辑
};
const handleBlacklist = (row) => {
// 实现拉黑逻辑
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
@ -190,8 +198,38 @@ const tabHeightFn = () => {
};
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
<style lang="scss" scoped>
.checkbox-group {
display: flex;
gap: 20px;
}
.basic-info {
display: flex;
gap: 15px;
.avatar {
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 4px;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.info-list {
display: flex;
flex-direction: column;
gap: 5px;
}
}
.control-buttons {
display: flex;
gap: 10px;
}
</style>

129
src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/components/detailForm.vue Normal file
View File

@ -0,0 +1,129 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">3D打印业务信息详情</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<el-form :model="listQuery" :label-width="230" label-position="left">
<div class="form-row">
<el-form-item label="业务流水号码">
<el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
</el-form-item>
<el-form-item label="单位名称">
<el-input v-model="listQuery.dwmc" placeholder="老王打印店"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="场所名称">
<el-input v-model="listQuery.csmc" placeholder="老王打印店"/>
</el-form-item>
<el-form-item label="3D打印设备品牌型号">
<el-input v-model="listQuery.sbppxh" placeholder="sa5421321321"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="3D打印设备号码">
<el-input v-model="listQuery.sbhm" placeholder="1002"/>
</el-form-item>
<el-form-item label="3D打印设备数量">
<el-input v-model="listQuery.sbsl" placeholder="5"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="3D打印材料名称">
<el-input v-model="listQuery.clmc" placeholder="塑料"/>
</el-form-item>
<el-form-item label="申请单位单位名称">
<el-input v-model="listQuery.sqdwmc" placeholder="xxxxx单位"/>
</el-form-item>
</div>
</el-form>
</div>
</div>
</template>
<script setup>
import { ref, reactive } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
// 初始化数据
const init = (type, row) => {
dialogForm.value = true;
// 根据type和row初始化表单数据
};
const close = () => {
dialogForm.value = false;
};
defineExpose({init})
</script>
<style lang="scss" scoped>
.dialog {
padding: 20px;
:deep(.el-form-item__label) {
background-color: #F7FAFB;
padding: 0px 8px;
color: #000;
font-weight: 500;
border: 1px solid #E3E7ED;
}
.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;
.el-form-item {
flex: 1;
}
}
.image-group {
display: flex;
gap: 10px;
flex-wrap: wrap;
.image-item {
width: 150px;
height: 150px;
border: 1px solid #dcdfe6;
.el-image {
width: 100%;
height: 100%;
}
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
</style>

281
src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index.vue Normal file
View File

@ -0,0 +1,281 @@
<template>
<div class="statistical-analysis">
<!-- 左侧树形菜单 -->
<ul class="left-menu">
<li class="f20">重点人初步发掘</li>
<li class="left-menu-item" v-for="(it,idx) in btnsList" :key="idx"> {{ it }}</li>
</ul>
<!-- 右侧内容区 -->
<div class="right-content">
<Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
<template #defaultSlot>
<CheckBox :data="checkData" @changeData="changeData"></CheckBox>
</template>
</Search>
<div class="tableCnt mb10 pl10 pr10">
<PageTitle title="发掘内容" style="color:#333">
<el-button type="primary" size="small" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">导入内容</span>
</el-button>
<el-button type="danger" size="small" @click="exportData">
<el-icon style="vertical-align: middle"><Delete /></el-icon>
<span style="vertical-align: middle">删除</span>
</el-button>
</PageTitle>
<div>
<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="danger" @click="deleteRow(row)">删除</el-link>
<el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
</template>
</MyTable>
<div class="ww100 flex just-center mt8"> <el-button type="primary">智能解析</el-button> </div>
</div>
</div>
<div class="tableCnt mb10 pl10 pr10">
<PageTitle title="模型智能识别/LP解析结果" style="color:#333;"></PageTitle>
<div ref="searchBox" class="mb8">
<el-button type="primary" size="small" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">一件布控</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">级别变更</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">警种变更</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">指定分配</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">添加标签</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">协控申请</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">撤控申请</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">移交管控</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">批量导入</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">导出</span>
</el-button>
<el-button type="danger" size="small" @click="exportData">
<el-icon style="vertical-align: middle"><Delete /></el-icon>
<span style="vertical-align: middle">批量删除</span>
</el-button>
</div>
<div>
<MyTable
:tableData="pageData.tableData2"
:tableColumn="pageData.tableColumn2"
:tableHeight="pageData.tableHeight2"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger2"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
<el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
</template>
</MyTable>
<Pages
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight2"
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"
></Pages>
</div>
</div>
</div>
</div>
</template>
<script setup>
import CheckBox from "@/components/checkBox/index.vue";
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 { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
import { Delete } from "@element-plus/icons";
import { fa } from "element-plus/es/locale.mjs";
const searchConfiger = ref([
{ label: "管辖部门", prop: 'department', placeholder: "请选择管辖部门", showType: "select" },
{ label: "是否关注", prop: 'sfgz', showType: "defaultSlot" },
]);
const checkData = reactive({
list: ["是", "否"],
hasChoose: ["是", "否"]
});
const btnsList = ref(['全部','警情','人力情报','线索','民警处置文本','交通事故']);
const searchBox = ref();
const pageData = reactive({
tableData: [
{nrbh:'测试内容',lx:'1',nr:'测试内容'},
{nrbh:'测试内容',lx:'1',nr:'测试内容'},
],
tableData2: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "checkBox",
loading: false
},
tableConfiger2: {
rowHieght: 61,
showSelectType: "checkBox",
loading: false,
showIndex:false
},
tableHeight:230,
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 120,
tableColumn: [
{ label: "内容编号", prop: "nrbh" },
{ label: "类型", prop: "lx" },
{ label: "内容", prop: "nr" },
],
tableColumn2: [
{ label: "积分排名", prop: "nrbh" },
{ label: "照片", prop: "lx" },
{ label: "姓名", prop: "nr" },
{ label: "身份证号", prop: "nr" },
{ label: "居住地址", prop: "nr" },
{ label: "人员类别", prop: "nr" },
{ label: "布控原因", prop: "nr" },
{ label: "风险等级", prop: "nr" },
{ label: "风险积分", prop: "nr" },
{ label: "模型标签", prop: "nr" },
{ label: "是否关注", prop: "nr" },
],
})
// 树形菜单数据
const treeData = ref([
{
label: "林芝市公安局（200）",
children: [
{ label: "工布江达县公安局（100）" },
{ label: "工布江达城区派出所（10）" },
{ label: "某某某派出所（10）" },
{ label: "某某某公安局（100）" }
]
}
]);
const defaultProps = {
children: "children",
label: "label"
};
// 事件处理函数
const handleNodeClick = (data) => {
console.log(data);
};
const handleDateChange = () => {
// 处理日期变化
};
const handleExport = () => {
// 处理导出
};
const tabHeightFn = () => {
pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 690;
window.onresize = function () {
tabHeightFn();
};
};
onMounted(() => {
tabHeightFn()
});
</script>
<style lang="scss" scoped>
.statistical-analysis {
width: 100%;
height: 100%;
.left-menu {
float: left;
width: 280px;
height: calc(100% - 20px);
padding: 20px;
margin-top: 20px;
border-radius: 4px;
background-color: #fff;
border-right: 1px solid #e8e8e8;
color: #333;
line-height: 32px;
text-align: center;
.left-menu-item{
border-bottom: 1px solid #e8e8e8;
&:hover{
color: #409eff;
background: rgba(0,0,0,0.1);
}
}
}
.right-content {
float: left;
width: calc(100% - 290px);
height: 100%;
padding: 0 20px 0 ;
margin-top: 20px;
margin-left: 10px;
border-radius: 4px;
box-sizing: border-box;
.tableCnt{
height: calc((100vh - 253px)/2 );
background: #fff;
border-radius: 4px;
}
}
}
</style>

392
src/views/backOfficeSystem/ExcavationResearch/WarningModel/index.vue
View File

@ -1,197 +1,275 @@
<template>
<div>
<div class="titleBox">
<PageTitle title="重点人员预警模型"/>
<div class="statistical-analysis">
<!-- 左侧树形菜单 -->
<div class="left-menu">
<!-- 这个部分用的是组件-后期替换 -->
<el-tree
:data="treeData"
:props="defaultProps"
@node-click="handleNodeClick"
default-expand-all
/>
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount">
<template #defaultSlot>
<!-- 右侧内容区 -->
<div class="right-content">
<Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount">
<template #defaultSlot>
<CheckBox :data="checkData" @changeData="changeData"></CheckBox>
</template>
</Search>
<div class="tableCnt mb10 pl10 pr10">
<PageTitle title="发掘内容" style="color:#333">
<el-button type="primary" size="small" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">导入内容</span>
</el-button>
<el-button type="danger" size="small" @click="exportData">
<el-icon style="vertical-align: middle"><Delete /></el-icon>
<span style="vertical-align: middle">删除</span>
</el-button>
</PageTitle>
<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>
<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="danger" @click="deleteRow(row)">删除</el-link>
<el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
</template>
</MyTable>
<div class="ww100 flex just-center mt8"> <el-button type="primary">智能解析</el-button> </div>
</div>
</template>
</Search>
</div>
<div class="tableCnt mb10 pl10 pr10">
<PageTitle title="模型智能识别/LP解析结果" style="color:#333;"></PageTitle>
<div ref="searchBox" class="mb8">
<el-button type="primary" size="small" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle">新增</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">一件布控</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">级别变更</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">警种变更</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">指定分配</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">添加标签</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">协控申请</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">撤控申请</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">移交管控</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">批量导入</span>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
<span style="vertical-align: middle">导出</span>
</el-button>
<el-button type="danger" size="small" @click="exportData">
<el-icon style="vertical-align: middle"><Delete /></el-icon>
<span style="vertical-align: middle">批量删除</span>
</el-button>
</div>
<div>
<MyTable
:tableData="pageData.tableData2"
:tableColumn="pageData.tableColumn2"
:tableHeight="pageData.tableHeight2"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger2"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
<!-- 操作 -->
<template #controls="{ row }">
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
<el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
</template>
</MyTable>
<Pages
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight2"
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"
></Pages>
</div>
</div>
</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 #controls="{ row }">
<el-button type="primary" link @click="addEdit('detail', row)">详情</el-button>
</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 CheckBox from "@/components/checkBox/index.vue";
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/detailForm.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(); //搜索框
import { Delete } from "@element-plus/icons";
import { fa } from "element-plus/es/locale.mjs";
const searchConfiger = ref([
{ label: "场所名称", prop: 'placeName', placeholder: "场所名称", showType: "input" },
{ label: "申请单位单位名称", prop: 'applyUnitName', placeholder: "申请单位单位名称", showType: "input" },
{ label: "3D打印材料名称", prop: 'materialName', placeholder: "申请单位单位名称", showType: "input" },
{ label: "所属辖区", prop: 'jurisdiction', placeholder: "分县局", showType: "cascader" },
{ label: "管辖部门", prop: 'department', placeholder: "请选择管辖部门", showType: "select" },
{ label: "是否关注", prop: 'sfgz', showType: "defaultSlot" },
]);
const queryFrom = ref({});
const checkData = reactive({
list: ["是", "否"],
hasChoose: ["是", "否"]
});
const searchBox = ref();
const pageData = reactive({
tableData: [
{
id: 1,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 2,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 3,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 4,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
},
{
id: 5,
placeName: '老王打印店',
equipmentNo: '1002',
equipmentModelNo: 'sa5421321321',
materialName: '塑料',
applyUnitName: 'xxxxx单位'
}
{nrbh:'测试内容',lx:'1',nr:'测试内容'},
{nrbh:'测试内容',lx:'1',nr:'测试内容'},
],
tableData2: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
rowHieght: 61,
showSelectType: "checkBox",
loading: false
},
total: 5,
tableConfiger2: {
rowHieght: 61,
showSelectType: "checkBox",
loading: false,
showIndex:false
},
tableHeight:230,
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 80,
controlsWidth: 120,
tableColumn: [
{ label: "场所名称", prop: "placeName" },
{ label: "3D打印设备序号", prop: "equipmentNo" },
{ label: "3D打印设备品牌型号", prop: "equipmentModelNo" },
{ label: "3D打印材料名称", prop: "materialName" },
{ label: "申请单位单位名称", prop: "applyUnitName" },
]
});
{ label: "身份标签", prop: "nrbh" },
{ label: "行为标签", prop: "lx" },
{ label: "轨迹", prop: "gj" },
{ label: "风险等级", prop: "fxdj" },
{ label: "定义积分", prop: "dyjf" },
{ label: "处置措施", prop: "czcs" },
],
tableColumn2: [
{ label: "积分排名", prop: "nrbh" },
{ label: "基础信息", prop: "lx" },
{ label: "列控信息", prop: "nr" },
{ label: "管控信息", prop: "nr" },
{ label: "风险积分", prop: "nr" },
{ label: "评分项", prop: "nr" },
{ label: "布控原因", prop: "nr" },
{ label: "是否关注", prop: "nr" },
],
})
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 treeData = ref([
{
label: "林芝市公安局（200）",
children: [
{ label: "工布江达县公安局（100）" },
{ label: "工布江达城区派出所（10）" },
{ label: "某某某派出所（10）" },
{ label: "某某某公安局（100）" }
]
}
]);
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 defaultProps = {
children: "children",
label: "label"
};
// 事件处理函数
const handleNodeClick = (data) => {
console.log(data);
};
const handleDateChange = () => {
// 处理日期变化
};
const handleExport = () => {
// 处理导出
};
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 690;
window.onresize = function () {
tabHeightFn();
};
};
onMounted(() => {
tabHeightFn()
});
</script>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
<style lang="scss" scoped>
.statistical-analysis {
width: 100%;
height: 100%;
.left-menu {
float: left;
width: 280px;
height: calc(100% - 20px);
padding: 20px;
margin-top: 20px;
border-radius: 4px;
background-color: #fff;
border-right: 1px solid #e8e8e8;
}
.right-content {
float: left;
width: calc(100% - 290px);
height: 100%;
padding: 0 20px 0 ;
margin-top: 20px;
margin-left: 10px;
border-radius: 4px;
box-sizing: border-box;
.tableCnt{
height: calc((100vh - 253px)/2 );
background: #fff;
border-radius: 4px;
}
}
}
</style>