This commit is contained in:
lcw
2025-12-27 11:10:31 +08:00
parent 596c9f99e4
commit 3fb06e3847
34 changed files with 1747 additions and 429 deletions

BIN
gsxt.zip Normal file

Binary file not shown.

View File

@ -60,3 +60,36 @@ export const strategicPut = (data, url) => {
data data
}) })
} }
//提交研判申请
export const ypbgSjzlTjspId = (id) => {
return request({
url: api + `/ypbg/sjzl/tjsp/${id}`,
method: "get"
})
}
//ypbg/sjzl/queryShList 查询研判内部审核人员列表
export const ypbgSjzlQueryShList = (params) => {
return request({
url: api + `/ypbg/sjzl/queryShList`,
method: "get",
params
})
}
export const ypbgSjzlYpsp = (data) => {
return request({
url: api + `/ypbg/sjzl/ypsp`,
method: "post",
data
})
}
// 提交研判申请
// / mosty - api / mosty - gsxt / ypbg / sjzl / tjsp / id
// 研判内部审核人员查询列表(市情指领导才有权限)
// /mosty-api/mosty - gsxt / ypbg / sjzl / queryShList
// 内部研判审批
// / mosty - api / mosty - gsxt / ypbg / sjzl / ypsp
// 提交上级部门审批
// / mosty - api / mosty - gsxt / ypbg / sjzl / sendFqzl
// 工作流审批回掉
// / mosty - api / mosty - gsxt / ypbg / sjzl / updateBkgzl

View File

@ -186,3 +186,20 @@ export const xxcjXxzhs = (data) => {
data data
}) })
} }
// 线索研判盯办统计
// 线索总数
export const xxcjQbcjSelectPage = (params) => {
return request({
url: api + `/qbcj/selectPage`,
method: "get",
params
})
}
// 下发总数列表
export const xxcjXfxsSelectPage = (params) => {
return request({
url: api + `/zlxx/selectPage`,
method: "get",
params
})
}

View File

@ -8,22 +8,22 @@
:key="index">{{ item.nodeName }}</el-checkbox> :key="index">{{ item.nodeName }}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</div> </div>
<div> <el-button type="success" :icon="Plus" @click="newAdditions" v-if="optional"/></div> <div> <el-button type="success" :icon="Plus" @click="newAdditions" v-if="optional" /></div>
</div> </div>
<div v-if="optional" class="container-box"> <div v-if="optional" class="container-box">
<!-- <div v-if="flwsNode.flwsUserNode?.role.length == 0"> --> <!-- <div v-if="flwsNode.flwsUserNode?.role.length == 0"> -->
<div class="row" v-for="(item, index) in nodeData" :key="index"> <div class="row" v-for="(item, index) in nodeData" :key="index">
<MOSTY.Department filterable v-model="item.deptId" width="100%" <MOSTY.Department filterable v-model="item.deptId" width="100%"
@getDepValue="(obj) => changePostList(index, obj)" clearable placeholder="请选择所属部门" /> @getDepValue="(obj) => changePostList(index, obj)" clearable placeholder="请选择所属部门" />
<el-select class="select-user" v-model="item.userId" filterable placeholder="选择审批人" <el-select class="select-user" v-model="item.userId" filterable placeholder="选择审批人"
@change="changeUser(index)"> @change="changeUser(index)">
<el-option v-for="item in item.listData" :key="item.id" :label="item.userName" :value="item.id" /> <el-option v-for="item in item.listData" :key="item.id" :label="item.userName" :value="item.id" />
</el-select> </el-select>
<div> <div>
<el-button type="danger" @click="newDelitions(index)">删除</el-button> <el-button type="danger" @click="newDelitions(index)">删除</el-button>
</div> </div>
</div> </div>
<!-- </div> --> <!-- </div> -->
</div> </div>
<div class="container-box" v-else> <div class="container-box" v-else>
<div v-for="(item, index) in userList" :key="item.id"> <div v-for="(item, index) in userList" :key="item.id">
@ -59,7 +59,7 @@
<div v-if="showNode && showModel"> <div v-if="showNode && showModel">
</div> </div>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
@ -246,7 +246,7 @@ const qcckPostList = async () => {
const item = checkListData.value[i].userList[j] const item = checkListData.value[i].userList[j]
if (item.checkList && item.checkList.length > 0) { if (item.checkList && item.checkList.length > 0) {
data[checkListData.value[i].nodeId] = { data[checkListData.value[i].nodeId] = {
users: transformData(checkListData.value[i]) users: transformData(checkListData.value[i])
} }
} else { } else {
listError.push(checkListData.value[i].nodeName) listError.push(checkListData.value[i].nodeName)
@ -341,7 +341,7 @@ const queryModel = async () => {
) )
const orgId = getItem('deptId')[0].fzOrgId const orgId = getItem('deptId')[0].fzOrgId
if (!orgId) { if (!orgId) {
proxy.$message({ type: "error", message: "查询模型失败,请重试" }) proxy.$message({ type: "error", message: "查询模型失败,请重试" })
return return
} }
if (eventNode) { if (eventNode) {
@ -358,7 +358,7 @@ const queryModel = async () => {
loading.value = false loading.value = false
} }
} }
const optional=ref(false) const optional = ref(false)
// 处理事件节点 // 处理事件节点
const handleEventNode = async (eventNode, orgId) => { const handleEventNode = async (eventNode, orgId) => {
const nodeExtension = JSON.parse(eventNode.nodeExtension) const nodeExtension = JSON.parse(eventNode.nodeExtension)
@ -376,13 +376,13 @@ const handleEventNode = async (eventNode, orgId) => {
orgData = await queryListByEntity({ id: orgId }) orgData = await queryListByEntity({ id: orgId })
} else if (nodeExtension.flwsUserNode.orgType == 'parent') { } else if (nodeExtension.flwsUserNode.orgType == 'parent') {
console.log(2); console.log(2);
orgData = await querysingleByEntity({ id: orgId }) orgData = await querysingleByEntity({ id: orgId })
} else if (nodeExtension.flwsUserNode.orgType == 'parents') { } else if (nodeExtension.flwsUserNode.orgType == 'parents') {
console.log(3); console.log(3);
orgData = await queryUporgsByEntity({ id: orgId }) orgData = await queryUporgsByEntity({ id: orgId })
} else if (nodeExtension.flwsUserNode.orgType == 'appoint') { } else if (nodeExtension.flwsUserNode.orgType == 'appoint') {
console.log(4); console.log(4);
// orgData = await queryUporgsByEntity({ orgcode: orgId }) // orgData = await queryUporgsByEntity({ orgcode: orgId })
console.log(orgData); console.log(orgData);
@ -405,7 +405,7 @@ const handleEventNode = async (eventNode, orgId) => {
userList: userRes.rows[0] userList: userRes.rows[0]
}] }]
} else if (nodeExtension.flwsUserNode.orgType == 'optional') { } else if (nodeExtension.flwsUserNode.orgType == 'optional') {
optional.value=true optional.value = true
} else { } else {
const parentids = orgData.rows.map(item => item.parentid) const parentids = orgData.rows.map(item => item.parentid)
@ -514,37 +514,37 @@ const handleNormalNodes = async (resData, sequenceNode, orgId) => {
}) })
} }
function filterUsersWithOrgInfo(orgsData, checkList) { function filterUsersWithOrgInfo(orgsData, checkList) {
const result = []; const result = [];
// 如果没有数据或检查列表为空,返回空数组
if (!orgsData || !Array.isArray(orgsData) || !checkList || checkList.length === 0) {
return result;
}
// 将checkList转换为Set以提高查找效率
const checkSet = new Set(checkList);
// 遍历所有组织
for (const org of orgsData) {
// 检查组织是否有用户数据
if (org.users && Array.isArray(org.users)) {
// 筛选匹配的用户
for (const user of org.users) {
if (checkSet.has(user.userid)) {
// 创建带组织信息的用户对象
const userWithOrgInfo = {
...user, // 保留所有原始用户属性
orgCode: org.code, // 添加组织code
orgName: org.name, // 添加组织name
orgId: org.id // 添加组织id
};
result.push(userWithOrgInfo);
}
}
}
}
// 如果没有数据或检查列表为空,返回空数组
if (!orgsData || !Array.isArray(orgsData) || !checkList || checkList.length === 0) {
return result; return result;
}
// 将checkList转换为Set以提高查找效率
const checkSet = new Set(checkList);
// 遍历所有组织
for (const org of orgsData) {
// 检查组织是否有用户数据
if (org.users && Array.isArray(org.users)) {
// 筛选匹配的用户
for (const user of org.users) {
if (checkSet.has(user.userid)) {
// 创建带组织信息的用户对象
const userWithOrgInfo = {
...user, // 保留所有原始用户属性
orgCode: org.code, // 添加组织code
orgName: org.name, // 添加组织name
orgId: org.id // 添加组织id
};
result.push(userWithOrgInfo);
}
}
}
}
return result;
} }
//发消息 //发消息
const sendMessage = (gzlid) => { const sendMessage = (gzlid) => {
@ -552,11 +552,11 @@ const sendMessage = (gzlid) => {
let userList = [] let userList = []
for (let i = 0; i < checkListData.value.length; i++) { for (let i = 0; i < checkListData.value.length; i++) {
letDataCheck = [...letDataCheck, ...checkListData.value[i].checkList] letDataCheck = [...letDataCheck, ...checkListData.value[i].checkList]
userList.push(checkListData.value[i].userList) userList.push(checkListData.value[i].userList)
} }
const bkshrSfzh = filterUsersWithOrgInfo(userList, letDataCheck).map(item => { const bkshrSfzh = filterUsersWithOrgInfo(userList, letDataCheck).map(item => {
return { return {
bkshrXm: item.username, bkshrXm: item.username,
bkshrSfzh: item.userid, bkshrSfzh: item.userid,
bkshrSsbmmc: item.orgName, bkshrSsbmmc: item.orgName,
@ -586,6 +586,11 @@ const sendMessage = (gzlid) => {
console.log(res); console.log(res);
}) })
break; break;
case 'YPSH':
qcckPost(promes, '/mosty-gsxt/ypbg/sjzl/updateBkgzl').then(res => {
console.log(res);
})
break;
} }
} }
@ -603,7 +608,7 @@ const close = () => {
orgData: {}, orgData: {},
} }
] ]
optional.value=false optional.value = false
emit('update:modelValue', false) emit('update:modelValue', false)
} }
</script> </script>

View File

@ -91,7 +91,6 @@ const qcckGetCount = () => {
} else { } else {
setCookie('JSRSSIONID', res.substring(10, res.length)) setCookie('JSRSSIONID', res.substring(10, res.length))
} }
qcckGetList() qcckGetList()
}) })
} else { qcckGetList() } } else { qcckGetList() }

View File

@ -54,6 +54,12 @@ export const publicRoutes = [
name: "deploymentApproval", name: "deploymentApproval",
component: () => import("@/views/backOfficeSystem/ApprovalInformation/deploycontrol/deploymentApproval.vue"), component: () => import("@/views/backOfficeSystem/ApprovalInformation/deploycontrol/deploymentApproval.vue"),
}, },
// 布控审核信息
{
path: "/information",
name: "information",
component: () => import("@/views/backOfficeSystem/JudgmentHome/internalAuditor/information.vue"),
},
// 线索 // 线索
{ {
path: "/clueVerification", path: "/clueVerification",
@ -320,15 +326,15 @@ export const publicRoutes = [
component: () => import("@/views/backOfficeSystem/HumanIntelligence/ConversionSynthesis/index"), component: () => import("@/views/backOfficeSystem/HumanIntelligence/ConversionSynthesis/index"),
meta: { title: "转合成列表", icon: "article" }, meta: { title: "转合成列表", icon: "article" },
}, },
{ // {
path: "/CollectPoints", // path: "/CollectPoints",
name: "CollectPoints", // name: "CollectPoints",
component: () => import("@/views/backOfficeSystem/HumanIntelligence/CollectPoints/index"), // component: () => import("@/views/backOfficeSystem/HumanIntelligence/CollectPoints/index"),
meta: { // meta: {
title: "采集积分", // title: "采集积分",
icon: "article" // icon: "article"
} // }
}, // },
{ {
path: "/transferConsultationList", path: "/transferConsultationList",
name: "transferConsultationList", name: "transferConsultationList",
@ -532,7 +538,15 @@ export const publicRoutes = [
icon: "article" icon: "article"
} }
}, },
{
path: "/internalAuditor",
name: "internalAuditor",
component: () => import("@/views/backOfficeSystem/JudgmentHome/internalAuditor/index.vue"),
meta: {
title: "内部审核人员",
icon: "article"
}
},
// { // {
// path: "/analysisReport", // path: "/analysisReport",
// name: "AnalysisReport", // name: "AnalysisReport",
@ -680,43 +694,7 @@ export const publicRoutes = [
icon: "article" icon: "article"
} }
}, },
{
path: "/RlStatisticalAnalysis",
name: "RlStatisticalAnalysis",
component: () =>
import(
"@/views/backOfficeSystem/HumanIntelligence/RlStatisticalAnalysis/index"
),
meta: {
title: "上报统计分析",
icon: "article"
}
},
{
path: "/TaskScheduling",
name: "TaskScheduling",
component: () =>
import(
"@/views/backOfficeSystem/HumanIntelligence/TaskScheduling/index"
),
meta: {
title: "上报任务调度",
icon: "article"
}
},
{
path: "/ConstructionManagement",
name: "ConstructionManagement",
component: () =>
import(
"@/views/backOfficeSystem/HumanIntelligence/ConstructionManagement/index"
),
meta: {
title: "力量建设管理",
icon: "article"
}
},
{ {
path: "/JobAppraisal", path: "/JobAppraisal",
name: "JobAppraisal", name: "JobAppraisal",
@ -979,6 +957,42 @@ export const publicRoutes = [
name: "CollectCrculate", name: "CollectCrculate",
component: () => import("@/views/backOfficeSystem/HumanIntelligence/CollectCrculate/index"), component: () => import("@/views/backOfficeSystem/HumanIntelligence/CollectCrculate/index"),
meta: { title: "情报采集", icon: "article" }, meta: { title: "情报采集", icon: "article" },
}, {
path: "/RlStatisticalAnalysis",
name: "RlStatisticalAnalysis",
component: () =>
import(
"@/views/backOfficeSystem/HumanIntelligence/RlStatisticalAnalysis/index"
),
meta: {
title: "上报统计分析",
icon: "article"
}
},
{
path: "/TaskScheduling",
name: "TaskScheduling",
component: () =>
import(
"@/views/backOfficeSystem/HumanIntelligence/TaskScheduling/index"
),
meta: {
title: "上报任务调度",
icon: "article"
}
},
{
path: "/ConstructionManagement",
name: "ConstructionManagement",
component: () =>
import(
"@/views/backOfficeSystem/HumanIntelligence/ConstructionManagement/index"
),
meta: {
title: "力量建设管理",
icon: "article"
}
}, },
// { // {

View File

@ -5,19 +5,24 @@ import { getItem } from '@/utils/storage'
*/ */
const getChildrenRoutes = (routes) => { const getChildrenRoutes = (routes) => {
const result = []; const result = [];
// const { deptBizType, deptLevel } = getItem('deptId')[0] const { deptBizType, deptLevel } = getItem('deptId')[0]
const roleList = getItem('roleList').filter(item => item.roleCode == 'JS_666666').length > 0
console.log(roleList);
console.log(deptBizType, deptLevel);
routes.forEach((route) => { routes.forEach((route) => {
if (route.children && route.children.length > 0) { if (route.children && route.children.length > 0) {
// if (deptBizType == '23') { if (deptBizType == '23' && roleList) {
result.push(...route.children); result.push(...route.children);
// } else { } else {
// if (route.path == '/HumanIntelligence') { // console.log(route.path);
// route.children.splice(0, 1); if (route.path == '/JudgmentHome') {
// result.push(...route.children); route.children.splice(6, 1);
// } else { result.push(...route.children);
// result.push(...route.children); } else {
// } result.push(...route.children);
// } }
}
} }
}); });
return result; return result;

View File

@ -0,0 +1,206 @@
<template>
<div>
<div class="titleBox">
<PageTitle title="内部审核" />
</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">
<template #bglx="{ row }">
<DictTag :tag="false" :value="row.bglx" :options="D_BZ_YPLX" />
</template>
<template #ypfs="{ row }">
<DictTag :tag="false" :value="row.ypfs" :options="D_BZ_YPFS" />
</template>
<template #shzt="{ row }">
<span v-if="row.shzt == '01'">审批中</span>
<span v-if="row.shzt == '02'">已审批</span>
<span v-if="row.shzt == '03'">已驳回</span>
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-link size="small" type="danger" @click="internalAudit(row.id)">内部审批</el-link>
<el-link size="small" type="primary" @click="createProcess(row)">提交上级</el-link>
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"></Pages>
</div>
</div>
<SubmissionProcess v-model="showSp" :data="rowData" :userData="{ ajmc: '研判审核', flowType: 'YPSH', modelName: '研判' }"
:path="fixedValue" @getList="getList" />
<Ypdolog v-model="showYpdolog" :dataList="dataList" @getList="getList" />
</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 { useRoute, useRouter } from 'vue-router'
import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
import { ypbgSjzlQueryShList } from "@/api/huiShangyp/strategicApi.js";
import SubmissionProcess from '@/components/flowPath/submissionProcess.vue'
import Ypdolog from './ypdolog.vue'
const { proxy } = getCurrentInstance();
const { D_BZ_YPFS, D_BZ_YPLX, D_GS_BQ_LX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX", "D_GS_BQ_LX")
const searchBox = ref(); //搜索框
const router = useRouter();
const route = useRoute();
onMounted(() => {
tabHeightFn()
if (route.query.id) {
nextTick(() => {
addForm.value && addForm.value.init('edit', {
id: route.query.id
});
router.replace({ path: '/tacticalResearch' })// 移除id 避免刷新一直带参数
})
}
getList()
});
const searchConfiger = ref([
{ label: "研判议题", prop: 'ypyt', placeholder: "请输入研判议题", showType: "input" },
]);
const pageData = reactive({
tableData: [],
keyCount: 0,
tableConfiger: {
rowHieght: 61,
showSelectType: "null",
loading: false
},
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 240,
tableColumn: [
{ label: "研判议题", prop: "ypyt" },
{ label: "报告类型", prop: "bglx", showSolt: true },
{ label: "审核状态", prop: "shzt", showSolt: true },
{ label: "研判时间", prop: "ypsj" },
{ label: "研判要求", prop: "ypyq" },
{ label: "发起部门", prop: "ssbm" },
{ label: "研判方式", prop: "ypfs", showSolt: true },
]
});
const queryFrom = ref({});
// 搜索
const onSearch = (val) => {
const promes = {
...val,
...pageData.pageConfiger,
}
queryFrom.value = { ...promes }
pageData.pageConfiger.pageCurrent = 1;
getList()
}
const changeNo = (val) => {
pageData.pageConfiger.pageCurrent = val;
getList()
}
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList()
}
// 获取列表
const getList = () => {
pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...queryFrom.value };
ypbgSjzlQueryShList(data).then(res => {
pageData.tableData = res.records || [];
pageData.total = res.total;
pageData.tableConfiger.loading = false;
}).catch(() => { pageData.tableConfiger.loading = false; })
}
// 工作流
const showSp = ref(false);
const rowData = ref()
// 固定值
const fixedValue = {
clueVerification: 'information',
byMeansOf: 'ypbg/sjzl/sendFqzl',
nobyMeansOf: 'ypbg/sjzl/sendFqzl',
recycle: 'ypbg/sjzl/sendFqzl',
}
const createProcess = (row) => {
if (row.shzt == '02') {
showSp.value = true;
rowData.value = row
} else {
proxy.$message({
message: '请先内部审批',
type: 'warning'
})
}
}
// 表格高度计算
const tabHeightFn = () => {
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
window.onresize = function () {
tabHeightFn();
};
};
// 内部审核
const showYpdolog = ref(false)
const dataList = ref({})
const internalAudit = (row) => {
dataList.value = row
showYpdolog.value = true
};
</script>
<style lang="scss" scoped>
.label-pop {
position: relative;
&::before {
position: absolute;
content: '*';
top: 0;
left: -7px;
color: red;
}
}
</style>
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
:v-deep .el-dialog {
width: 90% !important;
}
.zdy-model-dialogs {
/* background-color: rgb(50, 148, 214); */
background: url("~@/assets/images/bg46.png") no-repeat center center;
background-size: 100% 100%;
padding: 8px 10px;
box-sizing: border-box;
pointer-events: auto !important;
height: calc(100% - 50px);
overflow: auto;
}
</style>

View File

@ -0,0 +1,186 @@
<template>
<div class="information-container">
<h2 class="page-title">研判详情</h2>
<div class="info-section">
<div class="info-row">
<div class="info-item">
<span class="label">研判议题</span>
<span class="value">{{ detail.ypyt || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">研判方式</span>
<span class="value">
<DictTag v-if="detail.ypfs && D_BZ_YPFS" :tag="false" :value="detail.ypfs" :options="D_BZ_YPFS" />
<span v-else>暂无</span>
</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">报告类型</span>
<span class="value">
<DictTag v-if="detail.bglx && D_BZ_YPLX" :tag="false" :value="detail.bglx" :options="D_BZ_YPLX" />
<span v-else>暂无</span>
</span>
</div>
<div class="info-item">
<span class="label">研判时间</span>
<span class="value">{{ detail.ypsj || '暂无' }}</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">研判要求</span>
<span class="value">{{ detail.ypyq || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">发起部门</span>
<span class="value">{{ detail.ssbm || '暂无' }}</span>
</div>
</div>
</div>
<!-- 新增数据展示模块 -->
<div class="data-section">
<h3 class="section-title">研判部门详情</h3>
<el-table :data="detail.cyypList" stripe style="width: 100%" border>
<el-table-column prop="ypbmmc" label="研判部门" min-width="150" />
<el-table-column prop="scyq" label="上传要求" min-width="200" />
<el-table-column prop="fj" label="附件" min-width="150" show-overflow-tooltip>
<template #default="scope">
<span v-if="scope.row.fj">
<span v-for="(file, index) in JSON.parse(scope.row.fj)" :key="index">
{{ file.name }}<span v-if="index < JSON.parse(scope.row.fj).length - 1"></span>
</span>
</span>
<span v-else>暂无</span>
</template>
</el-table-column>
<el-table-column prop="wcqk" label="完成情况" min-width="120">
<template #default="scope">
{{ scope.row.wcqk == '01' ? '准备中' : '已完成' }}
</template>
</el-table-column>
<el-table-column prop="wcsj" label="完成时间" min-width="180" />
</el-table>
</div>
</div>
</template>
<script setup>
import DictTag from '@/components/DictTag/index.vue';
import { onMounted ,ref,getCurrentInstance} from 'vue';
import { useRoute } from 'vue-router'
import {sjzlGetInfo} from '@/api/yj'
const props = defineProps({
/** 字典数据 */
dict: {
type: Object,
default: () => ({})
}
});
const route = useRoute();
const { proxy } = getCurrentInstance();
const {D_BZ_YPFS, D_BZ_YPLX}=proxy.$dict("D_BZ_YPFS","D_BZ_YPLX");
const detail=ref({});
// 新增:存储用户提供的研判部门详情数据
const departmentData=ref([
{
"id": "ae9c8db058fc4bc6b18bc98ab6ef0abd",
"sjzlid": "1d538226c8c94577ab3e97f67e7e90bf",
"ypbmdm": "540421000000",
"ypbmmc": "工布江达县",
"scyq": "测试",
"fj": "[{\"id\":null,\"name\":\"app登录接口.txt\"}]",
"wcqk": "02",
"wcsj": "2025-12-26 15:12:29"
},
{
"id": "eef7b85a85784ea4b5211e4330162720",
"sjzlid": "1d538226c8c94577ab3e97f67e7e90bf",
"ypbmdm": "540402000000",
"ypbmmc": "巴宜区",
"scyq": "测试",
"fj": "[{\"id\":null,\"name\":\"Mosty888.csr\"}]",
"wcqk": "02",
"wcsj": "2025-12-26 15:12:29"
}
]);
onMounted(() => {
console.log(route.query.id);
sjzlGetInfo(route.query.id).then(res => {
detail.value=res;
console.log(res);
})
});
// /ypbg/sjzl/{id}
</script>
<style lang="scss" scoped>
.information-container {
width: 100%;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.page-title {
color: #303133;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e8e8e8;
}
.info-section {
width: 100%;
}
.info-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
}
.info-item {
flex: 1;
min-width: 300px;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
}
.label {
font-weight: bold;
color: #606266;
margin-right: 12px;
width: 100px;
text-align: right;
line-height: 32px;
}
.value {
color: #303133;
flex: 1;
line-height: 32px;
word-break: break-word;
}
/* 新增:数据展示模块样式 */
.data-section {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #e8e8e8;
}
.section-title {
color: #303133;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
</style>

View File

@ -0,0 +1,92 @@
<template>
<el-dialog v-model="modelValue" title="内部审核" width="35%" @close="closeDialog" destroy-on-close append-to-body>
<div style="height: 15vh; overflow: auto;">
<el-form ref="ruleFormRef" :rules="rules" :model="form" label-width="auto" style="max-width: 600px">
<el-form-item label="审核状态" prop="shzt">
<el-radio-group v-model="form.shzt">
<el-radio label="02">通过</el-radio>
<el-radio label="03">拒绝</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核意见" prop="shyj">
<el-input v-model="form.shyj" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="closeDialog(ruleFormRef)">取消</el-button>
<el-button type="primary" @click="submitForm(ruleFormRef)">确认 </el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { ref, reactive, getCurrentInstance, watch } from "vue";
import { ypbgSjzlYpsp } from '@/api/huiShangyp/strategicApi.js'
const { proxy } = getCurrentInstance()
const props = defineProps({
modelValue: {
type: Boolean,
default: false
},
dataList: {
type: Object,
default: () => ({})
}
})
const emit = defineEmits(['update:modelValue','getList'])
const closeDialog = (formEl) => {
if (!formEl) return
formEl.resetFields()
emit('update:modelValue', false)
}
const rules = reactive({
shzt: [
{ required: true, message: '请选择审核状态', trigger: 'blur' }
],
shyj: [
{ required: true, message: '请输入审核意见', trigger: 'blur' }
]
})
const ruleFormRef = ref(null)
const form = reactive({
shzt: '',
shyj: ''
})
const submitForm = async (formEl) => {
if (!formEl) return
await formEl.validate((valid, fields) => {
if (valid) {
const promise = {
...form,
ypid: props.dataList
}
ypbgSjzlYpsp(promise).then(res => {
proxy.$message({
message: '操作成功',
type: 'success'
})
emit('getList')
formEl.resetFields()
emit('update:modelValue', false)
})
} else {
console.log('error submit!', fields)
}
})
}
</script>
<style scoped></style>

View File

@ -28,6 +28,7 @@
<!-- 操作 --> <!-- 操作 -->
<template #controls="{ row }"> <template #controls="{ row }">
<!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> --> <!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> -->
<el-link size="small" type="danger" @click="getypbgSjzlTjspId(row.id)" >提交申请</el-link>
<el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link> <el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
<el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link> <el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link>
<el-link size="small" type="success" @click="createMeeting(row)">创建会议</el-link> <el-link size="small" type="success" @click="createMeeting(row)">创建会议</el-link>
@ -56,6 +57,7 @@ import Search from "@/components/aboutTable/Search.vue";
import { useRoute, useRouter } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
import { tacticalGet, strategicDelete } from "@/api/huiShangyp/tacticalApi.js"; import { tacticalGet, strategicDelete } from "@/api/huiShangyp/tacticalApi.js";
import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue"; import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
import {ypbgSjzlTjspId} from "@/api/huiShangyp/strategicApi.js"
import addReport from "./addReport.vue"; import addReport from "./addReport.vue";
import AddForm from "./addForm.vue"; import AddForm from "./addForm.vue";
import addMeeting from "./addMeeting.vue"; import addMeeting from "./addMeeting.vue";
@ -202,7 +204,22 @@ const createMeeting = (row) => {
// currRow.value = { ...row } // currRow.value = { ...row }
// isShowReport.value = true // isShowReport.value = true
} }
// 提交研判
const getypbgSjzlTjspId = (id) => {
proxy.$confirm('确定提交研判申请吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
ypbgSjzlTjspId(id).then((res) => {
proxy.$message.success('提交成功');
getList();
})
}).catch(() => {
proxy.$message.info('已取消提交');
});
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -27,6 +27,7 @@
</template> </template>
<!-- 操作 --> <!-- 操作 -->
<template #controls="{ row }"> <template #controls="{ row }">
<el-link size="small" type="danger" @click="getypbgSjzlTjspId(row.id)" >提交申请</el-link>
<!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> --> <!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> -->
<el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link> <el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
<el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link> <el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link>
@ -54,7 +55,8 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue"; import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue"; import Search from "@/components/aboutTable/Search.vue";
import { useRoute, useRouter } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
import { tacticalGet, strategicDelete } from "@/api/huiShangyp/tacticalApi.js"; import { tacticalGet, strategicDelete, } from "@/api/huiShangyp/tacticalApi.js";
import {ypbgSjzlTjspId} from "@/api/huiShangyp/strategicApi.js"
import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue"; import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
import addReport from "./addReport.vue"; import addReport from "./addReport.vue";
import AddForm from "./addForm.vue"; import AddForm from "./addForm.vue";
@ -202,7 +204,22 @@ const createMeeting = (row) => {
// currRow.value = { ...row } // currRow.value = { ...row }
// isShowReport.value = true // isShowReport.value = true
} }
// 提交研判
const getypbgSjzlTjspId = (id) => {
proxy.$confirm('确定提交研判申请吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
ypbgSjzlTjspId(id).then((res) => {
proxy.$message.success('提交成功');
getList();
})
}).catch(() => {
proxy.$message.info('已取消提交');
});
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -76,22 +76,21 @@ const props = defineProps({
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗 const dialogForm = ref(false); //弹窗
const rules = reactive({ const rules = reactive({
xsMc: [{ required: true, message: "请输入线索名称", trigger: "blur" }], qbmc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
xlLx: [{ required: true, message: "请选择线索类型", trigger: "change" }], qblx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
qbLy: [{ required: true, message: "请选择情报来源", trigger: "change" }],
}); });
const formData = ref([ const formData = ref([
{ prop: "gapdive", type: "slot", width: '100%' }, { prop: "gapdive", type: "slot", width: '100%' },
{ label: "线索名称", prop: "xsMc", type: "input" }, { label: "线索名称", prop: "qbmc", type: "input" },
{ label: "线索类型", prop: "xlLx", type: "select", options: props.dic.D_GS_XS_LX }, { label: "线索类型", prop: "qblx", type: "select", options: props.dic.D_GS_XS_LX },
{ label: "情报来源", prop: "qbLy", type: "select", options: props.dic.D_GS_XS_LY }, // { label: "情报来源", prop: "qbly", type: "select", options: props.dic.D_GS_XS_LY },
{ label: "指向开始时间", prop: "zxkssj", type: "datetime" }, // { label: "指向开始时间", prop: "zxkssj", type: "datetime" },
{ label: "指向结束时间", prop: "zxjssj", type: "datetime" }, // { label: "指向结束时间", prop: "zxjssj", type: "datetime" },
{ label: "指向地点", prop: "zxdz", type: "input" }, { label: "线索地点", prop: "zxdz", type: "input" },
{ label: "所属专题", prop: "sszt", type: "select", options: props.dic.D_BZ_SSZT }, { label: "所属专题", prop: "sszt", type: "select", options: props.dic.D_BZ_SSZT },
{ prop: "gapline", type: "slot", width: '100%' }, { prop: "gapline", type: "slot", width: '100%' },
{ prop: "scfj", type: "slot", width: '100%' }, { prop: "scfj", type: "slot", width: '100%' },
{ label: "线索内容", prop: "xsNr", type: "textarea", width: '100%' }, { label: "线索内容", prop: "xsnr", type: "textarea", width: '100%' },
]); ]);
const fjdz = ref() const fjdz = ref()
const listQuery = ref({}); //表单 const listQuery = ref({}); //表单

View File

@ -25,19 +25,19 @@
:key="pageData.keyCount" :key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger" :tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"> :controlsWidth="pageData.controlsWidth">
<template #xlLx="{row}"> <template #qblx="{row}">
<DictTag :tag="false" :value="row.xlLx" :options="D_GS_XS_LX" /> <DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
</template> </template>
<template #qbLy="{row}"> <template #qbly="{row}">
<DictTag :tag="false" :value="row.qbLy" :options="D_GS_XS_LY" /> <DictTag :tag="false" :value="row.qbly" :options="D_GS_XS_LY" />
</template> </template>
<template #czzt="{row}"> <!-- <template #czzt="{row}">
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" /> <DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
</template> </template> -->
<template #zxkssj="{row}"> <!-- <template #zxkssj="{row}">
<span>{{ row.zxkssj }}</span> <span>{{ row.zxkssj }}</span>
<span>{{ row.zxjssj }}</span> <span>{{ row.zxjssj }}</span>
</template> </template> -->
<template #shzt="{row}"> <template #shzt="{row}">
<!-- 采纳将这条信息推送到情报管理,退回 --> <!-- 采纳将这条信息推送到情报管理,退回 -->
<DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" /> <DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" />
@ -80,7 +80,8 @@
</template> </template>
<el-link size="small" type="danger" @click="addEdit('info', row)">详情</el-link> <el-link size="small" type="danger" @click="addEdit('info', row)">详情</el-link>
<!-- 续报 == 编辑 --> <!-- 续报 == 编辑 -->
<el-link size="small" type="warning" @click="addEdit('edit', row)">续报</el-link> <el-link size="small" type="warning" @click="addEdit('edit', row)">线索下发</el-link>
<!-- <el-link size="small" type="warning" @click="addEdit('edit', row)">续报</el-link> -->
</template> </template>
</MyTable> </MyTable>
<Pages <Pages
@ -119,13 +120,12 @@ const detailDiloag = ref();
const searchBox = ref(); //搜索框 const searchBox = ref(); //搜索框
const isShow = ref(false) const isShow = ref(false)
const searchConfiger = ref([ const searchConfiger = ref([
{ label: "线索名称", prop: 'xsMc', placeholder: "请输入线索名称", showType: "input" }, { label: "线索名称", prop: 'qbmc', placeholder: "请输入线索名称", showType: "input" },
{ label: "内容关键字", prop: 'xsNr', placeholder: "请输入语义关键字", showType: "input" }, { label: "内容关键字", prop: 'qbnr', placeholder: "请输入语义关键字", showType: "input" },
{ label: "线索类型", prop: 'xlLx', placeholder: "请选择线索类型", showType: "select",options:D_GS_XS_LX }, { label: "线索类型", prop: 'qblx', placeholder: "请选择线索类型", showType: "select",options:D_GS_XS_LX },
{ label: "线索来源", prop: 'qbLy', placeholder: "请选择线索来源", showType: "select",options:D_GS_XS_LY }, { label: "线索来源", prop: 'qbly', placeholder: "请选择线索来源", showType: "select",options:D_GS_XS_LY },
{ label: "开始时间", prop: 'kssj', placeholder: "请选择开始时间", showType: "datetime" }, // { label: "开始时间", prop: 'kssj', placeholder: "请选择开始时间", showType: "datetime" },
{ label: "结束时间", prop: 'jssj', placeholder: "请选择结束时间", showType: "datetime" }, // { label: "结束时间", prop: 'jssj', placeholder: "请选择结束时间", showType: "datetime" },
{ label: "指向地点", prop: 'zxdz', placeholder: "请输入指向地点", showType: "input" },
]); ]);
const chooseRow = ref({}) const chooseRow = ref({})
const rules = reactive({ const rules = reactive({
@ -148,14 +148,14 @@ const pageData = reactive({
controlsWidth: 220, controlsWidth: 220,
tableColumn: [ tableColumn: [
{ label: "线索编号", prop: "xsBh" }, { label: "线索编号", prop: "xsBh" },
{ label: "线索名称", prop: "xsMc" }, { label: "线索名称", prop: "qbmc" },
{ label: "线索类型", prop: "xlLx",showSolt:true }, { label: "线索类型", prop: "qblx",showSolt:true },
{ label: "线索来源", prop: "qbLy",showSolt:true }, { label: "线索来源", prop: "qbly",showSolt:true },
{ label: "指向时间", prop: "zxkssj",showSolt:true,showOverflowTooltip:true }, // { label: "指向时间", prop: "zxkssj",showSolt:true,showOverflowTooltip:true },
{ label: "上报时间", prop: "sxsbsj",showOverflowTooltip:true }, { label: "上报时间", prop: "sxsbsj",showOverflowTooltip:true },
{ label: "指向地点", prop: "zxdz" }, { label: "线索地点", prop: "zxdz" },
{ label: "线索内容", prop: "xsNr"}, { label: "线索内容", prop: "qbnr"},
{ label: "处置状态", prop: "czzt",showSolt: true}, // { label: "处置状态", prop: "czzt",showSolt: true},
{ label: "附件", prop: "fjdz", showSolt: true }, { label: "附件", prop: "fjdz", showSolt: true },
{ label: "审核状态", prop: "shzt", showSolt: true }, { label: "审核状态", prop: "shzt", showSolt: true },
] ]

View File

@ -116,7 +116,7 @@ const pageData = reactive({
keyCount: 0, keyCount: 0,
tableConfiger: { tableConfiger: {
rowHieght: 61, rowHieght: 61,
showSelectType: "checkBox", showSelectType: "null",
loading: false, loading: false,
haveControls: true haveControls: true
}, },
@ -129,15 +129,12 @@ const pageData = reactive({
controlsWidth: 300, //操作栏宽度 controlsWidth: 300, //操作栏宽度
tableColumn: [ tableColumn: [
{ label: "预警图片", prop: "yjTp", showSolt: true, width: 100 }, { label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
{ label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
{ label: "处置状态", prop: "czzt", showSolt: true }, { label: "处置状态", prop: "czzt", showSolt: true },
{ label: "预警时间", prop: "yjSj", showOverflowTooltip: true }, { label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
{ label: "姓名", prop: "yjRyxm" }, { label: "标题", prop: "yjBt" },
{ label: "年龄", prop: "nl", showSolt: true, width: 80 }, { label: "内容", prop: "yjNr", showOverflowTooltip: true },
{ label: "数据来源", prop: "yjLylx", showOverflowTooltip: true },
{ label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
// { label: "预警级别", prop: "yjJb", showSolt: true },
// { label: "相似度", prop: "xsd", showSolt: true },
{ label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
] ]
}); });

View File

@ -4,24 +4,30 @@
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search> <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight" <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData" fixed="right"> fixed="right" :expand="true">
<template #qtLb="{ row }"> <template #qtLb="{ row }">
<DictTag :tag="false" :value="row.qtLb" :options="D_GS_ZDQT_LB" /> <DictTag :tag="false" :value="row.qtLb" :options="D_GS_ZDQT_LB" />
</template> </template>
<template #qtFxdj="{ row }"> <template #qtFxdj="{ row }">
<DictTag :tag="false" :value="row.qtFxdj" :options="D_GS_ZDQT_FXDJ" /> <DictTag :tag="false" :value="row.qtFxdj" :options="D_GS_ZDQT_FXDJ" />
</template> </template>
<template #bqList="{ row }"> <!-- <template #bqList="{ row }">
<ul> <ul>
<li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{ <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
item.bqFz || 0 }} ) </li> item.bqFz || 0 }} ) </li>
</ul> </ul>
</template> </template> -->
<template #zdryList="{ row }"> <template #zdryList="{ row }">
<span style="color: #0072ff">{{ row.zdryList ? row.zdryList.length : 0 }}</span> <span style="color: #0072ff">{{ row.zdryList ? row.zdryList.length : 0 }}</span>
</template> </template>
<template #qtZt="{ row }"> <!-- <template #qtZt="{ row }">
<DictTag :tag="false" :value="row.qtZt" :options="D_GS_ZDQT_ZT" /> <DictTag :tag="false" :value="row.qtZt" :options="D_GS_ZDQT_ZT" />
</template> -->
<template #expand="{ props }">
<div class="expand-content" style="max-width: 100%">
<ZdqtItem :row="props" :dict="{D_GS_ZDR_RYJB,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_ZDQT_ZT}" />
</div>
</template> </template>
</MyTable> </MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{ <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@ -45,7 +51,7 @@ import Pages from "@/components/aboutTable/Pages.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js"; import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { ref, reactive, getCurrentInstance, watch } from "vue"; import { ref, reactive, getCurrentInstance, watch } from "vue";
import { useRoute, useRouter } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
import {timeValidate} from '@/utils/tools.js' import ZdqtItem from "./zdqtItem.vue";
const route = useRoute() const route = useRoute()
const router = useRouter() const router = useRouter()
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
@ -100,6 +106,7 @@ const pageData = reactive({
loading: false, loading: false,
rowHieght: 40, rowHieght: 40,
haveControls: false, haveControls: false,
showSelectType:'null'
}, },
controlsWidth: 160, //操作栏宽度 controlsWidth: 160, //操作栏宽度
total: 0, total: 0,
@ -108,20 +115,13 @@ const pageData = reactive({
pageCurrent: 1 pageCurrent: 1
}, //分页 }, //分页
tableColumn: [ tableColumn: [
{ label: "群体名称", prop: "qtMc", width: 150 }, { label: "群体名称", prop: "qtMc" },
{ label: "群体类别", prop: "qtLb", showSolt: true, width: 150 }, { label: "群体类别", prop: "qtLb", showSolt: true },
{ label: "风险等级", prop: "qtFxdj", showSolt: true, width: 150 }, { label: "风险等级", prop: "qtFxdj", showSolt: true},
{ label: "背景资料", prop: "qtBjzl", width: 150 }, { label: "背景资料", prop: "qtBjzl" },
{ label: "背景信息", prop: "bgxx", showSolt: true, width: 150 }, { label: "背景信息", prop: "bgxx", showSolt: true },
{ label: "管辖单位", prop: "gxSsdwmc", width: 150 }, { label: "管辖单位", prop: "gxSsdwmc" },
{ label: "列控原因", prop: "zdrLkyy", width: 150 },
{ label: "开始时间", prop: "zdrRkkssj", width: 150 },
{ label: "截至时间", prop: "zdrRkjssj", width: 150 },
{ label: "稳控人数", prop: "zdryList", showSolt: true, width: 150 },
{ label: "状态", prop: "qtZt", showSolt: true, width: 150 },
{ label: "标签", prop: "bqList", showSolt: true, showOverflowTooltip: true, width: 400 },
{ label: "创建单位", prop: "xtCjbmmc", width: 150 },
{ label: "创建时间", prop: "xtCjsj", width: 150 },
], ],
tableHeight: "42vh", tableHeight: "42vh",
}); });

View File

@ -6,7 +6,7 @@
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search> <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight" <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData"> :expand="true">
<template #bqList="{ row }"> <template #bqList="{ row }">
<ul> <ul>
<li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{ <li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
@ -25,22 +25,18 @@
<template #hjdQh="{ row }"> <template #hjdQh="{ row }">
<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" /> <DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
</template> </template>
<template #zdrRyjb="{ row }">
<DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB" />
</template>
<template #zdrBkZt="{ row }">
<DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" />
</template>
<template #zdrCzzt="{ row }">
<DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
</template>
<template #zdrZt="{ row }"> <template #zdrZt="{ row }">
<DictTag :tag="false" :value="row.zdrZt" :options="D_GS_ZDQT_ZT" /> <DictTag :tag="false" :value="row.zdrZt" :options="D_GS_ZDQT_ZT" />
</template> </template>
<template #xtSjzt="{ row }"> <template #xtSjzt="{ row }">
<div> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div> <div> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
</template> </template>
<template #expand="{ props }">
<div class="expand-content" style="max-width: 100%">
<ZdrItemfrom :row="props" :dict="{D_GS_ZDR_RYJB,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_ZDQT_ZT}" />
</div>
</template>
<!-- 操作 --> <!-- 操作 -->
<template #controls="{ row }"> <template #controls="{ row }">
<el-link size="small" type="success" @click="handleremove(row.id)">移除</el-link> <el-link size="small" type="success" @click="handleremove(row.id)">移除</el-link>
@ -73,7 +69,8 @@ import Pages from "@/components/aboutTable/Pages.vue";
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js"; import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
import { ref, reactive, getCurrentInstance, watch } from "vue"; import { ref, reactive, getCurrentInstance, watch } from "vue";
import { useRoute, useRouter } from 'vue-router' import { useRoute, useRouter } from 'vue-router'
import {timeValidate} from '@/utils/tools.js' import { timeValidate } from '@/utils/tools.js'
import ZdrItemfrom from './zdrItem.vue'
const route = useRoute() const route = useRoute()
const router = useRouter() const router = useRouter()
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
@ -134,6 +131,7 @@ const pageData = reactive({
loading: false, loading: false,
rowHieght: 40, rowHieght: 40,
haveControls: false, haveControls: false,
showSelectType:'null'
}, },
controlsWidth: 160, //操作栏宽度 controlsWidth: 160, //操作栏宽度
total: 0, total: 0,
@ -142,22 +140,13 @@ const pageData = reactive({
pageCurrent: 1 pageCurrent: 1
}, //分页 }, //分页
tableColumn: [ tableColumn: [
{ label: "姓名", prop: "ryXm", width: 150 }, { label: "姓名", prop: "ryXm" },
{ label: "性别", prop: "ryXb", showSolt: true, width: 100 }, { label: "性别", prop: "ryXb", showSolt: true },
{ label: "籍贯", prop: "ryJg", showSolt: true, width: 100 }, { label: "籍贯", prop: "ryJg", showSolt: true},
{ label: "身份证", prop: "rySfzh", width: 200 }, { label: "身份证", prop: "rySfzh" },
{ label: "民族", prop: "ryMz", showSolt: true, width: 100 }, { label: "民族", prop: "ryMz", showSolt: true },
{ label: "户籍地区划", prop: "hjdQh", showSolt: true, width: 150 }, { label: "户籍地区划", prop: "hjdQh", showSolt: true },
{ label: "户籍派出所", prop: "hjdPcsmc", width: 200 }, { label: "户籍派出所", prop: "hjdPcsmc" },
{ label: "户籍地详址", prop: "hjdXz", width: 200 },
{ label: "标签", prop: "bqList", showSolt: true, width: 400, showOverflowTooltip: true },
{ label: "管辖单位", prop: "gxSsbmmc", width: 200 },
{ label: "人员级别", prop: "zdrRyjb", showSolt: true, width: 130 },
{ label: "管控原因", prop: "zdrLkyy", width: 200, showOverflowTooltip: true },
{ label: "管控状态", prop: "zdrBkZt", width: 200, showOverflowTooltip: true },
{ label: "处置状态", prop: "zdrCzzt", showSolt: true },
{ label: "审核状态", prop: "zdrZt", showSolt: true },
{ label: "状态", prop: "xtSjzt", showSolt: true },
], ],
tableHeight: "42vh", tableHeight: "42vh",
}); });
@ -206,4 +195,10 @@ const changeSize = (val) => {
} }
</script> </script>
<style scoped></style> <style scoped>
.expand-content{
max-height: 400px;
overflow: auto;
}
</style>

View File

@ -74,8 +74,8 @@ const props = defineProps({
} }
}) })
const searchConfiger = ref([ const searchConfiger = ref([
{ label: "预警级别", prop: 'yjjbList', placeholder: "请输入姓名", showType: "select", options: D_BZ_YJJB }, { label: "预警级别", prop: 'yjjbList', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB },
{ label: "预警类型", prop: 'yjlxList', placeholder: "请输入身份证号码", showType: "select", options: D_GS_ZDQT_YJLB }, // { label: "预警类型", prop: 'yjlxList', placeholder: "请输入身份证号码", showType: "select", options: D_GS_ZDQT_YJLB },
{ {
label: "上报时间", label: "上报时间",
prop: "startTime", prop: "startTime",
@ -89,6 +89,9 @@ const searchConfiger = ref([
}, },
]); ]);
const emit = defineEmits(['update:modelValue']) const emit = defineEmits(['update:modelValue'])
let today = new Date();
let startOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate());
let endOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59, 999);
const closeDialog = () => { const closeDialog = () => {
emit('update:modelValue', false) emit('update:modelValue', false)
} }
@ -99,6 +102,8 @@ const pageData = reactive({
loading: false, loading: false,
rowHieght: 40, rowHieght: 40,
haveControls: false, haveControls: false,
showSelectType:'null'
}, },
controlsWidth: 160, //操作栏宽度 controlsWidth: 160, //操作栏宽度
total: 0, total: 0,
@ -119,13 +124,13 @@ const pageData = reactive({
{ label: "所属部门", prop: "ssbm" }, { label: "所属部门", prop: "ssbm" },
{ label: "车牌号", prop: "cph" }, { label: "车牌号", prop: "cph" },
], ],
tableHeight: "47vh", tableHeight: "43vh",
}); });
const parameter = ref() const parameter = ref()
const onSearch = (val) => { const onSearch = (val) => {
const promes = { const promes = {
startTime: val.startTime && val.startTime.length > 0 ? val.startTime[0] : '', startTime: val.startTime && val.startTime.length > 0 ? val.startTime[0] : timeValidate(startOfDay),
endTime: val.startTime && val.startTime.length > 0 ? val.startTime[1] : '', endTime: val.startTime && val.startTime.length > 0 ? val.startTime[1] :timeValidate(endOfDay),
} }
parameter.value = { ...val, ...promes } parameter.value = { ...val, ...promes }
pageData.pageConfiger.pageCurrent = 1; pageData.pageConfiger.pageCurrent = 1;
@ -134,9 +139,6 @@ const onSearch = (val) => {
watch(() => props.modelValue, (val) => { watch(() => props.modelValue, (val) => {
if (val) { if (val) {
// 获取今天的开始时间和结束时间 // 获取今天的开始时间和结束时间
let today = new Date();
let startOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate());
let endOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59, 999);
parameter.value = {startTime:timeValidate(startOfDay), endTime:timeValidate(endOfDay)} parameter.value = {startTime:timeValidate(startOfDay), endTime:timeValidate(endOfDay)}
changePage() changePage()
} }
@ -148,7 +150,7 @@ pageData.tableConfiger.loading = true;
const promes = { const promes = {
...parameter.value, ...parameter.value,
yjjbList:parameter.value.yjjbList? [parameter.value.yjjbList] : [], yjjbList:parameter.value.yjjbList? [parameter.value.yjjbList] : [],
yjlxList: parameter.value.yjlxList? [parameter.value.yjlxList] : [], yjlxList: ['01'],
pageCurrent: pageData.pageConfiger.pageCurrent, pageCurrent: pageData.pageConfiger.pageCurrent,
pageSize: pageData.pageConfiger.pageSize pageSize: pageData.pageConfiger.pageSize
} }

View File

@ -0,0 +1,138 @@
<template>
<el-dialog v-model="modelValue" :title="title" width="70%" @close="closeDialog" destroy-on-close append-to-body>
<div style="height: 60vh; overflow: auto;">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
<MyTable
:tableData="pageData.tableData"
:tableColumn="pageData.tableColumn"
:tableHeight="pageData.tableHeight"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
>
<template #zllx="{row}">
<DictTag :tag="false" :value="row.zllx" :options="D_GS_XS_ZLLX" />
</template>
<template #zldj="{row}">
<DictTag :tag="false" :value="row.zldj" :options="D_GS_ZDQT_FXDJ" />
</template>
<template #czzt="{row}">
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
</template>
</MyTable>
<Pages
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight"
:pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"
></Pages>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="closeDialog">取消</el-button>
<el-button type="primary" @click="closeDialog">确认 </el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
import MyTable from "@/components/aboutTable/MyTable.vue";
import Search from "@/components/aboutTable/Search.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import { xxcjXfxsSelectPage } from "@/api/xxcj.js"
import { ref, reactive, getCurrentInstance, watch } from "vue";
const { proxy } = getCurrentInstance()
const {D_GS_XS_SJLY,D_GS_XS_ZLLX,D_GS_ZDQT_FXDJ,D_GS_XS_CZZT} = proxy.$dict('D_GS_XS_SJLY','D_GS_XS_ZLLX','D_GS_ZDQT_FXDJ','D_GS_XS_CZZT')
const props = defineProps({
modelValue: {
type: Boolean,
default: false
},
dict: {
type: Object,
default: () => ({})
},title: {
default: "下发总数",
type: String
}
})
const searchConfiger = ref([
{ label: "指令标题", prop: 'zlbt', placeholder: "请输入指令标题", showType: "input" },
{ label: "指令类型", prop: 'zllx', placeholder: "请选择指令类型", showType: "select",options:D_GS_XS_ZLLX },
{ label: "指令等级", prop: 'zldj', placeholder: "请选择指令等级", showType: "select" ,options:D_GS_ZDQT_FXDJ},
{ label: "处置状态", prop: 'czzt', placeholder: "请选择处置状态", showType: "select" ,options:D_GS_XS_CZZT},
]);
const emit = defineEmits(['update:modelValue'])
const closeDialog = () => {
emit('update:modelValue', false)
}
const pageData = reactive({
tableData: [],
keyCount: 0,
tableConfiger: {
loading: false,
rowHieght: 40,
haveControls: false,
},
controlsWidth: 160, //操作栏宽度
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
}, //分页
tableColumn: [
{ label: '指令标题', prop: 'zlbt' },
{ label: '指令类型', prop: 'zllx',showSolt:true },
{ label: '指令等级', prop: 'zldj',showSolt:true },
{ label: '反馈截止时间', prop: 'jssj' },
{ label: '处置状态', prop: 'czzt',showSolt:true },
],
tableHeight: "43vh",
});
const parameter = ref()
const onSearch = (val) => {
parameter.value = { ...val }
pageData.pageConfiger.pageCurrent = 1;
changePage()
}
watch(() => props.modelValue, (val) => {
if (val) {
changePage()
}
})
const changePage = () => {
pageData.tableConfiger.loading = true;
const promes = {
...parameter.value,
pageCurrent: pageData.pageConfiger.pageCurrent,
pageSize: pageData.pageConfiger.pageSize
}
xxcjXfxsSelectPage(promes).then((res) => {
pageData.total = res.total || 0;
pageData.tableConfiger.loading = false;
pageData.tableData = res.records
}).catch(() => {
pageData.tableConfiger.loading = false;
})
}
const changeNo = (val) => {
pageData.pageConfiger.pageCurrent = val;
changePage()
}
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
changePage()
}
</script>
<style scoped></style>

View File

@ -0,0 +1,129 @@
<template>
<el-dialog v-model="modelValue" title="线索总数" width="70%" @close="closeDialog" destroy-on-close append-to-body>
<div style="height: 60vh; overflow: auto;">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
<template #qblx="{row}">
<DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
</template>
<template #qbly="{row}">
<DictTag :tag="false" :value="row.qbly" :options="D_GS_XS_LY" />
</template>
<!-- <template #czzt="{row}">
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
</template> -->
<template #shzt="{row}">
<!-- 采纳将这条信息推送到情报管理,退回 -->
<DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" />
</template>
</MyTable>
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
...pageData.pageConfiger,
total: pageData.total
}"></Pages>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="closeDialog">取消</el-button>
<el-button type="primary" @click="closeDialog">确认 </el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
import MyTable from "@/components/aboutTable/MyTable.vue";
import Search from "@/components/aboutTable/Search.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import { xxcjQbcjSelectPage, xxcjXfxsSelectPage } from "@/api/xxcj.js"
import { ref, reactive, getCurrentInstance, watch } from "vue";
const { proxy } = getCurrentInstance()
const {D_GS_XS_CZZT,D_GS_XS_LY, D_GS_XS_LX ,D_BZ_XSSHZT} = proxy.$dict("D_GS_XS_CZZT","D_GS_XS_LY","D_GS_XS_LX","D_BZ_XSSHZT"); //获取字典数据
const props = defineProps({
modelValue: {
type: Boolean,
default: false
},
dict: {
type: Object,
default: () => ({})
},
})
const searchConfiger = ref([
{ label: "线索名称", prop: 'qbmc', placeholder: "请输入线索名称", showType: "input" },
{ label: "内容关键字", prop: 'qbnr', placeholder: "请输入语义关键字", showType: "input" },
{ label: "线索类型", prop: 'qblx', placeholder: "请选择线索类型", showType: "select",options:D_GS_XS_LX },
{ label: "线索来源", prop: 'qbly', placeholder: "请选择线索来源", showType: "select",options:D_GS_XS_LY },
]);
const emit = defineEmits(['update:modelValue'])
const closeDialog = () => {
emit('update:modelValue', false)
}
const pageData = reactive({
tableData: [],
keyCount: 0,
tableConfiger: {
loading: false,
rowHieght: 40,
haveControls: false,
},
controlsWidth: 160, //操作栏宽度
total: 0,
pageConfiger: {
pageSize: 20,
pageCurrent: 1
}, //分页
tableColumn: [
{ label: "线索编号", prop: "xsBh" },
{ label: "线索名称", prop: "qbmc" },
{ label: "线索类型", prop: "qblx",showSolt:true },
{ label: "线索来源", prop: "qbly",showSolt:true },
{ label: "上报时间", prop: "sxsbsj",showOverflowTooltip:true },
{ label: "线索内容", prop: "qbnr"},
// { label: "处置状态", prop: "czzt",showSolt: true},
{ label: "附件", prop: "fjdz", showSolt: true },
{ label: "审核状态", prop: "shzt", showSolt: true },
],
tableHeight: "43vh",
});
const parameter = ref()
const onSearch = (val) => {
parameter.value = { ...val}
pageData.pageConfiger.pageCurrent = 1;
changePage()
}
watch(() => props.modelValue, (val) => {
if (val) {
changePage()
}
})
const changePage = () => {
pageData.tableConfiger.loading = true;
const promes = {
...parameter.value,
pageCurrent: pageData.pageConfiger.pageCurrent,
pageSize: pageData.pageConfiger.pageSize
}
xxcjQbcjSelectPage(promes).then((res) => {
pageData.total = res.total || 0;
pageData.tableConfiger.loading = false;
pageData.tableData = res.records
}).catch(() => {
pageData.tableConfiger.loading = false;
})
}
const changeNo = (val) => {
pageData.pageConfiger.pageCurrent = val;
changePage()
}
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
changePage()
}
</script>
<style scoped></style>

View File

@ -0,0 +1,194 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">重点群体信息</el-divider>
<div class="info-container">
<div class="info-row">
<div class="info-item">
<span class="label">户籍地详址</span>
<span class="value">{{ row.hjdXz || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">管辖单位</span>
<span class="value">{{ row.gxSsbmmc || '暂无' }}</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">人员级别</span>
<span class="value">
<DictTag v-if="row.zdrRyjb" :tag="false" :value="row.zdrRyjb" :options="dict.D_GS_ZDR_RYJB" />
<span v-else>暂无</span>
</span>
</div>
<div class="info-item">
<span class="label">列控原因</span>
<span class="value">{{ row.zdrLkyy || '暂无' }}</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">开始时间</span>
<span class="value">{{ row.zdrRkkssj || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">截至时间</span>
<span class="value">{{ row.zdrRkjssj || '暂无' }}</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">稳控人数</span>
<span class="value">{{ row.zdryList?.length || 0 }}</span>
</div>
<div class="info-item">
<span class="label">状态</span>
<span class="value">
<DictTag v-if="row.qtZt" :tag="false" :value="row.qtZt" :options="dict.D_GS_ZDR_CZZT" />
<span v-else>暂无</span>
</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">管控状态</span>
<span class="value">
<DictTag v-if="row.zdrBkZt" :tag="false" :value="row.zdrBkZt" :options="dict.D_GS_ZDR_BK_ZT" />
<span v-else>暂无</span>
</span>
</div>
<div class="info-item">
<span class="label">处置状态</span>
<span class="value">
<DictTag v-if="row.zdrCzzt" :tag="false" :value="row.zdrCzzt" :options="dict.D_GS_ZDR_CZZT" />
<span v-else>暂无</span>
</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">审核状态</span>
<span class="value">
<DictTag v-if="row.zdrZt" :tag="false" :value="row.zdrZt" :options="dict.D_GS_ZDQT_ZT" />
<span v-else>暂无</span>
</span>
</div>
<div class="info-item">
<span class="label">系统状态</span>
<span class="value">
<div v-if="row.xtSjzt"> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
<span v-else>暂无</span>
</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">创建单位</span>
<span class="value">{{ row.xtCjbmmc || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">创建时间</span>
<span class="value">{{ row.xtCjsj || '暂无' }}</span>
</div>
</div>
<div class="info-row">
<div class="info-item full-width">
<span class="label">标签</span>
<span class="value tag-container">
<ul v-if="row.bqList" style="margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px;">
<li class="" :key="index" v-for="(item, index) in row.bqList" style="white-space: normal; word-break: break-all; flex: 0 0 auto;">
{{ item.bqMc }}({{item.bqFz || 0 }} ) <span v-if="index < row.bqList.length - 1"></span>
</li>
</ul>
<span v-else>暂无</span>
</span>
</div>
</div>
</div>
</div>
</template>
<script setup>
const props = defineProps({
/** 表格行数据 */
row: {
type: Object,
default: () => ({})
},
dict: {
type: Object,
default: () => ({
D_GS_SSYJ: [],
D_GSXT_YJXX_CZZT: []
})
},
})
</script>
<style lang="scss" scoped>
.warning-item {
width: 100%;
padding: 15px;
border-radius: 8px;
background-color: #fafafa;
}
// 新增的信息展示样式
.info-container {
margin-bottom: 15px;
}
.info-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.info-item {
flex: 1;
min-width: 300px;
margin-bottom: 8px;
display: flex;
// align-items: center;
}
.info-item.full-width {
flex-basis: 100%;
min-width: 100%;
}
.label {
font-weight: bold;
color: #606266;
margin-right: 8px;
width: 100px;
text-align: right;
}
.value {
color: #303133;
flex: 1;
word-break: break-word;
}
.item-row{
border-bottom: 1px dashed #e8e8e8;
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.info-item{
line-height: 36px;
width: 100%;
.text{
display: inline-block;
width: 25%;
margin-right: 10px;
}
}
</style>

View File

@ -0,0 +1,157 @@
<template>
<div class="warning-item" >
<el-divider content-position="left">重点人员信息</el-divider>
<div class="info-container">
<div class="info-row">
<div class="info-item">
<span class="label">户籍地详址</span>
<span class="value">{{ row.hjdXz || '暂无' }}</span>
</div>
<div class="info-item">
<span class="label">管辖单位</span>
<span class="value">{{ row.gxSsbmmc || '暂无' }}</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">人员级别</span>
<span class="value">
<DictTag v-if="row.zdrRyjb" :tag="false" :value="row.zdrRyjb" :options="dict.D_GS_ZDR_RYJB" />
<span v-else>暂无</span>
</span>
</div>
<div class="info-item">
<span class="label">管控原因</span>
<span class="value">{{ row.zdrLkyy || '暂无' }}</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">管控状态</span>
<span class="value">
<DictTag v-if="row.zdrBkZt" :tag="false" :value="row.zdrBkZt" :options="dict.D_GS_ZDR_BK_ZT" />
<span v-else>暂无</span>
</span>
</div>
<div class="info-item">
<span class="label">处置状态</span>
<span class="value">
<DictTag v-if="row.zdrCzzt" :tag="false" :value="row.zdrCzzt" :options="dict.D_GS_ZDR_CZZT" />
<span v-else>暂无</span>
</span>
</div>
</div>
<div class="info-row">
<div class="info-item">
<span class="label">审核状态</span>
<span class="value">
<DictTag v-if="row.zdrZt" :tag="false" :value="row.zdrZt" :options="dict.D_GS_ZDQT_ZT" />
<span v-else>暂无</span>
</span>
</div>
<div class="info-item">
<span class="label">系统状态</span>
<span class="value">
<div v-if="row.xtSjzt"> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
<span v-else>暂无</span>
</span>
</div>
</div>
<div class="info-row">
<div class="info-item full-width">
<span class="label">标签</span>
<span class="value">
<ul v-if="row.bqList" style="display: flex;" >
<li :key="index" v-for="(item, index) in row.bqList">
{{ item.bqMc }}({{item.bqFz || 0 }} ) <span v-if="index < row.bqList.length - 1"></span>
</li>
</ul>
<span v-else>暂无</span>
</span>
</div>
</div>
</div>
</div>
</template>
<script setup>
const props = defineProps({
/** 表格行数据 */
row: {
type: Object,
default: () => ({})
},
dict: {
type: Object,
default: () => ({
D_GS_SSYJ: [],
D_GSXT_YJXX_CZZT: []
})
},
})
</script>
<style lang="scss" scoped>
.warning-item {
width: 100%;
padding: 15px;
border-radius: 8px;
background-color: #fafafa;
}
// 新增的信息展示样式
.info-container {
margin-bottom: 15px;
}
.info-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.info-item {
flex: 1;
min-width: 300px;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.info-item.full-width {
flex-basis: 100%;
min-width: 100%;
}
.label {
font-weight: bold;
color: #606266;
margin-right: 8px;
width: 100px;
text-align: right;
}
.value {
color: #303133;
flex: 1;
word-break: break-word;
}
.item-row{
border-bottom: 1px dashed #e8e8e8;
line-height: 36px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.info-item{
line-height: 36px;
width: 100%;
.text{
display: inline-block;
width: 25%;
margin-right: 10px;
}
}
</style>

View File

@ -3,157 +3,146 @@
</template> </template>
<script setup> <script setup>
import * as echarts from "echarts"; import * as echarts from "echarts";
import { defineProps, watch, nextTick } from "vue"; import { onMounted, ref, reactive, defineProps, onUnmounted, watch, nextTick } from "vue";
const props = defineProps({ const props = defineProps({
echartsId:{ echartsId:{
type:String, type:String,
default:'lineId' default:'3DbarId'
}, },
data:{ data:{
type:Object, type:Array,
default:{ default:[]
list:[],
colors:[],
topColor:'#1bd6c2'
}
} }
}); });
watch(()=>props.data,val=>{
nextTick(()=>{ haandleData(val) })
},{immediate:true,deep:true})
const haandleData = (data)=>{ // 保存echarts实例
let val = [],x_value=[] const myChart = ref(null);
let color = data.colors;
let topColor = data.topColor;
data.list.forEach(item=>{
val.push(item.val);
x_value.push(item.label);
})
chartFn(val,x_value,color,topColor)
}
function chartFn(val,x_value,color,topColor) { // 定义resize处理函数
var myChart = echarts.init(document.getElementById(props.echartsId)); const handleResize = () => {
const sideData1 = val//[100, 110, 120, 134, 190, 230]; if (myChart.value) {
const name = ''; //"销量"; myChart.value.resize();
var x_value = x_value;//['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }
var option = { };
tooltip: { trigger: 'axis' },
legend: { function chartFn() {
show: false, // 如果已有实例,先销毁
}, if (myChart.value) {
myChart.value.dispose();
}
// 创建新实例
myChart.value = echarts.init(document.getElementById(props.echartsId));
// 处理数据
const sideData1 = props.data.map(v => {
return {
value: v.value * 1.2,
itemStyle: {
color: v.color || '#1bd6c2'
}
};
});
const topData1 = props.data.map(v => {
return {
value: v.value + 0.1,
itemStyle: {
color: v.color || '#1bd6c2'
}
};
});
const option = {
grid: { grid: {
top:"30px", top: '8%',
left:"5px", left: '2%',
right:"0px", right: '2%',
bottom:"10%", bottom: '12%',
containLabel: true containLabel: true
}, },
toolbox: { tooltip: {
show: true, trigger: 'axis',
axisPointer: {
lineStyle: {
color: '#ddd'
}
},
backgroundColor: 'rgba(255,255,255,1)',
padding: [5, 10],
textStyle: {
color: '#7588E4'
},
extraCssText: 'box-shadow: 0 0 5px rgba(0,0,0,0.3)'
}, },
calculable: true, xAxis: {
xAxis: [ type: 'category',
{ data: props.data.map(v => v.label),
type: 'category', axisTick: {
splitLine: { show: false
show: false },
}, axisLine: {
data: x_value, show: false
axisLabel: { },
show: true, axisLabel: {
textStyle: { show: true,
color: "#fff" //X轴文字颜色 color: '#fff',
}, interval: 0
},
} }
], },
yAxis: [ yAxis: {
{ type: 'value',
name:'', splitLine: {
nameTextStyle: { color: "#fff" }, show: true,
type: 'value', lineStyle: {
splitLine: { show: false }, type: 'dashed',
axisLabel: { color: 'rgba(14,95,255,0.5)'
show: true, }
textStyle: { },
color: "#FFF" //X轴文字颜色 axisTick: {
}, show: false
}, },
axisLine: {
show: false
},
axisLabel: {
color: '#fff'
} }
], },
series: [ series: [
{ {
name: name,
tooltip: { show: false },
type: 'bar', type: 'bar',
barWidth: 12, data: props.data.map(v => v.value),
barWidth: '22', // 柱子的宽度
z: 1,
itemStyle: { itemStyle: {
normal: { color: '#004056' // 底部柱子的颜色
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0,
color: color ? color[0] : '#28EEBF'// 0% 处的颜色
}, {
offset: 1,
color: color ? color[1] : '#0DBAC5', // 100% 处的颜色
}], false)
}
},
data: sideData1,
barGap: 0,
label: {
show: true,
position: 'top',
distance: 10,
textStyle: {
color: '#0EBBC5',
fontSize: 14,
fontWeight: 'bold',
},
formatter: '{c}'
} }
}, },
{ {
name: name,
type: 'bar', type: 'bar',
barWidth: 12,
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0,
color: color ? color[0] : '#28EEBF'// 0% 处的颜色
}, {
offset: 1,
color: color ? color[1] : '#0DBAC5', // 100% 处的颜色
}], false)
}
},
barGap: 0,
data: sideData1, data: sideData1,
label: { barWidth: '22', // 柱子的宽度
show: false, z: 2,
position: 'top', itemStyle: {
textStyle: { color: function(params) {
color: 'white', return params.data.itemStyle.color || '#1bd6c2';
fontSize: 10
} }
} }
}, },
{ {
name: name, type: 'scatter',
tooltip: { data: topData1,
show: false
},
type: 'pictorialBar',
itemStyle: { itemStyle: {
borderWidth: 1, borderWidth: 1,
borderColor: '#fff', borderColor: '#fff',
color: topColor || '#1bd6c2' // 顶部方块的颜色 color: function(params) {
return params.data.itemStyle.color || '#1bd6c2';
}
}, },
symbol: 'path://M 0,0 l 90,0 l -60,60 l -90,0 z', symbol: 'path://M 0,0 l 90,0 l -60,60 l -90,0 z',
symbolSize: ['22', '12'], // 第一个值控制顶部方形大小 symbolSize: ['22', '12'],
symbolOffset: ['-0', '-6'], // 控制顶部放行 左右和上下 symbolOffset: ['-0', '-6'],
symbolRotate: -30, symbolRotate: -30,
symbolPosition: 'end', symbolPosition: 'end',
barGap: 0, barGap: 0,
@ -162,11 +151,29 @@ function chartFn(val,x_value,color,topColor) {
} }
] ]
}; };
option && myChart.setOption(option);
window.addEventListener('resize',function(){ option && myChart.value.setOption(option);
myChart.resize();
})
} }
// 监听数据变化
watch(() => props.data, val => {
nextTick(() => { chartFn() })
}, { immediate: true, deep: true })
// 组件挂载时初始化图表并添加事件监听
onMounted(() => {
chartFn();
window.addEventListener('resize', handleResize);
});
// 组件卸载时清理资源
onUnmounted(() => {
if (myChart.value) {
myChart.value.dispose();
myChart.value = null;
}
window.removeEventListener('resize', handleResize);
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -7,30 +7,42 @@ import { onMounted, ref, reactive, defineProps, onUnmounted, watch, nextTick } f
const props = defineProps({ const props = defineProps({
echartsId:{ echartsId:{
type:String, type:String,
default:'lineId' default:'barId'
}, },
data:{ color:{
type:Object, type:String,
default:{ default:'#fff'
list:[], },
colors:[] data:{
} type:Array,
default:[]
} }
}); });
watch(()=>props.data,val=>{
nextTick(()=>{ // 保存echarts实例
chartFn() const myChart = ref(null);
})
},{immediate:true,deep:true}) // 定义resize处理函数
const handleResize = () => {
if (myChart.value) {
myChart.value.resize();
}
};
function chartFn() { function chartFn() {
var myChart = echarts.init(document.getElementById(props.echartsId)); // 如果已有实例,先销毁
if (myChart.value) {
myChart.value.dispose();
}
// 创建新实例
myChart.value = echarts.init(document.getElementById(props.echartsId));
var option = { var option = {
grid: { grid: {
top: "16%", top: "8%",
right: "2%", right: "5%",
left: "2%", left: "10%",
bottom: "4%", bottom: "12%",
containLabel:true containLabel:true
}, },
tooltip: { tooltip: {
@ -45,13 +57,19 @@ function chartFn() {
textStyle: { textStyle: {
color: "#7588E4" color: "#7588E4"
}, },
extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)"
}, },
xAxis: { xAxis: {
type: "category", type: "category",
data:props.data.list.map(v=>{return v.label}), data:props.data.map(v=>{return v.label}),
axisTick: { show: false }, axisTick: { show: false },
axisLine: { show: false }, axisLine: { show: false },
axisLabel: { color: "#fff",magin:20 }, axisLabel: {
show: true,
color: props.color,
interval: 0, // 强制显示所有标签
// rotate: 15, // 标签旋转角度
}
}, },
yAxis: { yAxis: {
type: "value", type: "value",
@ -64,41 +82,47 @@ function chartFn() {
}, },
axisTick: { show: false }, axisTick: { show: false },
axisLine: { show: false }, axisLine: { show: false },
axisLabel: { color: "#fff" }, axisLabel: { color: props.color },
}, },
series: [ series: [
{ {
data: props.data.map(v=>{return v.value}),
type: "bar", type: "bar",
barGap:'80%', barWidth: "30%",
barWidth: "20px",
data: props.data.list.map(v=>{return v.val}),
label:{
normal:{show:true,position:'top',color:'#EB00FF'}
},
itemStyle: { itemStyle: {
normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
color:function name(params) { { offset: 0, color: "rgba(102, 195, 226, 1)" },
let colorList = [] { offset: 1, color: "rgba(2, 80, 212, 1)" }
if(props.data.colors && props.data.colors.length>0){ ]),
props.data.colors.forEach(item => { borderRadius: [4, 4, 0, 0],
colorList.push(new echarts.graphic.LinearGradient( 0,0,0, 1,[{offset:0,color:item[0]},{offset:1,color:item[1]}])) shadowColor: "rgba(0,160,221,1)",
}); shadowBlur: 2
}
if(colorList.length > 0) return colorList[params.dataIndex]
else return new echarts.graphic.LinearGradient( 0,0,0, 1,[{ offset: 0,color: "rgba(0,244,255,1)"},{ offset: 1, color: "rgba(0,77,167,1)" }])
},
shadowColor: "rgba(0,160,221,1)",
shadowBlur: 2
}
}, },
} }
] ]
}; };
option && myChart.setOption(option); option && myChart.value.setOption(option);
window.addEventListener('resize',function(){
myChart.resize();
})
} }
// 监听数据变化
watch(()=>props.data,val=>{
nextTick(()=>{ chartFn() })
},{immediate:true,deep:true})
// 组件挂载时初始化图表并添加事件监听
onMounted(()=>{
chartFn();
window.addEventListener('resize', handleResize);
});
// 组件卸载时清理资源
onUnmounted(()=>{
if (myChart.value) {
myChart.value.dispose();
myChart.value = null;
}
window.removeEventListener('resize', handleResize);
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -9,21 +9,34 @@ const props = defineProps({
type:String, type:String,
default:'lineId' default:'lineId'
}, },
color:{ color:{
type:String, type:String,
default:'#fff' default:'#fff'
}, },
data:{ data:{
type:Array, type:Array,
default:[] default:[]
} }
}); });
watch(()=>props.data,val=>{
nextTick(()=>{ chartFn() }) // 保存echarts实例
},{immediate:true,deep:true}) const myChart = ref(null);
// 定义resize处理函数
const handleResize = () => {
if (myChart.value) {
myChart.value.resize();
}
};
function chartFn() { function chartFn() {
var myChart = echarts.init(document.getElementById(props.echartsId)); // 如果已有实例,先销毁
if (myChart.value) {
myChart.value.dispose();
}
// 创建新实例
myChart.value = echarts.init(document.getElementById(props.echartsId));
var option = { var option = {
grid: { grid: {
top: "8%", top: "8%",
@ -51,8 +64,7 @@ function chartFn() {
data:props.data.map(v=>{return v.label}), data:props.data.map(v=>{return v.label}),
axisTick: { show: false }, axisTick: { show: false },
axisLine: { show: false }, axisLine: { show: false },
axisLabel: { color: "#fff" }, axisLabel: {
axisLabel: {
show: true, show: true,
color: props.color, color: props.color,
interval: 0, // 强制显示所有标签 interval: 0, // 强制显示所有标签
@ -103,11 +115,28 @@ function chartFn() {
} }
] ]
}; };
option && myChart.setOption(option); option && myChart.value.setOption(option);
window.addEventListener('resize',function(){
myChart.resize();
})
} }
// 监听数据变化
watch(()=>props.data,val=>{
nextTick(()=>{ chartFn() })
},{immediate:true,deep:true})
// 组件挂载时初始化图表并添加事件监听
onMounted(()=>{
chartFn();
window.addEventListener('resize', handleResize);
});
// 组件卸载时清理资源
onUnmounted(()=>{
if (myChart.value) {
myChart.value.dispose();
myChart.value = null;
}
window.removeEventListener('resize', handleResize);
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -267,8 +267,8 @@ const makerCenter = () => {
item.wd = obj.point[1]; item.wd = obj.point[1];
} }
}) })
allDep.value = list; allDep.value = list;
emitter.emit("addPointArea", { coords:list, icon: dw, flag: "hm", size: '14px', showTitle: false, offset: [0, -25] }); emitter.emit("addPointArea", { coords:list, icon: dw, flag: "hm", size: '14px', showTitle: false, offset: [0, -25] });
}) })
@ -327,7 +327,7 @@ onMounted(() => {
getTbYjxxGetList() getTbYjxxGetList()
// 初始化音频播放器 // 初始化音频播放器
initAudioPlayer() initAudioPlayer()
webSoket.connect() // webSoket.connect()
// 监听音频播放事件获取WebSocket消息数据 // 监听音频播放事件获取WebSocket消息数据
emitter.on("openYp", (newsDate) => { emitter.on("openYp", (newsDate) => {
// 使用工具类播放音频,自动处理静音切换 // 使用工具类播放音频,自动处理静音切换

View File

@ -216,8 +216,6 @@ const gettingData = () => {
const getAllFestivals = (date,boolean=false) => { const getAllFestivals = (date,boolean=false) => {
console.log(date);
const time = new Date(date) const time = new Date(date)
const solar = Solar.fromDate(time) const solar = Solar.fromDate(time)
const lunar = solar.getLunar() const lunar = solar.getLunar()

View File

@ -1,9 +1,10 @@
<template> <template>
<div class="comom-title"> <div class="comom-title">
<span class="title">线索研判盯办统计</span> <span class="title">线索研判盯办统计</span>
<el-popover placement="right" :width="430" :visible="visible"> <el-popover placement="right" :width="430" :visible="visible">
<template #reference> <template #reference>
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"></div> <div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true">
</div>
</template> </template>
<div> <div>
<div class="qbltData"> <div class="qbltData">
@ -15,23 +16,27 @@
</el-popover> </el-popover>
</div> </div>
<ul class="comom-cnt xsBox flex flex-warp just-between align-center"> <ul class="comom-cnt xsBox flex flex-warp just-between align-center">
<li class="xs-item" v-for="(item, idx) in contentItem" :key="idx"> <li class="xs-item" v-for="(item, idx) in contentItem" :key="idx" @click="openTc(item.type)">
{{ item.label }}:{{ item.value }} {{ item.label }}:{{ item.value }}
</li> </li>
</ul> </ul>
<TotalNumberClues v-model="openShow.xfzs" :title="title"/>
<TotalNumberDistributions v-model="openShow.xszs" />
</template> </template>
<script setup> <script setup>
import { ref, onMounted } from 'vue'; import { ref, onMounted, reactive } from 'vue';
import TimeData from '@/views/home/model/mesgSwitch/timeData.vue' import TimeData from '@/views/home/model/mesgSwitch/timeData.vue'
import TotalNumberClues from '@/views/home/components/totalNumberClues.vue'
import TotalNumberDistributions from '@/views/home/components/totalNumberDistributions.vue'
import { qbcjDpxsCount } from "@/api/model.js" import { qbcjDpxsCount } from "@/api/model.js"
const contentItem = ref([ const contentItem = ref([
{ label: '线索总数', value: '0' }, { label: '线索总数', value: '0', type: 'xszs' },
{ label: '下发总数', value: '0' }, { label: '下发总数', value: '0', type: 'xfzs' },
{ label: '已处置总数', value: '0' }, { label: '已处置总数', value: '0', type: 'yczzs' },
{ label: '反馈总数', value: '0' }, { label: '反馈总数', value: '0', type: 'fkzs' },
{ label: '未反馈总数', value: '0' }, { label: '未反馈总数', value: '0', type: 'wfks' },
{ label: '未处置总数', value: '0' }, { label: '未处置总数', value: '0', type: 'wczzs' },
]) ])
const visible = ref(false) const visible = ref(false)
const changeTime = (val) => { const changeTime = (val) => {
@ -40,22 +45,66 @@ const changeTime = (val) => {
} }
getCount() getCount()
} }
const title = ref('下发总数')
onMounted(() => { onMounted(() => {
qbcjDpxsCount({}, '/mosty-gsxt/tbXs/getXsCount').then(res => { qbcjDpxsCount({}, '/mosty-gsxt/tbXs/getXsCount').then(res => {
res = res || {} res = res || {}
// 根据API返回的数据更新contentItem // 根据API返回的数据更新contentItem
contentItem.value = [ contentItem.value = [
{ label: '线索总数', value: res.xszs || 0 }, { label: '线索总数', value: res.xszs || 0, type: 'xszs' },
{ label: '下发总数', value: res.xfzs || 0 }, { label: '下发总数', value: res.xfzs || 0, type: 'xfzs' },
{ label: '已处置总数', value: res.yczzs || 0 }, { label: '已处置总数', value: res.yczzs || 0, type: 'yczzs' },
{ label: '反馈总数', value: res.fkzs || 0 }, { label: '反馈总数', value: res.fkzs || 0, type: 'fkzs' },
{ label: '未反馈总数', value: res.wfkzs || 0 }, { label: '未反馈总数', value: res.wfkzs || 0, type: 'wfks' },
{ label: '未处置总数', value: res.wczzs || 0 }, { label: '未处置总数', value: res.wczzs || 0, type: 'wczzs' },
] ]
}) })
}) })
const openShow=reactive({
xszs: false,
xfzs: false,
yczzs: false,
fkzs: false,
wfks: false,
wczzs: false,
})
const openTc = (val) => {
console.log(val);
switch (val) {
case 'xszs':
openShow.xszs = true
break;
case 'xfzs':
openShow.xfzs = true
title.value = '下发总数'
break;
case 'yjzs': break;
case 'yczzs': break;
case 'fkzs': break;
case 'wfks':
openShow.xfzs = true
title.value = '未反馈数'
break;
case 'wczzs': break;
}
}
// // 线索总数
// const xsCount = () => {
// xxcjQbcjSelectPage({}).then(res => {
// console.log(res);
// })
// }
// // 下发总数
// const xfxsCount = () => {
// xxcjXfxsSelectPage({}).then(res => {
// console.log(res);
// })
// }
const close = () => { const close = () => {
visible.value = false visible.value = false
} }
@ -68,8 +117,10 @@ const close = () => {
.xsBox { .xsBox {
background: url("~@/assets/images/bg_12.png") no-repeat center center; background: url("~@/assets/images/bg_12.png") no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
position: relative;
z-index: 299;
.xs-item { .xs-item {
cursor: pointer;
width: 31%; width: 31%;
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
@ -78,6 +129,7 @@ const close = () => {
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.qbltData { .qbltData {
width: 100%; width: 100%;
display: flex; display: flex;

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="comom-title" @click="chooseForumPost"> <div class="comom-title" @click="chooseForumPost">
<!-- <span class="title">情报论坛</span> --> <!-- <span class="title">情报论坛</span> -->
<div class="title">情报论坛<span class="switchover" @click.stop="reversalPush">切换</span></div> <div class="title" style="width: 100%;">情报论坛<span class="switchover" @click.stop="reversalPush">切换</span></div>
</div> </div>
<div class="comom-cnt" > <div class="comom-cnt" >
<div class="zdryBox"> <div class="zdryBox">
@ -213,7 +213,8 @@ onBeforeUnmount(() => {
.switchover{ .switchover{
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
margin-left: 20px; margin-left: 20%;
color: rgb(255, 146, 4); color: rgb(255, 146, 4);
} }
</style> </style>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="comom-title"> <div class="comom-title">
<div class="title">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div> <div class="title" style="width: 70%;">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div>
<div class="title titleFz" style="" @click="visible = true"> <div class="title titleFz" @click="visible = true">
查看列表 查看列表
</div> </div>
</div> </div>
@ -65,5 +65,6 @@ tbGsxtZdryzdryBqtjFn()
font-size: 14px; font-size: 14px;
margin-left: 20px; margin-left: 20px;
color: rgb(255, 146, 4); color: rgb(255, 146, 4);
margin-left: 23%;
} }
</style> </style>

View File

@ -37,6 +37,7 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
import Search from "@/components/aboutTable/Search.vue"; import Search from "@/components/aboutTable/Search.vue";
import Pages from "@/components/aboutTable/Pages.vue"; import Pages from "@/components/aboutTable/Pages.vue";
import { qbcjSelectPage } from "@/api/Intelligence.js"; import { qbcjSelectPage } from "@/api/Intelligence.js";
import {xxcjSelectPage,xxcjXxzsx} from '@/api/xxcj.js'
import { ref, reactive, getCurrentInstance, watch } from "vue"; import { ref, reactive, getCurrentInstance, watch } from "vue";
import { useRoute,useRouter } from 'vue-router' import { useRoute,useRouter } from 'vue-router'
const route = useRoute() const route = useRoute()
@ -68,9 +69,9 @@ const searchConfiger = ref([
options: D_BZ_QBSBLY options: D_BZ_QBSBLY
}, { }, {
label: "上报时间", label: "上报时间",
prop: "lrkssj", prop: "startTime",
placeholder: "请选择时间", placeholder: "请选择时间",
showType: "daterange" showType: "datetimerange"
}, },
@ -86,7 +87,7 @@ const pageData = reactive({
tableConfiger: { tableConfiger: {
loading: false, loading: false,
rowHieght: 40, rowHieght: 40,
haveControls: true, haveControls: false,
}, },
controlsWidth: 160, //操作栏宽度 controlsWidth: 160, //操作栏宽度
total: 0, total: 0,
@ -109,8 +110,8 @@ const pageData = reactive({
const parameter = ref() const parameter = ref()
const onSearch = (val) => { const onSearch = (val) => {
const promes = { const promes = {
lrkssj: val.lrkssj && val.lrkssj.length > 0 ? val.lrkssj[0] : '', startTime: val.startTime && val.startTime.length > 0 ? val.startTime[0] : '',
lrjssj: val.lrkssj && val.lrkssj.length > 0 ? val.lrkssj[1] : '', endTime: val.startTime && val.startTime.length > 0 ? val.startTime[1] : '',
} }
parameter.value = { ...val, ...promes } parameter.value = { ...val, ...promes }
pageData.pageConfiger.pageCurrent = 1; pageData.pageConfiger.pageCurrent = 1;
@ -123,8 +124,8 @@ watch(() => props.modelValue, (val) => {
}) })
const changePage = () => { const changePage = () => {
pageData.tableConfiger.loading = true; pageData.tableConfiger.loading = true;
let data = { ...pageData.pageConfiger, ...parameter.value }; let data = { ...pageData.pageConfiger, ...parameter.value,qbjb:'01' };
qbcjSelectPage(data).then(res => { xxcjSelectPage(data).then(res => {
pageData.tableData = res.records || []; pageData.tableData = res.records || [];
pageData.total = res.total; pageData.total = res.total;
pageData.tableConfiger.loading = false; pageData.tableConfiger.loading = false;

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="comom-title"> <div class="comom-title">
<div class="title">岗位标兵<span class="switchover" @click="reversalPush">切换</span></div> <div class="title" style="width: 100%;">岗位标兵<span class="switchover" @click="reversalPush">切换</span></div>
<el-popover :visible="visible" placement="right" :width="430"> <el-popover :visible="visible" placement="right" :width="430">
<template #reference> <template #reference>
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"> <div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true">
@ -100,5 +100,6 @@ const close = () => {
font-size: 14px; font-size: 14px;
margin-left: 20px; margin-left: 20px;
color: rgb(255, 146, 4); color: rgb(255, 146, 4);
margin-left: 25%;
} }
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="comom-title"> <div class="comom-title">
<div class="title">信息来源类型统计<span class="switchover" @click="reversalPush">切换</span></div> <div style=" width: 100%;" class="title">信息来源类型统计<span class="switchover" @click="reversalPush">切换</span></div>
<el-popover placement="right" :width="430" :visible="visible"> <el-popover placement="right" :width="430" :visible="visible">
<template #reference> <template #reference>
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"></div> <div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"></div>
@ -88,5 +88,7 @@ const close = () => {
font-size: 14px; font-size: 14px;
margin-left: 20px; margin-left: 20px;
color: rgb(255, 146, 4); color: rgb(255, 146, 4);
width: 100%;
margin-left: 10%;
} }
</style> </style>

View File

@ -23,8 +23,8 @@ import keyPerson from "@/views/home/components/keyPerson.vue";
import keyGroups from "@/views/home/components/keyGroups.vue"; import keyGroups from "@/views/home/components/keyGroups.vue";
const contentItem = ref([ const contentItem = ref([
{ type:"jqzs", label: "警情总数", value: "0" ,icon:require('@/assets/images/top-1.png')}, { type:"jqzs", label: "今日警情", value: "0" ,icon:require('@/assets/images/top-1.png')},
{ type:"yjzs", label: "预警总数", value: "0",icon:require('@/assets/images/top-2.png') }, { type:"yjzs", label: "今日预警", value: "0",icon:require('@/assets/images/top-2.png') },
{ type:"zdry", label: "重点人员总数", value: "0",icon:require('@/assets/images/top-3.png') }, { type:"zdry", label: "重点人员总数", value: "0",icon:require('@/assets/images/top-3.png') },
{ type:"zdqt", label: "重点群体总数", value: "0" ,icon:require('@/assets/images/top-4.png')}, { type:"zdqt", label: "重点群体总数", value: "0" ,icon:require('@/assets/images/top-4.png')},
]); ]);