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:
jy
2025-06-17 20:04:43 +08:00
parent a5c65af987
commit 6dcd327ac9
26 changed files with 2723 additions and 1032 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/components/IntelligentParsing.vue Normal file
View File

@ -0,0 +1,217 @@
<template>
<!-- 弹框 -->
<el-dialog v-model="dialogVisible" title="智能解析数据" width="80vw">
<div style="max-height: 250px; overflow-y: auto; padding-right: 8px">
<div
v-for="(item, index) in tableData"
:key="index"
style="font-weight: 700; font-size: 20px; margin-bottom: 20px"
>
发掘文本{{ index + 1 }}:<span class="text-danger">
{{ item.fjWb }}</span
>
</div>
</div>
<MyTable
:tableData="pageData.dtoList"
:tableColumn="pageData.tableColumn"
:tableHeight="pageData.tableHeight"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
:row-class-name="({ row }) => (row.status ? '' : 'row-deleted')"
>
<!-- 管辖单位 -->
<template #gxDwDm="{ row }">
<el-select
v-model="row.gxDwDm"
placeholder="请选择管辖单位"
style="width: 130px"
@change="handleDeptChange('gxDwMc', $event, row)"
:disabled="!row.status"
>
<el-option
v-for="item in deptList"
:key="item.value"
:label="item.label"
:value="item.value.toString()"
/>
</el-select>
</template>
<!-- 是否关注 -->
<template #sfGz="{ row }">
<el-radio-group v-model="row.sfGz">
<el-radio
v-for="(item, index) in D_BZ_SF"
size="large"
:key="item.value"
:label="item.zdmc || item.label"
:value="item.dm || item.value"
></el-radio>
</el-radio-group>
</template>
<!-- 管辖单位 -->
<template #ryFjZp="{ row }"> 照片上传 </template>
<template
v-for="item in pageData.tableColumn.filter(
(col) => !['gxDwDm', 'sfGz', 'ryFjZp'].includes(col.prop)
)"
#[item.prop]="{ row }"
>
<el-input
style="width: 100px"
v-model="row[item.prop]"
:placeholder="'请输入' + item.label"
:disabled="!row.status"
/>
</template>
<!-- 操作列 -->
<template #controls="{ row, $index }">
<el-link v-if="row.status" type="danger" @click="delDictItem($index)">
删除
</el-link>
<el-link v-else type="primary" @click="recover($index)"> 恢复 </el-link>
</template>
</MyTable>
<div class="stats">
共 {{ pageData.dtoList.length }} 条数据， 其中
{{ pageData.dtoList.filter((x) => !x.status).length }} 条已标记删除
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitData"> 确定 </el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
import MyTable from "@/components/aboutTable/MyTable.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import {
reactive,
ref,
onMounted,
getCurrentInstance,
defineExpose
} from "vue";
import { selectUserDeptPage } from "@/api/user-manage";
import { ElMessage } from "element-plus";
const { proxy } = getCurrentInstance();
const { D_BZ_SF } = proxy.$dict("D_BZ_SF"); //获取字典数据
const props = defineProps({
tableData: {
type: Array,
default: () => []
}
});
const dialogVisible = ref(false);
const pageData = reactive({
dtoList: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "checkBox",
loading: false
},
tableHeight: 500,
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 80,
tableColumn: [
{ label: "管辖单位", prop: "gxDwDm", showSolt: true, width: 200 },
{ label: "姓名", prop: "ryXm", showSolt: true, width: 130 },
{ label: "英文姓名", prop: "ryXmYw", showSolt: true, width: 130 },
{ label: "别名", prop: "ryBm", showSolt: true, width: 130 },
{ label: "网名", prop: "ryWm", showSolt: true, width: 130 },
{ label: "绰号", prop: "ryCh", showSolt: true, width: 130 },
{ label: "手机号码", prop: "rySjhm", showSolt: true, width: 130 },
{ label: "身份证号码", prop: "rySfzh", showSolt: true, width: 130 },
{ label: "户籍地址", prop: "ryHjdz", showSolt: true, width: 130 },
{ label: "护照号码", prop: "ryHzhm", showSolt: true, width: 130 },
{ label: "现住地址", prop: "ryXzdz", showSolt: true, width: 130 },
{ label: "银行卡号", prop: "ryYhkh", showSolt: true, width: 130 },
{ label: "是否关注", prop: "sfGz", showSolt: true, width: 130 },
{ label: "附件照片", prop: "ryFjZp", showSolt: true, width: 130 }
]
});
const deptList = ref([]); //部门列表
onMounted(() => {
getdepartmentList();
});
// 获取部门列表
const getdepartmentList = () => {
selectUserDeptPage().then((res) => {
deptList.value = res?.records.map((item) => ({
label: item.deptName,
value: item.deptId
}));
});
};
const handleDeptChange = (nameField, selectedValue, row) => {
// 找到选中的部门
const selectedDept = deptList.value.find(
(item) => item.value.toString() === selectedValue
);
// 更新名称
row[nameField] = selectedDept ? selectedDept.label : "";
};
const init = () => {
dialogVisible.value = true;
let url = "/mosty-gsxt/tbGsxtRqfjRy/createCbfj";
qcckGet({}, url)
.then((res) => {
console.log(res);
pageData.dtoList = res.map((item) => ({
...item,
status: true
}));
})
.catch(() => {
pageData.tableConfiger.loading = false;
});
};
// 删除方法
const delDictItem = (index) => {
pageData.dtoList[index].status = false;
ElMessage.success("已标记为删除");
};
// 恢复方法
const recover = (index) => {
pageData.dtoList[index].status = true;
ElMessage.success("已恢复");
};
// 提交
const submitData = () => {
const validData = pageData.dtoList.filter((item) => item.status);
qcckPost(validData, "/mosty-gsxt/tbGsxtRqfjRy/saveList")
.then((res) => {
ElMessage.success("新增成功");
dialogVisible.value = false;
emit("onSearch");
close();
})
.catch(() => {});
};
defineExpose({ init });
</script>
<style lang="scss" scoped>
/* 为已删除的行添加特殊样式 */
.el-table .row-deleted {
background-color: #fef0f0;
color: #f56c6c;
}
.text-danger {
font-weight: 500;
}
</style>

149
src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/components/addForm.vue Normal file
View File

@ -0,0 +1,149 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box" style="width: 93%">
<span class="title">{{ title }}重点人管理</span>
<div>
<el-button
type="primary"
size="small"
:loading="loading"
@click="submit"
v-if="title.value !== '详情'"
>保存</el-button
>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="form_cnt">
<FormMessage
v-model="listQuery"
:formList="formData"
ref="elform"
:rules="rules"
>
</FormMessage>
</div>
</div>
</template>
<script setup>
import MyTable from "@/components/aboutTable/MyTable.vue";
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import {
ref,
defineExpose,
reactive,
onMounted,
defineEmits,
getCurrentInstance,
nextTick
} from "vue";
import { selectUserDeptPage } from "@/api/user-manage";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const { D_GS_RQFJ_LX } = proxy.$dict("D_GS_RQFJ_LX"); //获取字典数据
const tagDialog = ref();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "发掘类型", prop: "fjLx", type: "select", options: D_GS_RQFJ_LX },
{ label: "发掘文本", prop: "fjWb", type: "textarea", width: "100%" }
]);
const listQuery = ref({}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const editpeo = ref();
// 初始化数据
const init = (type, row) => {
dialogForm.value = true;
title.value = type == "add" ? "新增" : type == "info" ? "详情" : "编辑";
// 初始化表单数据，并根据详情页设置禁用状态
formData.value = [
{
label: "发掘类型",
prop: "fjLx",
type: "select",
options: D_GS_RQFJ_LX,
disabled: title.value === "详情"
},
{
label: "发掘文本",
prop: "fjWb",
type: "textarea",
width: "100%",
disabled: title.value === "详情"
}
];
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
qcckGet({}, "/mosty-gsxt/tbGsxtRqfjNr/" + id).then((res) => {
listQuery.value = res;
});
};
// 提交
const submit = () => {
elform.value.submit((data) => {
let url =
title.value == "新增"
? "/mosty-gsxt/tbGsxtRqfjNr/save"
: "/mosty-gsxt/tbGsxtRqfjNr/update";
let params = { ...data };
qcckPost(params, url)
.then((res) => {
proxy.$message({ type: "success", message: title.value + "成功" });
emit("onSearch");
close();
})
.catch(() => {});
});
};
// 接收父组件传入的数据并回显
const setFormData = (data) => {
listQuery.value = {
...data // 假设 data 包含所有需要的字段
};
};
// 关闭
const close = () => {
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
// 2. 暴露获取数据的方法
const getFormData = () => {
// 可以在这里添加验证逻辑
return {
formData: listQuery.value
};
};
defineExpose({ init, setFormData });
</script>
<style lang="scss" scoped>
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
::v-deep .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
color: #0072ff;
background: rgba(0, 114, 255, 0.3);
}
.boxlist {
width: 99%;
height: 225px;
margin-top: 10px;
overflow: hidden;
}
</style>

261
src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index.vue
View File

@ -3,20 +3,29 @@
<!-- 左侧树形菜单 -->
<ul class="left-menu">
<li class="f20">重点人初步发掘</li>
<li class="left-menu-item" v-for="(it,idx) in btnsList" :key="idx"> {{ it }}</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">
<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">
<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>
<span style="vertical-align: middle" @click="addEdit('add', '')"
>新增</span
>
</el-button>
<el-button type="primary" size="small" @click="importData">
<el-icon style="vertical-align: middle"><Upload /></el-icon>
@ -35,18 +44,36 @@
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
@chooseData="chooseData"
>
<template #fjLx="{ row }">
<DictTag :tag="false" :value="row.fjLx" :options="D_GS_RQFJ_LX" />
</template>
<!-- 操作 -->
<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>
<el-link size="small" type="success" @click="addEdit('edit', row)"
>编辑</el-link
>
<el-link size="small" type="primary" @click="addEdit('info', row)"
>查看</el-link
>
<el-link size="small" type="danger" @click="deleteRow(row)"
>删除</el-link
>
</template>
</MyTable>
<div class="ww100 flex just-center mt8"> <el-button type="primary">智能解析</el-button> </div>
<div class="ww100 flex just-center mt8">
<el-button type="primary" @click="intelligent()"
>智能解析</el-button
>
</div>
</div>
</div>
<div class="tableCnt mb10 pl10 pr10">
<PageTitle title="模型智能识别/LP解析结果" style="color:#333;"></PageTitle>
<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>
@ -105,11 +132,39 @@
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger2"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData">
@chooseData="chooseData"
>
<template #fxDj="{ row }">
<DictTag
:tag="false"
:value="row.fxDj"
:options="D_GS_RQFJ_FXDJ"
/>
</template>
<template #fxLb="{ row }">
<DictTag
:tag="false"
:value="row.fxLb"
:options="D_GS_RQFJ_FXLB"
/>
</template>
<template #sfGz="{ row }">
<DictTag :tag="false" :value="row.sfGz" :options="D_BZ_SF" />
</template>
<template #sfZbkry="{ row }">
<DictTag :tag="false" :value="row.sfZbkry" :options="D_BZ_SF" />
</template>
<template #sfZzdry="{ row }">
<DictTag :tag="false" :value="row.sfZzdry" :options="D_BZ_SF" />
</template>
<!-- 操作 -->
<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>
<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
@ -118,12 +173,19 @@
:tableHeight="pageData.tableHeight2"
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
total: pageData.total2
}"
></Pages>
</div>
</div>
</div>
<IntelligentParsing
:tableData="pageData.tableData"
ref="IntelligentParsingRef"
/>
<addForm ref="addFormDiloag" @onSearch="onSearch" />
</div>
</template>
@ -133,25 +195,49 @@ 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 addForm from "./components/addForm.vue";
import IntelligentParsing from "./components/IntelligentParsing.vue";
import { ElMessage } from "element-plus";
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 { proxy } = getCurrentInstance();
const { D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } = proxy.$dict(
"D_GS_RQFJ_LX",
"D_GS_RQFJ_FXDJ",
"D_BZ_SF",
"D_GS_RQFJ_FXLB"
); //获取字典数据
const searchConfiger = ref([
{ label: "管辖部门", prop: 'department', placeholder: "请选择管辖部门", showType: "select" },
{ label: "是否关注", prop: 'sfgz', showType: "defaultSlot" },
{
label: "管辖部门",
prop: "department",
placeholder: "请选择管辖部门",
showType: "select"
},
{ label: "是否关注", prop: "sfgz", showType: "defaultSlot" }
]);
const addFormDiloag = ref();
const checkData = reactive({
list: ["是", "否"],
hasChoose: ["是", "否"]
});
const btnsList = ref(['全部','警情','人力情报','线索','民警处置文本','交通事故']);
const btnsList = ref([
"全部",
"警情",
"人力情报",
"线索",
"民警处置文本",
"交通事故"
]);
const IntelligentParsingRef = ref();
const searchBox = ref();
const queryFrom = ref({});
const pageData = reactive({
tableData: [
{nrbh:'测试内容',lx:'1',nr:'测试内容'},
{nrbh:'测试内容',lx:'1',nr:'测试内容'},
],
tableData: [],
tableData2: [],
keyCount: 0,
tableConfiger: {
@ -163,36 +249,41 @@ const pageData = reactive({
rowHieght: 61,
showSelectType: "checkBox",
loading: false,
showIndex:false
showIndex: false
},
tableHeight:230,
tableHeight: 230,
total: 0,
total2: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 120,
controlsWidth: 160,
tableColumn: [
{ label: "内容编号", prop: "nrbh" },
{ label: "类型", prop: "lx" },
{ label: "内容", prop: "nr" },
{ label: "发掘类型", prop: "fjLx", showSolt: true },
{ label: "发掘文本 ", prop: "fjWb" }
],
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" },
],
})
{ label: "姓名", prop: "ryXm" },
{ label: "英文姓名", prop: "ryXmYw" },
{ label: "别名", prop: "ryBm" },
{ label: "网名", prop: "ryWm" },
{ label: "绰号", prop: "ryCh" },
{ label: "手机号码", prop: "rySjhm" },
{ label: "身份证号码", prop: "rySfzh" },
{ label: "户籍地址", prop: "ryHjdz" },
{ label: "护照号码", prop: "ryHzhm" },
{ label: "现住地址", prop: "ryXzdz" },
{ label: "银行卡号", prop: "ryYhkh" },
{ label: "附件照片", prop: "ryFjZp" },
{ label: "管辖单位", prop: "gxDwDm" },
{ label: "风险等级", prop: "fxDj", showSolt: true },
{ label: "风险类别", prop: "fxLb", showSolt: true },
{ label: "是否关注", prop: "sfGz", showSolt: true },
{ label: "是否转布控人员", prop: "sfZbkry", showSolt: true },
{ label: "是否转重点人员", prop: "sfZzdry", showSolt: true }
]
});
// 树形菜单数据
const treeData = ref([
{
@ -211,12 +302,72 @@ const defaultProps = {
label: "label"
};
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val };
pageData.pageConfiger.pageCurrent = 1;
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageCurrent = val;
getModelList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getModelList();
};
// 获取内容列表
const getList = (val) => {
pageData.tableConfiger.loading = true;
let data = { ...queryFrom.value };
let url = "/mosty-gsxt/tbGsxtRqfjNr/selectPage";
qcckGet(data, url)
.then((res) => {
pageData.tableData = res.records || [];
pageData.tableConfiger.loading = false;
})
.catch(() => {
pageData.tableConfiger.loading = false;
});
};
//获取模型识别列表
const getModelList = (val) => {
pageData.tableConfiger2.loading = true;
let data = { ...pageData.pageConfiger };
let url = "/mosty-gsxt/tbGsxtRqfjRy/selectPage";
qcckGet(data, url)
.then((res) => {
pageData.tableData2 = res.records || [];
pageData.total2 = res.total;
pageData.tableConfiger2.loading = false;
})
.catch(() => {
pageData.tableConfiger2.loading = false;
});
};
//新增编辑
const addEdit = (type, row) => {
addFormDiloag.value.init(type, row);
};
const intelligent = () => {
IntelligentParsingRef.value.init();
};
const submitData = () => {
dialogVisible.value = false;
};
// 事件处理函数
const handleNodeClick = (data) => {
console.log(data);
};
//删除操作
const deleteRow = (row) => {
qcckGet({}, "/mosty-gsxt/tbGsxtRqfjNr/closeById/" + row.id)
.then((res) => {
ElMessage.success("删除成功");
getList();
})
.catch(() => {});
};
const handleDateChange = () => {
// 处理日期变化
};
@ -226,14 +377,17 @@ const handleExport = () => {
};
const tabHeightFn = () => {
pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 690;
pageData.tableHeight2 =
window.innerHeight - searchBox.value.offsetHeight - 690;
window.onresize = function () {
tabHeightFn();
};
};
onMounted(() => {
tabHeightFn()
getList();
tabHeightFn();
getModelList();
});
</script>
@ -253,29 +407,28 @@ onMounted(() => {
color: #333;
line-height: 32px;
text-align: center;
.left-menu-item{
.left-menu-item {
border-bottom: 1px solid #e8e8e8;
&:hover{
&:hover {
color: #409eff;
background: rgba(0,0,0,0.1);
background: rgba(0, 0, 0, 0.1);
}
}
}
.right-content {
float: left;
width: calc(100% - 290px);
width: calc(100% - 402px);
height: 100%;
padding: 0 20px 0 ;
padding: 0 20px 0;
margin-top: 20px;
margin-left: 10px;
border-radius: 4px;
box-sizing: border-box;
.tableCnt{
height: calc((100vh - 253px)/2 );
.tableCnt {
height: calc((100vh - 253px) / 2);
background: #fff;
border-radius: 4px;
}
}
}
</style>