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-16 18:33:13 +08:00
parent e2c18bf8df
commit 122208d9cb
8 changed files with 617 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,17 +2,26 @@
<div class="statistical-analysis">
<!-- 左侧树形菜单 -->
<div class="left-menu">
<CheckBox :data="checkData" customClass="all" @changeData="changeData"></CheckBox>
<CheckBox
:data="checkData"
customClass="all"
@changeData="changeData"
></CheckBox>
</div>
<!-- 右侧内容区 -->
<div class="right-content">
<Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
<Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
<div class="tableCnt1 mb10 pl10 pr10">
<PageTitle title="发掘内容" style="color: #333">
<el-button type="primary" size="small" @click="handleData('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle" @click="handleData('add', '')" >新增</span>
<span style="vertical-align: middle" @click="handleData('add', '')"
>新增</span
>
</el-button>
<!-- <el-button type="primary" size="small" @click="showText = true">
<span style="vertical-align: middle">导入内容</span>
</el-button> -->
<el-button type="primary" size="small" @click="isImport = true">
<span style="vertical-align: middle">导入内容</span>
</el-button>
@ -35,9 +44,21 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-link size="small" type="success" @click="handleData('edit', row)">编辑</el-link>
<el-link size="small" type="primary" @click="handleData('info', row)">查看</el-link>
<el-link size="small" type="danger" @click="deleteRow([row.id])">删除</el-link>
<el-link
size="small"
type="success"
@click="handleData('edit', row)"
>编辑</el-link
>
<el-link
size="small"
type="primary"
@click="handleData('info', row)"
>查看</el-link
>
<el-link size="small" type="danger" @click="deleteRow([row.id])"
>删除</el-link
>
</template>
</MyTable>
<div class="ww100 flex just-center mt8">
@ -45,9 +66,20 @@
</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="it == '批量删除' ? 'danger':'primary'" size="small" v-for="it in btnsList" :key="it" @click="chooseType(it)"> {{ it }} </el-button>
<el-button
:type="it == '批量删除' ? 'danger' : 'primary'"
size="small"
v-for="it in btnsList"
:key="it"
@click="chooseType(it)"
>
{{ it }}
</el-button>
</div>
<div>
<MyTable
@ -61,7 +93,9 @@
>
<template #bqList="{ row }">
<div v-if="row.bqList">
<el-tag v-for="(it,idx) in row.bqList" :key="idx">{{ it.bqMc }}、</el-tag>
<el-tag v-for="(it, idx) in row.bqList" :key="idx"
>{{ it.bqMc }}、</el-tag
>
</div>
</template>
<template #fxDj="{ row }">
@ -89,8 +123,15 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-link size="small" type="danger" @click="deleteRowBottom(row.id)">删除</el-link>
<el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
<el-link
size="small"
type="danger"
@click="deleteRowBottom(row.id)"
>删除</el-link
>
<el-link size="small" type="primary" @click="viewDetails(row)"
>查看</el-link
>
</template>
</MyTable>
<Pages
@ -99,20 +140,40 @@
:tableHeight="pageData.tableHeight2"
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total }"></Pages>
total: pageData.total
}"
></Pages>
</div>
</div>
</div>
<!-- 弹窗智能分析 -->
<IntelligentParsing :tableData="pageData.tableData" ref="IntelligentParsingRef" @upadate="getModelList" />
<IntelligentParsing
:tableData="pageData.tableData"
ref="IntelligentParsingRef"
@upadate="getModelList"
/>
<addForm ref="addFormDiloag" @onSearch="onSearch" />
<Model v-model="isShow" :type="chooselx" :ids="ids" @change="getModelList" :dic="{D_GS_RQFJ_FXDJ}"></Model>
<Export :show="isImport" lx="fjnr" @closeImport="isImport = false" @handleImport="getList" />
<Model
v-model="isShow"
:type="chooselx"
:ids="ids"
@change="getModelList"
:dic="{ D_GS_RQFJ_FXDJ }"
></Model>
<Export
:show="isImport"
lx="fjnr"
@closeImport="isImport = false"
@handleImport="getList"
/>
<!-- 文字解析 -->
<TextExtraction v-model="showText"></TextExtraction>
</div>
</template>
<script setup>
import { download } from "@/utils/request";
import TextExtraction from "@/components/TextExtraction/index.vue";
import Export from "@/components/export/index.vue";
import CheckBox from "@/components/checkBox/index.vue";
import PageTitle from "@/components/aboutTable/PageTitle.vue";
@ -123,25 +184,50 @@ import addForm from "./components/addForm.vue";
import Model from "./components/model.vue";
import IntelligentParsing from "./components/IntelligentParsing.vue";
import { ElMessage } from "element-plus";
import { qcckGet ,qcckDelete} from "@/api/qcckApi.js";
import { qcckGet, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const { D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } = proxy.$dict('D_GS_RQFJ_FXDJ',"D_GS_RQFJ_LX","D_GS_RQFJ_FXDJ","D_BZ_SF","D_GS_RQFJ_FXLB"); //获取字典数据
const { D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } = proxy.$dict(
"D_GS_RQFJ_FXDJ",
"D_GS_RQFJ_LX",
"D_GS_RQFJ_FXDJ",
"D_BZ_SF",
"D_GS_RQFJ_FXLB"
); //获取字典数据
const showText = ref(false);
const searchConfiger = ref([
{ label: "管辖部门", prop: "ssbm", placeholder: "请选择管辖部门", showType: "department" },
{ label: "是否关注", prop: "sfgz", placeholder: "请选择是否关注", showType: "select", options:D_BZ_SF },
{
label: "管辖部门",
prop: "ssbm",
placeholder: "请选择管辖部门",
showType: "department"
},
{
label: "是否关注",
prop: "sfgz",
placeholder: "请选择是否关注",
showType: "select",
options: D_BZ_SF
}
]);
const isImport = ref(false)
const isImport = ref(false);
const checkData = reactive({
hasChoose: ["警情"],
list: ["警情","人力情报","线索","民警处置文本", "交通事故"],
list: ["警情", "人力情报", "线索", "民警处置文本", "交通事故"]
});
const btnsList = reactive(['级别变更','警种变更','指定分配','添加标签','导出','批量删除'])
const btnsList = reactive([
"级别变更",
"警种变更",
"指定分配",
"添加标签",
"导出",
"批量删除"
]);
const chooselx = ref('')
const isShow = ref(false)
const idsTop = ref([])
const ids = ref([])
const chooselx = ref("");
const isShow = ref(false);
const idsTop = ref([]);
const ids = ref([]);
const addFormDiloag = ref();
const IntelligentParsingRef = ref();
@ -170,25 +256,55 @@ const pageData = reactive({
controlsWidth: 160,
tableColumn: [
{ label: "发掘类型", prop: "fjLx", showSolt: true },
{ label: "发掘文本 ", prop: "fjWb",showOverflowTooltip:true }
{ label: "发掘文本 ", prop: "fjWb", showOverflowTooltip: true }
],
tableColumn2: [
{ label: "姓名", prop: "ryXm",showOverflowTooltip:true },
{ label: "手机号码", prop: "rySjhm",showOverflowTooltip:true },
{ label: "身份证号码", prop: "rySfzh",showOverflowTooltip:true },
{ label: "户籍地址", prop: "ryHjdz" ,showOverflowTooltip:true},
{ label: "护照号码", prop: "ryHzhm" ,showOverflowTooltip:true},
{ label: "现住地址", prop: "ryXzdz" ,showOverflowTooltip:true},
{ label: "附件照片", prop: "ryFjZp" ,showOverflowTooltip:true},
{ label: "管辖单位", prop: "gxDwDm" ,showOverflowTooltip:true},
{ label: "管控民警", prop: "gxMj" ,showOverflowTooltip:true},
{ label: "责任部门", prop: "ssbm",showOverflowTooltip:true},
{ label: "标签", prop: "bqList",showOverflowTooltip:true, showSolt: true },
{ label: "风险等级", prop: "fxDj",showOverflowTooltip:true, showSolt: true },
{ label: "风险类别", prop: "fxLb",showOverflowTooltip:true, showSolt: true },
{ label: "是否关注", prop: "sfGz",showOverflowTooltip:true, showSolt: true },
{ label: "是否转布控人员", prop: "sfZbkry",showOverflowTooltip:true, showSolt: true },
{ label: "是否转重点人员", prop: "sfZzdry",showOverflowTooltip:true, showSolt: true }
{ label: "姓名", prop: "ryXm", showOverflowTooltip: true },
{ label: "手机号码", prop: "rySjhm", showOverflowTooltip: true },
{ label: "身份证号码", prop: "rySfzh", showOverflowTooltip: true },
{ label: "户籍地址", prop: "ryHjdz", showOverflowTooltip: true },
{ label: "护照号码", prop: "ryHzhm", showOverflowTooltip: true },
{ label: "现住地址", prop: "ryXzdz", showOverflowTooltip: true },
{ label: "附件照片", prop: "ryFjZp", showOverflowTooltip: true },
{ label: "管辖单位", prop: "gxDwDm", showOverflowTooltip: true },
{ label: "管控民警", prop: "gxMj", showOverflowTooltip: true },
{ label: "责任部门", prop: "ssbm", showOverflowTooltip: true },
{
label: "标签",
prop: "bqList",
showOverflowTooltip: true,
showSolt: true
},
{
label: "风险等级",
prop: "fxDj",
showOverflowTooltip: true,
showSolt: true
},
{
label: "风险类别",
prop: "fxLb",
showOverflowTooltip: true,
showSolt: true
},
{
label: "是否关注",
prop: "sfGz",
showOverflowTooltip: true,
showSolt: true
},
{
label: "是否转布控人员",
prop: "sfZbkry",
showOverflowTooltip: true,
showSolt: true
},
{
label: "是否转重点人员",
prop: "sfZzdry",
showOverflowTooltip: true,
showSolt: true
}
]
});
@ -213,26 +329,30 @@ const getList = () => {
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;
});
qcckGet(data, url)
.then((res) => {
pageData.tableData = res.records || [];
pageData.tableConfiger.loading = false;
})
.catch(() => {
pageData.tableConfiger.loading = false;
});
};
//获取模型识别列表
const getModelList = () => {
let data = { ...pageData.pageConfiger };
pageData.tableConfiger0.loading = true;
qcckGet(data, "/mosty-gsxt/tbGsxtRqfjRy/selectPage").then((res) => {
pageData.tableConfiger0.loading = false;
pageData.tableData2 = res.records || [];
pageData.total = res.total;
ids.value = []
}).catch(()=>{
pageData.tableConfiger0.loading = false;
})
qcckGet(data, "/mosty-gsxt/tbGsxtRqfjRy/selectPage")
.then((res) => {
pageData.tableConfiger0.loading = false;
pageData.tableData2 = res.records || [];
pageData.total = res.total;
ids.value = [];
})
.catch(() => {
pageData.tableConfiger0.loading = false;
});
};
//新增- 编辑
const handleData = (type, row) => {
@ -243,64 +363,65 @@ const intelligent = () => {
IntelligentParsingRef.value.init();
};
// 选择数据
const chooseDataTop = (val) =>{
if(Array.isArray(val)) idsTop.value = val.map(item=>item.id);
}
const chooseDataTop = (val) => {
if (Array.isArray(val)) idsTop.value = val.map((item) => item.id);
};
//删除操作
const deleteRow = (ids) => {
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
ids.forEach(id=>{
proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
ids.forEach((id) => {
qcckGet({}, "/mosty-gsxt/tbGsxtRqfjNr/closeById/" + id).then((res) => {
ElMessage.success("删除成功");
getList();
})
})
})
});
});
});
};
const deleteRowBottom = (id) => {
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
qcckDelete({}, "/mosty-gsxt/tbGsxtRqfjRy/" + id).then((res) => {
ElMessage.success("删除成功");
getModelList();
})
})
});
});
};
// 选择数据
const chooseDataBottom = (val) =>{
if(Array.isArray(val)) ids.value = val.map(item=>item.id);
}
const chooseDataBottom = (val) => {
if (Array.isArray(val)) ids.value = val.map((item) => item.id);
};
const chooseType = (val)=>{
const chooseType = (val) => {
chooselx.value = val;
switch(val){
case '级别变更':
case '警种变更':
case '指定分配':
case '添加标签':
if(ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
switch (val) {
case "级别变更":
case "警种变更":
case "指定分配":
case "添加标签":
if (ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
isShow.value = true;
break;
case '导出':
case "导出":
// download("/mosty-api/mosty-gsxt/tbGsxtRqfjRy/exportRyfjFxjg", {"bkBt":"1"},`模型智能识别/LP解析结果_${new Date().getTime()}.xlsx`);
break;
case '批量删除':
if(ids.value.length == 0) return ElMessage.warning("请选择对应删除的数据");
ids.value.forEach(id=>{
case "批量删除":
if (ids.value.length == 0)
return ElMessage.warning("请选择对应删除的数据");
ids.value.forEach((id) => {
deleteRowBottom(id);
})
});
break;
}
}
};
const tabHeightFn = () => {
pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 650;
window.onresize = function () { tabHeightFn(); };
pageData.tableHeight2 =
window.innerHeight - searchBox.value.offsetHeight - 650;
window.onresize = function () {
tabHeightFn();
};
};
onMounted(() => {
@ -325,28 +446,27 @@ onMounted(() => {
border-right: 1px solid #e8e8e8;
color: #333;
line-height: 32px;
::v-deep .checkBox{
::v-deep .checkBox {
flex-direction: column;
.checkall{
.checkall {
margin: 0;
}
}
::v-deep .el-checkbox-group{
::v-deep .el-checkbox-group {
display: flex;
flex-direction: column;
}
::v-deep .is-checked{
::v-deep .is-checked {
background: rgb(242, 249, 255);
margin-bottom: 4px;
}
::v-deep .el-checkbox{
::v-deep .el-checkbox {
padding-left: 8px;
margin-right: 4px;
}
.all{
.all {
width: calc(100% - 4px);
}
}
.right-content {
float: left;
@ -357,7 +477,7 @@ onMounted(() => {
margin-left: 10px;
border-radius: 4px;
box-sizing: border-box;
.tableCnt1{
.tableCnt1 {
height: 290px;
background: #fff;
border-radius: 4px;