wxc
1 year ago
20 changed files with 1168 additions and 363 deletions
@ -0,0 +1,8 @@
|
||||
import request from "@/api/request"; |
||||
|
||||
export function listRiskPersonnel(query) { |
||||
return request.get({ |
||||
url: '/risk/personal', |
||||
query |
||||
}); |
||||
} |
||||
@ -0,0 +1,28 @@
|
||||
import request from "@/api/request"; |
||||
|
||||
export function listRiskScoreRuleTree() { |
||||
return request.get({ |
||||
url: '/risk/scoreRule/tree' |
||||
}); |
||||
} |
||||
|
||||
|
||||
export function addRiskScoreRule(body) { |
||||
return request.post({ |
||||
url: '/risk/scoreRule', |
||||
body |
||||
}); |
||||
} |
||||
|
||||
export function updateRiskScoreRule(body) { |
||||
return request.put({ |
||||
url: '/risk/scoreRule', |
||||
body |
||||
}); |
||||
} |
||||
|
||||
export function delRiskScoreRule(id) { |
||||
return request.del({ |
||||
url: `/risk/scoreRule/${id}` |
||||
}); |
||||
} |
||||
@ -0,0 +1,136 @@
|
||||
<template> |
||||
<el-input v-model="filterText" placeholder="搜索" class="mb-10"> |
||||
<template #prefix> |
||||
<el-icon class="el-input__icon"><search /></el-icon> |
||||
</template> |
||||
</el-input> |
||||
<div class="tree-container"> |
||||
<el-scrollbar> |
||||
<el-tree |
||||
:data="treeData" |
||||
node-key="value" |
||||
:render-content="renderContent" |
||||
:default-expanded-keys="[ROOT_ID]" |
||||
:props="{ |
||||
label: 'riskName', |
||||
}" |
||||
:filter-node-method="filterNode" |
||||
@node-click="handleClick" |
||||
ref="treeRef" |
||||
/> |
||||
</el-scrollbar> |
||||
</div> |
||||
</template> |
||||
<script lang="ts" setup> |
||||
import Icon from "@/components/icon/index.vue"; |
||||
import { |
||||
listRiskScoreRuleTree |
||||
} from "@/api/sensitivePerception/riskScoreRule"; |
||||
|
||||
const ROOT_ID = 0; |
||||
const treeData = ref([ |
||||
{ |
||||
riskName: "全部", |
||||
value: ROOT_ID, |
||||
children: [], |
||||
}, |
||||
]); |
||||
|
||||
const list = ref([]); |
||||
const total = ref(0); |
||||
|
||||
onMounted(() => { |
||||
listRiskScoreRuleTree().then((data) => { |
||||
treeData.value[0].children = data; |
||||
}); |
||||
}); |
||||
|
||||
function renderContent( |
||||
h, |
||||
{ |
||||
node, |
||||
data, |
||||
store, |
||||
}: { |
||||
node: Node; |
||||
data: Tree; |
||||
store: Node["store"]; |
||||
} |
||||
) { |
||||
console.log(node); |
||||
return h( |
||||
"div", |
||||
{ |
||||
class: "flex v-center", |
||||
}, |
||||
h( |
||||
Icon, |
||||
{ |
||||
name: "el-icon-Folder", |
||||
class: "mr-8", |
||||
}, |
||||
node.label |
||||
), |
||||
h( |
||||
"span", |
||||
{ |
||||
title: node.label, |
||||
}, |
||||
node.label |
||||
) |
||||
); |
||||
} |
||||
|
||||
const filterText = ref(""); |
||||
const treeRef = ref(null); |
||||
|
||||
const filterNode = (value: string, data: Tree) => { |
||||
if (!value) return true; |
||||
return data.label.includes(value); |
||||
}; |
||||
|
||||
watch(filterText, (val) => { |
||||
treeRef.value!.filter(val); |
||||
}); |
||||
|
||||
const props = defineProps({ |
||||
modelValue: { |
||||
type: Array, |
||||
defalut: [], |
||||
}, |
||||
}); |
||||
|
||||
const emit = defineEmits(["update:modelValue"]); |
||||
|
||||
function handleClick(node) { |
||||
if (node.value === ROOT_ID) { |
||||
emit("update:modelValue", null); |
||||
return; |
||||
} |
||||
const arr = []; |
||||
getModelId(arr, node); |
||||
emit("update:modelValue", arr); |
||||
} |
||||
|
||||
function getModelId(arr, node) { |
||||
if (node.type === "model") { |
||||
arr.push(node.value); |
||||
} else if (node.children && node.children.length) { |
||||
node.children.forEach((item) => { |
||||
getModelId(arr, item); |
||||
}); |
||||
} |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
:deep() { |
||||
.el-tree-node.is-current { |
||||
& > .el-tree-node__content { |
||||
background: #e1e5ff; |
||||
} |
||||
} |
||||
} |
||||
.tree-container { |
||||
height: calc(100% - 42px); |
||||
} |
||||
</style> |
||||
@ -1,248 +0,0 @@
|
||||
<template> |
||||
<div class="container"> |
||||
<header> |
||||
<el-form :label-width="114"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="姓名"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.name" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="性别"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.six" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="年龄"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.age" |
||||
type="number" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="学历"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.education" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="管控单位"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.departName" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="身份证号"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.idCode" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="人员标签"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.tag" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="高风险因素"> |
||||
<el-input placeholder="请输入" v-model="query.ys" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="高风险分级处置"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.fjcl" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="风险指数"> |
||||
<el-input placeholder="请输入" v-model="query.ss" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="mb-25 flex end"> |
||||
<div> |
||||
<el-button type="primary" @click="getList"> |
||||
<template #icon> |
||||
<icon name="el-icon-Search" /> |
||||
</template> |
||||
查询</el-button |
||||
> |
||||
<el-button @click="reset">重置</el-button> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<div class="table-container"> |
||||
<el-table :data="list"> |
||||
<el-table-column label="姓名" prop="name" width="80" /> |
||||
<el-table-column label="性别" prop="six" width="60" /> |
||||
<el-table-column label="年龄" prop="age" width="60" /> |
||||
<el-table-column label="学历" prop="education" width="80" /> |
||||
<el-table-column label="身份证号" prop="idCode" width="180" /> |
||||
<el-table-column |
||||
label="管控单位" |
||||
prop="departName" |
||||
width="120" |
||||
/> |
||||
<el-table-column label="人员标签" prop="roleDesc"> |
||||
<template #default="{ row }"> |
||||
<div class="flex gap"> |
||||
<el-tag v-for="tag in row.tag.split(',')">{{ |
||||
tag |
||||
}}</el-tag> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="高风险因素" prop="fx"> |
||||
<template #default="{ row }"> |
||||
<div class="flex gap"> |
||||
<span v-for="(val, index) in row.fx.split(',')" :style="{color: index === 0? '#FF0000' : index === 1 ? '#E59300' : ''}">{{ |
||||
val |
||||
}}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="高风险指数" |
||||
prop="fxzs" |
||||
width="120" |
||||
align="center" |
||||
/> |
||||
|
||||
<el-table-column label="操作" width="160"> |
||||
<template #default="{ row }"> |
||||
<el-button type="primary" link @click="show = true" |
||||
>查看详情</el-button |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-dialog |
||||
title="风险人员详情" |
||||
v-model="show" |
||||
width="80vw" |
||||
top="2vh" |
||||
> |
||||
<img src="/imgs/lmgz/1.png" alt=""> |
||||
</el-dialog> |
||||
</template> |
||||
<script lang="ts" setup> |
||||
const query = ref({}); |
||||
const list = ref<any[]>([ |
||||
{ |
||||
name: "伍豪", |
||||
age: 32, |
||||
six: "男", |
||||
education: "本科", |
||||
idCode: "430400197301022122", |
||||
departName: "坡子街派出所", |
||||
tag: "涉相关警情人员,特定对象,涉诉讼人员", |
||||
fx: "矛盾纠纷,重点场所异常行为,重大疾病", |
||||
fxzs: 97, |
||||
}, |
||||
{ |
||||
name: "张单单", |
||||
age: 39, |
||||
six: "女", |
||||
education: "初中", |
||||
idCode: "430400197301022121", |
||||
departName: "坡子街派出所", |
||||
tag: "特定对象,涉诉讼人员", |
||||
fx: "收入低下,诉求不满或长期未化解,网络浏览偏好", |
||||
fxzs: 88, |
||||
}, |
||||
{ |
||||
name: "谌婷民", |
||||
age: 51, |
||||
six: "男", |
||||
education: "小学", |
||||
idCode: "430400197301982128", |
||||
departName: "坡子街派出所", |
||||
tag: "涉相关警情人员,特定对象,涉诉讼人员", |
||||
fx: "精神疾病未及时治疗,重大疾病,家庭变故", |
||||
fxzs: 78, |
||||
}, |
||||
{ |
||||
name: "牧志会", |
||||
age: 38, |
||||
six: "男", |
||||
education: "初中", |
||||
idCode: "430400197301021289", |
||||
departName: "坡子街派出所", |
||||
tag: "涉相关警情人员,涉诉讼人员", |
||||
fx: "扬言滋事、自杀等个人极端行,暴力伤害行为", |
||||
fxzs: 89, |
||||
}, |
||||
{ |
||||
name: "都勤锦", |
||||
age: 66, |
||||
six: "男", |
||||
education: "高中", |
||||
idCode: "430400197301066547", |
||||
departName: "坡子街派出所", |
||||
tag: "特定对象,涉诉讼人员", |
||||
fx: "矛盾纠纷,重点场所异常行为,重大疾病", |
||||
fxzs: 91, |
||||
}, |
||||
{ |
||||
name: "未言婕", |
||||
age: 38, |
||||
six: "女", |
||||
education: "小学", |
||||
idCode: "43040019730102212X", |
||||
departName: "坡子街派出所", |
||||
tag: "涉相关警情人员,涉诉讼人员", |
||||
fx: "重大疾病,收入低下", |
||||
fxzs: 66, |
||||
}, |
||||
{ |
||||
name: "施丹", |
||||
age: 51, |
||||
six: "女", |
||||
education: "小学", |
||||
idCode: "430400198103212211", |
||||
departName: "坡子街派出所", |
||||
tag: "涉诉讼人员", |
||||
fx: "矛盾纠纷,重点场所异常行为,重大疾病", |
||||
fxzs: 98, |
||||
}, |
||||
{ |
||||
name: "志会", |
||||
age: 35, |
||||
six: "男", |
||||
education: "大学", |
||||
idCode: "430400197301022121", |
||||
departName: "坡子街派出所", |
||||
tag: "涉相关警情人员,特定对象,涉诉讼人员", |
||||
fx: "重点场所异常行为,重大疾病", |
||||
fxzs: 99, |
||||
}, |
||||
]); |
||||
|
||||
const show = ref(false) |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
</style> |
||||
@ -0,0 +1,216 @@
|
||||
<template> |
||||
<div class="container h100"> |
||||
<el-row :gutter="20" class="h100"> |
||||
<el-col :span="6" class="h100"> |
||||
<model-risk-tree v-model="query.modelIds" /> |
||||
</el-col> |
||||
<el-col :span="18"> |
||||
<header> |
||||
<el-form :label-width="140"> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="预警时间"> |
||||
<date-time-range-picker-ext |
||||
v-model="query.createTime" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="涉及单位"> |
||||
<depart-tree-select |
||||
v-model="query.involveDepartId" |
||||
:check-strictly="false" |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="预警内容"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.thingDesc" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="分发状态"> |
||||
<el-select |
||||
v-model="query.distributionState" |
||||
clearable |
||||
> |
||||
<el-option |
||||
v-for="item in dict.distributionState" |
||||
:label="item.dictLabel" |
||||
:value="item.dictValue" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="flex end mb-20"> |
||||
<div> |
||||
<el-button type="primary" @click="getList"> |
||||
<template #icon> |
||||
<icon name="el-icon-Search" /> |
||||
</template> |
||||
查询</el-button |
||||
> |
||||
<el-button @click="reset">重置</el-button> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<div class="table-container"> |
||||
<el-table :data="list"> |
||||
<el-table-column |
||||
label="预警时间" |
||||
prop="createTime" |
||||
width="150" |
||||
/> |
||||
<!-- <el-table-column--> |
||||
<!-- label="预警模型"--> |
||||
<!-- prop="modelName"--> |
||||
<!-- width="160"--> |
||||
<!-- show-overflow-tooltip--> |
||||
<!-- />--> |
||||
<el-table-column |
||||
label="涉及单位" |
||||
show-overflow-tooltip |
||||
width="200" |
||||
> |
||||
<template #default="{ row }"> |
||||
<span>{{ row.involveParentDepartName }}</span><span v-if="row.involveDepartName"><br>{{ row.involveDepartName }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="涉及人员" |
||||
prop="involvePoliceName" |
||||
width="100" |
||||
> |
||||
<template #default="{ row }"> |
||||
<div v-if="row.involvePoliceName"> |
||||
<div v-for="item in row.involvePoliceName.split(' ')" class="text-nowrap">{{ |
||||
item }}</div> |
||||
</div> |
||||
<div v-else>略</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="预警内容" |
||||
prop="thingDesc" |
||||
show-overflow-tooltip |
||||
/> |
||||
<el-table-column |
||||
label="分发状态" |
||||
align="center" |
||||
width="120" |
||||
> |
||||
<template #default="{ row }"> |
||||
<span>{{ |
||||
getDictLable( |
||||
dict.distributionState, |
||||
row.distributionState |
||||
) |
||||
}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" width="180"> |
||||
<template #default="{ row }"> |
||||
<el-button |
||||
type="primary" |
||||
link |
||||
@click="handleShowDetail(row)" |
||||
>查看详情</el-button |
||||
> |
||||
<el-button |
||||
v-if="row.negativeId" |
||||
type="primary" |
||||
link |
||||
@click="handleAction(row)" |
||||
>处理详情</el-button |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
<div class="flex end mt-8"> |
||||
<el-pagination |
||||
@size-change="getList" |
||||
@current-change="getList" |
||||
:current-page="query.current" |
||||
:page-sizes="[9, 18, 36]" |
||||
v-model:page-size="query.size" |
||||
v-model:current-page="query.current" |
||||
layout="total, sizes, prev, pager, next" |
||||
:total="total" |
||||
v-if="list.length" |
||||
> |
||||
</el-pagination> |
||||
</div> |
||||
</el-col> |
||||
</el-row> |
||||
</div> |
||||
|
||||
</template> |
||||
<script lang="ts" setup> |
||||
import { listModelClue } from "@/api/sensitivePerception/modelClue"; |
||||
import useCatchStore from "@/stores/modules/catch"; |
||||
import { getDictLable } from "@/utils/util"; |
||||
|
||||
const catchStore = useCatchStore(); |
||||
const dict = catchStore.getDicts(["distributionState","handleState"]); |
||||
|
||||
const query = ref({}); |
||||
|
||||
const list = ref([]); |
||||
const total = ref(0); |
||||
|
||||
onMounted(() => { |
||||
getList(); |
||||
}); |
||||
|
||||
const route = useRoute(); |
||||
watch( |
||||
() => route.query.modelId, |
||||
(val) => { |
||||
query.value.modelIds = [val]; |
||||
} |
||||
); |
||||
watch( |
||||
() => query.value.modelIds, |
||||
() => { |
||||
getList(); |
||||
} |
||||
); |
||||
|
||||
function getList() { |
||||
listModelClue(query.value).then((data) => { |
||||
list.value = data.records; |
||||
total.value = data.total; |
||||
}); |
||||
} |
||||
|
||||
function reset() { |
||||
query.value = {}; |
||||
getList(); |
||||
} |
||||
|
||||
const show = ref(false); |
||||
const activeModelClue = ref({}); |
||||
|
||||
function handleShowDetail(row) { |
||||
activeModelClue.value = row; |
||||
show.value = true; |
||||
} |
||||
|
||||
const activeNegativeId = ref('') |
||||
const negativeShow = ref(false) |
||||
|
||||
function handleAction(row) { |
||||
|
||||
negativeShow.value = true; |
||||
activeNegativeId.value = row.negativeId; |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
</style> |
||||
@ -0,0 +1,149 @@
|
||||
<template> |
||||
<div class="container"> |
||||
<header> |
||||
<el-form :label-width="114"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="姓名"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.name" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="年龄"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.age" |
||||
type="number" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="管控单位"> |
||||
<depart-tree-select v-model="query.controlDepartId" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="身份证号"> |
||||
<el-input |
||||
placeholder="请输入" |
||||
v-model="query.idCode" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div class="mb-25 flex end"> |
||||
<div> |
||||
<el-button type="primary" @click="getList"> |
||||
<template #icon> |
||||
<icon name="el-icon-Search" /> |
||||
</template> |
||||
查询</el-button |
||||
> |
||||
<el-button @click="reset">重置</el-button> |
||||
</div> |
||||
</div> |
||||
</header> |
||||
<div class="table-container"> |
||||
<el-table :data="list"> |
||||
<el-table-column label="姓名" prop="name" width="120" /> |
||||
<el-table-column label="性别" prop="gender" width="60" align="center" > |
||||
<template #default="{ row }"> |
||||
<span v-if="row.gender == 1">男</span> |
||||
<span v-if="row.gender == 2">女</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="年龄" prop="age" width="60" /> |
||||
<el-table-column label="身份证号" prop="idCode" width="180" /> |
||||
<el-table-column label="手机号" prop="mobileNumber" width="120" /> |
||||
<el-table-column |
||||
label="管控单位" |
||||
prop="controlDepartName" |
||||
width="120" |
||||
/> |
||||
<el-table-column label="人员标签"> |
||||
<template #default="{ row }"> |
||||
<div class="flex gap" v-if="row.tags"> |
||||
<el-tag v-for="item in row.tags.split(',')" :key="item">{{ item }}</el-tag> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="高风险因素"> |
||||
<template #default="{ row }"> |
||||
<div class="flex gap"> |
||||
|
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="高风险指数" |
||||
prop="riskScore" |
||||
width="120" |
||||
align="center" |
||||
/> |
||||
|
||||
<el-table-column label="操作" width="160"> |
||||
<template #default="{ row }"> |
||||
<el-button type="primary" link @click="show = true" |
||||
>查看详情</el-button |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
<div class="flex end mt-8"> |
||||
<el-pagination |
||||
@size-change="getList" |
||||
@current-change="getList" |
||||
:current-page="query.current" |
||||
:page-sizes="[10, 20, 50]" |
||||
:page-size="query.size" |
||||
v-model:current-page="query.current" |
||||
layout="total, sizes, prev, pager, next" |
||||
:total="total" |
||||
> |
||||
</el-pagination> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-dialog |
||||
title="风险人员详情" |
||||
v-model="show" |
||||
width="80vw" |
||||
top="2vh" |
||||
> |
||||
<img src="/imgs/lmgz/1.png" alt=""> |
||||
</el-dialog> |
||||
</template> |
||||
<script lang="ts" setup> |
||||
import { listRiskPersonnel } from "@/api/sensitivePerception/riskPersonnel"; |
||||
|
||||
const query = ref({}); |
||||
const list = ref<any[]>([]); |
||||
const total = ref(false) |
||||
const show = ref(false) |
||||
|
||||
function getList() { |
||||
listRiskPersonnel(query.value).then(data => { |
||||
list.value = data.records |
||||
total.value = data.total |
||||
}) |
||||
} |
||||
|
||||
function reset() { |
||||
query.value = {} |
||||
getList() |
||||
} |
||||
|
||||
onMounted(() => { |
||||
getList() |
||||
}) |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
</style> |
||||
@ -0,0 +1,296 @@
|
||||
<template> |
||||
<div class="container" v-loading="loading"> |
||||
<header class="mb-20"> |
||||
<div class="flex between"> |
||||
<div> |
||||
<el-button type="primary" @click="handleAdd"> |
||||
<template #icon> |
||||
<icon name="el-icon-Plus" /> |
||||
</template> |
||||
新增</el-button |
||||
> |
||||
</div> |
||||
<div style="width: 50%"> |
||||
<el-row> |
||||
|
||||
</el-row> |
||||
</div> |
||||
</div> |
||||
<div class="flex between mt-10 v-center"> |
||||
<div> |
||||
<div><span class="text-primary">个人极端暴力风险指数</span> =（基础因素得分百分比 × 15%）＋（诱发因素得分百分比 × 30%）＋（行为因素得分百分比 × 45%）＋（管控因素得分百分比 × 10%）</div> |
||||
</div> |
||||
<a |
||||
class="flex v-center gap file-link" |
||||
:href="`${BASE_PATH}/templates/长沙公安数字督察灵敏感知体系问题赋分及风险预警机制.pdf`" |
||||
target="__blank" |
||||
> |
||||
<icon name="local-icon-pdf" :size="38" /> |
||||
<span>个人极端风险赋分规则.pdf</span> |
||||
</a> |
||||
</div> |
||||
</header> |
||||
<div class="table-container"> |
||||
<el-table :data="scoreRules" row-key="id"> |
||||
<el-table-column |
||||
label="问题条目" |
||||
prop="riskName" |
||||
show-overflow-tooltip |
||||
width="180" |
||||
/> |
||||
<el-table-column label="因素分值" prop="score" width="200" align="center"> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="赋分规则" |
||||
prop="ruleDesc" |
||||
show-overflow-tooltip |
||||
> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="因素权重" |
||||
prop="weight" |
||||
width="100" |
||||
align="center" |
||||
/> |
||||
<el-table-column |
||||
label="开启状态" |
||||
width="100" |
||||
> |
||||
<template #default="{ row }"> |
||||
<el-tag type="success" v-if="row.status === true" |
||||
>开启</el-tag |
||||
> |
||||
<el-tag type="danger" v-if="row.status === false" |
||||
>关闭</el-tag |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="最后更新时间" prop="updateTime" width="180" /> |
||||
<el-table-column label="操作" width="160"> |
||||
<template #default="{ row }"> |
||||
<el-button type="primary" link @click="handleEdit(row)" |
||||
>编辑</el-button |
||||
> |
||||
<el-button type="danger" link @click="handleDelete(row)" |
||||
>删除</el-button |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-dialog |
||||
v-model="show" |
||||
:title="mode === 'add' ? '新增赋分规则' : '编辑赋分规则'" |
||||
width="600" |
||||
> |
||||
<el-form label-width="120" ref="formRef" :model="formData"> |
||||
<el-form-item |
||||
label="父级节点" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请选择父级节点', |
||||
}" |
||||
prop="pid" |
||||
> |
||||
<el-tree-select |
||||
class="flex-1" |
||||
v-model="formData.pid" |
||||
:data="treeOptions" |
||||
clearable |
||||
node-key="id" |
||||
:props="{ |
||||
label: 'riskName', |
||||
}" |
||||
:default-expanded-keys="[MENU_ROOT_ID]" |
||||
placeholder="请选择父级节点" |
||||
check-strictly |
||||
filterable |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="风险因素" |
||||
prop="riskName" |
||||
:rules="{ |
||||
required: true, |
||||
message: '请输入风险因素', |
||||
}" |
||||
> |
||||
<el-input |
||||
v-model="formData.riskName" |
||||
placeholder="请输入" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="因素分值" prop="score"> |
||||
<el-input |
||||
v-model="formData.score" |
||||
placeholder="请输入序号" |
||||
type="number" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="赋分规则" prop="ruleDesc"> |
||||
<el-input |
||||
v-model="formData.ruleDesc" |
||||
placeholder="请输入序号" |
||||
type="textarea" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="因素权重" prop="weight"> |
||||
<el-input |
||||
v-model="formData.weight" |
||||
placeholder="请输入序号" |
||||
type="number" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item label="序号" prop="sort"> |
||||
<el-input |
||||
v-model="formData.sortId" |
||||
placeholder="请输入序号" |
||||
type="number" |
||||
clearable |
||||
/> |
||||
</el-form-item> |
||||
<el-form-item |
||||
label="状态" |
||||
prop="status" |
||||
> |
||||
<el-switch |
||||
v-model="formData.status" |
||||
inline-prompt |
||||
active-text="开启" |
||||
inactive-text="关闭" |
||||
:active-value="true" |
||||
:inactive-value="false" |
||||
/> |
||||
</el-form-item> |
||||
</el-form> |
||||
<footer class="flex end"> |
||||
<el-button @click="show = false">取消</el-button> |
||||
<el-button type="primary" @click="submit">确定</el-button> |
||||
</footer> |
||||
</el-dialog> |
||||
</template> |
||||
<script lang="ts" setup> |
||||
import { BASE_PATH } from "@/api/request"; |
||||
import { calculateScore } from "@/api/work/negative"; |
||||
import { MENU_ROOT_ID } from "@/enums/appEnums"; |
||||
import { |
||||
listRiskScoreRuleTree, |
||||
addRiskScoreRule, |
||||
updateRiskScoreRule, |
||||
delRiskScoreRule |
||||
} from "@/api/sensitivePerception/riskScoreRule"; |
||||
import feedback from "@/utils/feedback"; |
||||
|
||||
const scoreRules = ref([]); |
||||
const treeOptions = ref([ |
||||
{ |
||||
id: MENU_ROOT_ID, |
||||
riskName: "顶级", |
||||
children: [], |
||||
}, |
||||
]); |
||||
|
||||
function getList() { |
||||
listRiskScoreRuleTree().then((data) => { |
||||
scoreRules.value = data; |
||||
treeOptions.value[0].children = data; |
||||
}); |
||||
} |
||||
getList(); |
||||
|
||||
const show = ref(false); |
||||
const formData = ref({ |
||||
status: 0 |
||||
}); |
||||
const formRef = ref(); |
||||
|
||||
const mode = ref<string>("add"); |
||||
watch(mode, (val) => { |
||||
if (val === "add") { |
||||
formData.value = {}; |
||||
formRef.value.resetFields(); |
||||
} |
||||
}); |
||||
async function submit() { |
||||
await formRef.value.validate(); |
||||
if (mode.value === "add") { |
||||
await addRiskScoreRule(formData.value); |
||||
const parentCode = formData.value.parentCode; |
||||
formData.value = {}; |
||||
formRef.value.resetFields(); |
||||
formData.value.parentCode = parentCode; |
||||
} else { |
||||
await updateRiskScoreRule(formData.value); |
||||
} |
||||
show.value = false; |
||||
getList(); |
||||
} |
||||
|
||||
function handleAdd() { |
||||
show.value = true; |
||||
mode.value = "add"; |
||||
} |
||||
|
||||
function handleEdit(row) { |
||||
show.value = true; |
||||
mode.value = "edit"; |
||||
formData.value = {...row}; |
||||
} |
||||
|
||||
const handleDelete = async (row) => { |
||||
await feedback.confirm(`确定要删除 "${row.name}"？`); |
||||
await delRiskScoreRule(row.id); |
||||
getList(); |
||||
feedback.msgSuccess("删除成功"); |
||||
}; |
||||
|
||||
function getScoreRange(row) { |
||||
const sorceSet = new Set(); |
||||
row.children.forEach((item) => { |
||||
if (item.score) { |
||||
sorceSet.add(item.score); |
||||
} |
||||
item.children.forEach((j) => { |
||||
if (j.score) { |
||||
sorceSet.add(j.score); |
||||
} |
||||
}); |
||||
}); |
||||
if (sorceSet.size === 0) { |
||||
return '' |
||||
} |
||||
if (sorceSet.size === 1) { |
||||
return sorceSet.values().next().value |
||||
} |
||||
const min = Math.min(...sorceSet); |
||||
const max = Math.max(...sorceSet); |
||||
return `${min}-${max}` |
||||
} |
||||
|
||||
const loading = ref(false) |
||||
async function handleCalculate() { |
||||
await feedback.confirm("确定要重新计算风险指数？"); |
||||
loading.value = true |
||||
await calculateScore() |
||||
feedback.msgSuccess("风险指数计算完成"); |
||||
loading.value = false |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
.file-link { |
||||
font-size: 16px; |
||||
text-decoration: none; |
||||
color: #19257d; |
||||
padding: 0 8px; |
||||
border-radius: 8px; |
||||
&:hover { |
||||
background-color: #eee; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue