Browse Source
fit: 风险人员库，增加人员标签和高风险因素标签的查询条件； fit: 预警问题，增加批量加入“问题分发”列表的功能； fit: 核查办理，当“问题类型”选择“其他”时，需要填写其他具体问题类型main
wxc
1 year ago
8 changed files with 1751 additions and 1615 deletions
File diff suppressed because it is too large
Load Diff
@ -1,52 +1,42 @@ |
|||||||
<template> |
<template> |
||||||
<div class="flex"> |
<el-tree-select |
||||||
<el-tree-select |
v-model="value" |
||||||
v-model="value" |
:data="dictContent" |
||||||
:data="dictContent" |
:props="{ |
||||||
:props="{ |
label: 'name', |
||||||
label: 'name', |
value: 'code', |
||||||
value: 'code', |
}" |
||||||
}" |
node-key="code" |
||||||
node-key="code" |
clearable |
||||||
clearable |
filterable |
||||||
filterable |
accordion |
||||||
accordion |
style="width: 320px" |
||||||
style="width: 420px" |
@current-change="handleChange" |
||||||
@current-change="handleChange" |
/> |
||||||
/> |
|
||||||
<div class="ml-16"> |
|
||||||
<span>{{ activeNode.parent?.parent?.label ? activeNode.parent.parent.label + ' / ': '' }}</span> |
|
||||||
<span>{{ activeNode.parent?.label ? activeNode.parent.label + ' / ': '' }}</span> |
|
||||||
<span>{{ activeNode.label }}</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
</template> |
||||||
<script setup> |
<script setup> |
||||||
import useCatchStore from "@/stores/modules/catch"; |
import useCatchStore from "@/stores/modules/catch"; |
||||||
const catchSotre = useCatchStore(); |
const catchSotre = useCatchStore(); |
||||||
const dictContent = catchSotre.getDictContent(); |
const dictContent = catchSotre.getDictContent(); |
||||||
|
|
||||||
const activeNode = ref({}) |
|
||||||
|
|
||||||
const props = defineProps({ |
const props = defineProps({ |
||||||
modelValue: { |
modelValue: { |
||||||
type: String |
type: String, |
||||||
} |
}, |
||||||
}) |
}); |
||||||
const emit = defineEmits(['update:modelValue', 'change']) |
const emit = defineEmits(["update:modelValue", "change"]); |
||||||
|
|
||||||
const value = ref(props.modelValue) |
const value = ref(props.modelValue); |
||||||
|
|
||||||
watch(props.modelValue, (val) => { |
watch(props.modelValue, (val) => { |
||||||
value.value = val |
value.value = val; |
||||||
}) |
}); |
||||||
watch(value, (val) => { |
watch(value, (val) => { |
||||||
emit('update:modelValue', val) |
emit("update:modelValue", val); |
||||||
}) |
}); |
||||||
|
|
||||||
function handleChange(nodeData, node) { |
function handleChange(nodeData, node) { |
||||||
activeNode.value = node |
emit("change", node); |
||||||
emit('change', node) |
|
||||||
} |
} |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
|
|||||||
@ -1,499 +1,501 @@ |
|||||||
<template> |
<template> |
||||||
<div class="container"> |
<div class="container"> |
||||||
<header> |
<header> |
||||||
<el-form :label-width="114"> |
<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.idCode" |
||||||
|
clearable |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="手机号"> |
||||||
|
<el-input |
||||||
|
placeholder="请输入" |
||||||
|
v-model="query.mobileNumber" |
||||||
|
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="人员标签"> |
||||||
|
<el-input v-model="query.tags" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="6"> |
||||||
|
<el-form-item label="高风险因素"> |
||||||
|
<el-input v-model="query.smallTags" /> |
||||||
|
</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="100" /> |
||||||
|
<el-table-column |
||||||
|
label="性别" |
||||||
|
prop="gender" |
||||||
|
width="60" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span>{{ getGender(row.gender) }}</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="人员标签" show-overflow-tooltip> |
||||||
|
<template #default="{ row }"> |
||||||
|
<div class="flex gap-4 wrap" 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="高风险因素" show-overflow-tooltip> |
||||||
|
<template #default="{ row }"> |
||||||
|
<div class="flex gap-4 wrap" v-if="row.smallTags"> |
||||||
|
<el-tag |
||||||
|
type="danger" |
||||||
|
v-for="item in row.smallTags" |
||||||
|
:key="item" |
||||||
|
>{{ item }} |
||||||
|
</el-tag> |
||||||
|
</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="handleShowDesc(row)" |
||||||
|
>查看详情 |
||||||
|
</el-button> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
link |
||||||
|
@click="handleShowNotification" |
||||||
|
>预警提醒 |
||||||
|
</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"> |
||||||
|
<h5>风险人员基本情况</h5> |
||||||
<el-row> |
<el-row> |
||||||
<el-col :span="6"> |
<el-col :span="1"></el-col> |
||||||
<el-form-item label="姓名"> |
<el-col :span="18"> |
||||||
<el-input |
<el-col :span="18"> |
||||||
placeholder="请输入" |
<div class="col col-20"> |
||||||
v-model="query.name" |
<div class="person-photo"> |
||||||
clearable |
<img src="@/assets/images/defaultPhoto.png" /> |
||||||
/> |
</div> |
||||||
|
<div class="row" style="height: 100%"> |
||||||
|
<div class="col col-6"> |
||||||
|
<label>姓名</label> |
||||||
|
<span>{{ activeRow.name }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-8"> |
||||||
|
<label>性别</label> |
||||||
|
<span>{{ getGender(activeRow.gender) }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-10"> |
||||||
|
<label>证件号码</label> |
||||||
|
<span>{{ activeRow.idCode }}</span> |
||||||
|
</div> |
||||||
|
<div class="row" style="width: 100%"> |
||||||
|
<div class="col col-6"> |
||||||
|
<label>年龄</label> |
||||||
|
<span>{{ activeRow.age }}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-8"> |
||||||
|
<label>管控单位</label> |
||||||
|
<span>{{ |
||||||
|
activeRow.controlDepartName |
||||||
|
}}</span> |
||||||
|
</div> |
||||||
|
<div class="col col-10"> |
||||||
|
<label>电话</label> |
||||||
|
<span>{{ activeRow.mobileNumber }}</span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-col> |
||||||
|
</el-col> |
||||||
|
<el-col :span="5"> |
||||||
|
<div class="flex center column text-center"> |
||||||
|
<div class="socre-box"> |
||||||
|
{{ personal.riskPersonal.riskScore.toFixed(1) }} |
||||||
|
</div> |
||||||
|
<span style="font-size: 24px" class="mt-10">风险指数</span> |
||||||
|
</div> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<div style="min-height: 50vh"> |
||||||
|
<div v-for="(item, index) in personal.riskClueList" :key="index"> |
||||||
|
<h5>{{ item.riskName }}</h5> |
||||||
|
<el-table :data="item.clues" max-height="300"> |
||||||
|
<el-table-column |
||||||
|
label="发生时间" |
||||||
|
prop="eventTime" |
||||||
|
width="160" |
||||||
|
/> |
||||||
|
<el-table-column |
||||||
|
label="风险因素" |
||||||
|
prop="riskReason" |
||||||
|
width="160" |
||||||
|
show-overflow-tooltip |
||||||
|
/> |
||||||
|
<el-table-column label="风险内容" show-overflow-tooltip> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span style="white-space: pre-wrap">{{ |
||||||
|
row.data |
||||||
|
}}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column width="80" label="分值" prop="score" /> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<el-dialog v-model="showNotification" title="创建提醒" width="600px"> |
||||||
|
<el-form label-width="148" :model="formData2" ref="formRef"> |
||||||
|
<el-form-item label="提醒类型"> |
||||||
|
<div class="flex gap"> |
||||||
|
<el-select |
||||||
|
v-model="formData2.alarmTypeId" |
||||||
|
style="min-width: 185px" |
||||||
|
> |
||||||
|
<el-option :value="1" label="预警问题" /> |
||||||
|
<el-option :value="2" label="风险问题" /> |
||||||
|
<el-option :value="3" label="提醒通知" /> |
||||||
|
</el-select> |
||||||
|
</div> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-col> |
<el-form-item |
||||||
<el-col :span="6"> |
style="width: 333px" |
||||||
<el-form-item label="身份证号"> |
label="被通知单位" |
||||||
<el-input |
prop="involveDepartId" |
||||||
placeholder="请输入" |
:rules="{ |
||||||
v-model="query.idCode" |
message: '请选择问题涉及单位', |
||||||
clearable |
trigger: ['blur'], |
||||||
/> |
}" |
||||||
|
> |
||||||
|
<depart-tree-select |
||||||
|
v-model="formData2.involveDepartId" |
||||||
|
:check-strictly="true" |
||||||
|
@node-click="(row) => changeDepart(row)" |
||||||
|
/> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-col> |
<el-form-item |
||||||
<el-col :span="6"> |
label="被提醒民警" |
||||||
<el-form-item label="手机号"> |
prop="blameEmpNo" |
||||||
<el-input |
:rules="{ |
||||||
placeholder="请输入" |
required: true, |
||||||
v-model="query.mobileNumber" |
message: '请选择提醒民警', |
||||||
clearable |
trigger: ['blur'], |
||||||
/> |
}" |
||||||
|
> |
||||||
|
<el-select |
||||||
|
v-model="police" |
||||||
|
value-key="idCode" |
||||||
|
placeholder="请选择提醒民警" |
||||||
|
@change="changePolice" |
||||||
|
style="width: 240px" |
||||||
|
> |
||||||
|
<el-option |
||||||
|
v-for="item in polices" |
||||||
|
:key="item.idCode" |
||||||
|
:label="item.name" |
||||||
|
:value="item" |
||||||
|
/> |
||||||
|
</el-select> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-col> |
<el-form-item label="提醒内容"> |
||||||
<el-col :span="6"> |
<el-input |
||||||
<el-form-item label="年龄"> |
type="textarea" |
||||||
<el-input |
v-model="formData2.alarmContent" |
||||||
placeholder="请输入" |
:autosize="{ minRows: 12 }" |
||||||
v-model="query.age" |
:rules="{ |
||||||
type="number" |
message: '请填写提醒内容', |
||||||
clearable |
trigger: ['blur'], |
||||||
/> |
}" |
||||||
|
style="width: 280px" |
||||||
|
/> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-col> |
</el-form> |
||||||
</el-row> |
<footer class="flex end"> |
||||||
</el-form> |
<el-button @click="showNotification = false" size="large" |
||||||
<div class="mb-25 flex end"> |
>取消</el-button |
||||||
<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="100"/> |
|
||||||
<el-table-column |
|
||||||
label="性别" |
|
||||||
prop="gender" |
|
||||||
width="60" |
|
||||||
align="center" |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span>{{ getGender(row.gender) }}</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="人员标签" show-overflow-tooltip> |
|
||||||
<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="高风险因素" show-overflow-tooltip> |
|
||||||
<template #default="{ row }"> |
|
||||||
<div class="flex gap" v-if="row.smallTags"> |
|
||||||
<el-tag |
|
||||||
type="danger" |
|
||||||
v-for="item in row.smallTags" |
|
||||||
:key="item" |
|
||||||
>{{ item }} |
|
||||||
</el-tag |
|
||||||
> |
|
||||||
</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="handleShowDesc(row)" |
|
||||||
>查看详情 |
|
||||||
</el-button |
|
||||||
> |
> |
||||||
<el-button |
<el-button type="primary" @click="handleNotification" size="large" |
||||||
type="primary" |
>提交 |
||||||
link |
|
||||||
@click="handleShowNotification" |
|
||||||
>预警提醒 |
|
||||||
</el-button> |
</el-button> |
||||||
</template> |
</footer> |
||||||
</el-table-column> |
</el-dialog> |
||||||
</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"> |
|
||||||
<h5>风险人员基本情况</h5> |
|
||||||
<el-row> |
|
||||||
<el-col :span="1"></el-col> |
|
||||||
<el-col :span="18"> |
|
||||||
|
|
||||||
|
|
||||||
<el-col :span="18"> |
|
||||||
|
|
||||||
<div class="col col-20"> |
|
||||||
<div class="person-photo"> |
|
||||||
<img src="@/assets/images/defaultPhoto.png" /> |
|
||||||
</div> |
|
||||||
<div class="row" style="height: 100%"> |
|
||||||
<div class="col col-6"> |
|
||||||
<label>姓名</label> |
|
||||||
<span>{{ activeRow.name }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-8"> |
|
||||||
<label>性别</label> |
|
||||||
<span>{{ getGender(activeRow.gender) }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-10"> |
|
||||||
<label>证件号码</label> |
|
||||||
<span>{{ activeRow.idCode }}</span> |
|
||||||
</div> |
|
||||||
<div class="row" style="width: 100%"> |
|
||||||
<div class="col col-6"> |
|
||||||
<label>年龄</label> |
|
||||||
<span>{{ activeRow.age }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-8"> |
|
||||||
<label>管控单位</label> |
|
||||||
<span>{{ activeRow.controlDepartName }}</span> |
|
||||||
</div> |
|
||||||
<div class="col col-10"> |
|
||||||
<label>电话</label> |
|
||||||
<span>{{ activeRow.mobileNumber }}</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</el-col> |
|
||||||
</el-col> |
|
||||||
<el-col :span="5"> |
|
||||||
<div class="flex center column text-center"> |
|
||||||
<div class="socre-box"> |
|
||||||
{{ personal.riskPersonal.riskScore.toFixed(1) }} |
|
||||||
</div> |
|
||||||
<span style="font-size: 24px" class="mt-10">风险指数</span> |
|
||||||
</div> |
|
||||||
</el-col> |
|
||||||
</el-row> |
|
||||||
<div style="min-height: 50vh"> |
|
||||||
<div v-for="(item, index) in personal.riskClueList" :key="index"> |
|
||||||
<h5>{{ item.riskName }}</h5> |
|
||||||
<el-table :data="item.clues" max-height="300"> |
|
||||||
<el-table-column |
|
||||||
label="发生时间" |
|
||||||
prop="eventTime" |
|
||||||
width="160" |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="风险因素" |
|
||||||
prop="riskReason" |
|
||||||
width="160" |
|
||||||
show-overflow-tooltip |
|
||||||
/> |
|
||||||
<el-table-column |
|
||||||
label="风险内容" |
|
||||||
show-overflow-tooltip |
|
||||||
> |
|
||||||
<template #default="{ row }"> |
|
||||||
<span style="white-space: pre-wrap;">{{ row.data }}</span> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column width="80" label="分值" prop="score"/> |
|
||||||
</el-table> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
<el-dialog v-model="showNotification" title="创建提醒" width="600px"> |
|
||||||
<el-form label-width="148" :model="formData2" ref="formRef"> |
|
||||||
<el-form-item label="提醒类型"> |
|
||||||
<div class="flex gap"> |
|
||||||
<el-select |
|
||||||
v-model="formData2.alarmTypeId" |
|
||||||
style="min-width: 185px" |
|
||||||
> |
|
||||||
<el-option :value="1" label="预警问题"/> |
|
||||||
<el-option :value="2" label="风险问题"/> |
|
||||||
<el-option :value="3" label="提醒通知"/> |
|
||||||
</el-select> |
|
||||||
</div> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
style="width: 333px" |
|
||||||
label="被通知单位" |
|
||||||
prop="involveDepartId" |
|
||||||
:rules="{ |
|
||||||
message: '请选择问题涉及单位', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
> |
|
||||||
<depart-tree-select |
|
||||||
v-model="formData2.involveDepartId" |
|
||||||
:check-strictly="true" |
|
||||||
@node-click=" (row) => changeDepart(row)" |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="被提醒民警" |
|
||||||
prop="blameEmpNo" |
|
||||||
:rules="{ |
|
||||||
required: true, |
|
||||||
message: '请选择提醒民警', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
> |
|
||||||
<el-select |
|
||||||
v-model="police" |
|
||||||
value-key="idCode" |
|
||||||
placeholder="请选择提醒民警" |
|
||||||
@change="changePolice" |
|
||||||
style="width: 240px" |
|
||||||
> |
|
||||||
<el-option |
|
||||||
v-for="item in polices" |
|
||||||
:key="item.idCode" |
|
||||||
:label="item.name" |
|
||||||
:value="item" |
|
||||||
/> |
|
||||||
</el-select> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item |
|
||||||
label="提醒内容" |
|
||||||
> |
|
||||||
<el-input |
|
||||||
type="textarea" |
|
||||||
v-model="formData2.alarmContent" |
|
||||||
:autosize="{ minRows: 12 }" |
|
||||||
:rules="{ |
|
||||||
message: '请填写提醒内容', |
|
||||||
trigger: ['blur'], |
|
||||||
}" |
|
||||||
style="width: 280px" |
|
||||||
/> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<footer class="flex end"> |
|
||||||
<el-button @click="showNotification = false" size="large">取消</el-button> |
|
||||||
<el-button type="primary" @click="handleNotification" size="large" |
|
||||||
>提交 |
|
||||||
</el-button |
|
||||||
> |
|
||||||
</footer> |
|
||||||
</el-dialog> |
|
||||||
</template> |
</template> |
||||||
<script lang="ts" setup> |
<script lang="ts" setup> |
||||||
import { |
import { |
||||||
listRiskPersonnel, |
listRiskPersonnel, |
||||||
getRiskPersonnel, |
getRiskPersonnel, |
||||||
} from "@/api/sensitivePerception/riskPersonnel"; |
} from "@/api/sensitivePerception/riskPersonnel"; |
||||||
import {ref} from "vue"; |
import { ref } from "vue"; |
||||||
import {alarmNotificationCommit} from "~/api/work/alarm"; |
import { alarmNotificationCommit } from "~/api/work/alarm"; |
||||||
import feedback from "~/utils/feedback"; |
import feedback from "~/utils/feedback"; |
||||||
import {listPoliceAll} from "~/api/system/police"; |
import { listPoliceAll } from "~/api/system/police"; |
||||||
|
|
||||||
|
|
||||||
const query = ref({}); |
const query = ref({}); |
||||||
const list = ref<any[]>([]); |
const list = ref<any[]>([]); |
||||||
const total = ref(0); |
const total = ref(0); |
||||||
const show = ref(false); |
const show = ref(false); |
||||||
|
|
||||||
let showNotification = ref(false) |
let showNotification = ref(false); |
||||||
let formData2 = ref({ |
let formData2 = ref({ |
||||||
alarmTypeId: 1, |
alarmTypeId: 1, |
||||||
involveDepartId: '', |
involveDepartId: "", |
||||||
involveDepartName: '', |
involveDepartName: "", |
||||||
alarmContent: '', |
alarmContent: "", |
||||||
blameName: '', |
blameName: "", |
||||||
blameIdCode: '', |
blameIdCode: "", |
||||||
blameEmpNo: '', |
blameEmpNo: "", |
||||||
blames: {}, |
blames: {}, |
||||||
level: -1 |
level: -1, |
||||||
}) |
}); |
||||||
let police = ref({}) |
let police = ref({}); |
||||||
let polices = ref([]) |
let polices = ref([]); |
||||||
|
|
||||||
const handleShowNotification = () => { |
const handleShowNotification = () => { |
||||||
showNotification.value = true |
showNotification.value = true; |
||||||
} |
}; |
||||||
|
|
||||||
const handleNotification = async () => { |
const handleNotification = async () => { |
||||||
if(formData2.value.involveDepartId == '') { |
if (formData2.value.involveDepartId == "") { |
||||||
feedback.msgWarning("请选择被提醒单位"); |
feedback.msgWarning("请选择被提醒单位"); |
||||||
return; |
return; |
||||||
} |
} |
||||||
if(formData2.value.alarmContent == '') { |
if (formData2.value.alarmContent == "") { |
||||||
feedback.msgWarning("请填写提醒内容"); |
feedback.msgWarning("请填写提醒内容"); |
||||||
return; |
return; |
||||||
} |
} |
||||||
if(formData2.value.policeIdCode == '') { |
if (formData2.value.policeIdCode == "") { |
||||||
feedback.msgWarning("请选择被提醒民警"); |
feedback.msgWarning("请选择被提醒民警"); |
||||||
return; |
return; |
||||||
} |
} |
||||||
let data = { |
let data = { |
||||||
alarmTypeId: formData2.value.alarmTypeId, |
alarmTypeId: formData2.value.alarmTypeId, |
||||||
notificationDepartCode: formData2.value.involveDepartId, |
notificationDepartCode: formData2.value.involveDepartId, |
||||||
notificationDepartName: formData2.value.involveDepartName, |
notificationDepartName: formData2.value.involveDepartName, |
||||||
alarmContent: formData2.value.alarmContent, |
alarmContent: formData2.value.alarmContent, |
||||||
policeName: police.value.name, |
policeName: police.value.name, |
||||||
policeIdCode: police.value.idCode, |
policeIdCode: police.value.idCode, |
||||||
policeNo: police.value.empNo |
policeNo: police.value.empNo, |
||||||
} |
}; |
||||||
await alarmNotificationCommit(data); |
await alarmNotificationCommit(data); |
||||||
showNotification.value = false; |
showNotification.value = false; |
||||||
feedback.msgSuccess("操作成功"); |
feedback.msgSuccess("操作成功"); |
||||||
initFormData2(); |
initFormData2(); |
||||||
} |
}; |
||||||
|
|
||||||
const initFormData2 = () => { |
const initFormData2 = () => { |
||||||
formData2.value = { |
formData2.value = { |
||||||
alarmTypeId: 1, |
alarmTypeId: 1, |
||||||
involveDepartId: '', |
involveDepartId: "", |
||||||
involveDepartName: '', |
involveDepartName: "", |
||||||
alarmContent: '', |
alarmContent: "", |
||||||
blameName: '', |
blameName: "", |
||||||
blameIdCode: '', |
blameIdCode: "", |
||||||
blameEmpNo: '', |
blameEmpNo: "", |
||||||
blames: {}, |
blames: {}, |
||||||
level: -1 |
level: -1, |
||||||
} |
}; |
||||||
} |
}; |
||||||
|
|
||||||
const changeDepart = (row) => { |
const changeDepart = (row) => { |
||||||
formData2.value.involveDepartName = row.shortName; |
formData2.value.involveDepartName = row.shortName; |
||||||
formData2.value.level = row.level |
formData2.value.level = row.level; |
||||||
police.value = {} |
police.value = {}; |
||||||
getPolices(row.id); |
getPolices(row.id); |
||||||
} |
}; |
||||||
|
|
||||||
const changePolice = (data) => { |
const changePolice = (data) => { |
||||||
police.value = { |
police.value = { |
||||||
idCode: data.idCode, |
idCode: data.idCode, |
||||||
empNo: data.empNo, |
empNo: data.empNo, |
||||||
name: data.name |
name: data.name, |
||||||
} |
}; |
||||||
} |
}; |
||||||
|
|
||||||
function getPolices(departId) { |
function getPolices(departId) { |
||||||
if(departId=='') { |
if (departId == "") { |
||||||
return; |
return; |
||||||
} |
} |
||||||
listPoliceAll(departId).then(res => { |
listPoliceAll(departId).then((res) => { |
||||||
polices.value = res |
polices.value = res; |
||||||
}) |
}); |
||||||
} |
} |
||||||
|
|
||||||
function getList() { |
function getList() { |
||||||
listRiskPersonnel(query.value).then((data) => { |
listRiskPersonnel(query.value).then((data) => { |
||||||
list.value = data.records; |
list.value = data.records; |
||||||
total.value = data.total; |
total.value = data.total; |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
function reset() { |
function reset() { |
||||||
query.value = {}; |
query.value = {}; |
||||||
getList(); |
getList(); |
||||||
} |
} |
||||||
|
|
||||||
onMounted(() => { |
onMounted(() => { |
||||||
getList(); |
getList(); |
||||||
}); |
}); |
||||||
|
|
||||||
const activeRow = ref({}); |
const activeRow = ref({}); |
||||||
const personal = ref({ |
const personal = ref({ |
||||||
riskClueList: [], |
riskClueList: [], |
||||||
}); |
}); |
||||||
|
|
||||||
async function handleShowDesc(row) { |
async function handleShowDesc(row) { |
||||||
activeRow.value = row; |
activeRow.value = row; |
||||||
const data = await getRiskPersonnel(row.id); |
const data = await getRiskPersonnel(row.id); |
||||||
show.value = true; |
show.value = true; |
||||||
personal.value = data; |
personal.value = data; |
||||||
} |
} |
||||||
|
|
||||||
const filterJsonData = (row) => { |
const filterJsonData = (row) => { |
||||||
if (row.data == undefined) { |
if (row.data == undefined) { |
||||||
return '' |
return ""; |
||||||
} |
|
||||||
try { |
|
||||||
let j = JSON.parse(row.data) |
|
||||||
if (j.sourceData != undefined) { |
|
||||||
j = JSON.parse(row.sourceData) |
|
||||||
} |
} |
||||||
let str = '' |
try { |
||||||
for (let key in j) { |
let j = JSON.parse(row.data); |
||||||
if (key == 'eventTime') { |
if (j.sourceData != undefined) { |
||||||
continue |
j = JSON.parse(row.sourceData); |
||||||
} |
} |
||||||
if (key == 'idCode') { |
let str = ""; |
||||||
continue |
for (let key in j) { |
||||||
} |
if (key == "eventTime") { |
||||||
if (key == 'departId') { |
continue; |
||||||
continue |
} |
||||||
} |
if (key == "idCode") { |
||||||
if (key == 'personId') { |
continue; |
||||||
continue |
} |
||||||
} |
if (key == "departId") { |
||||||
if (key == 'name') { |
continue; |
||||||
continue |
} |
||||||
} |
if (key == "personId") { |
||||||
str += j[key] + '\n' |
continue; |
||||||
|
} |
||||||
|
if (key == "name") { |
||||||
|
continue; |
||||||
|
} |
||||||
|
str += j[key] + "\n"; |
||||||
|
} |
||||||
|
return str; |
||||||
|
} catch (e) { |
||||||
|
return row.data; |
||||||
} |
} |
||||||
return str |
}; |
||||||
} catch (e) { |
|
||||||
return row.data |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
function getGender(val) { |
function getGender(val) { |
||||||
if (val == 1) { |
if (val == 1) { |
||||||
return "男"; |
return "男"; |
||||||
} |
} |
||||||
if (val == 2) { |
if (val == 2) { |
||||||
return "女"; |
return "女"; |
||||||
} |
} |
||||||
return ""; |
return ""; |
||||||
} |
} |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
.socre-box { |
.socre-box { |
||||||
background: linear-gradient(180deg, #ffa36a 0%, #ff0000 100%); |
background: linear-gradient(180deg, #ffa36a 0%, #ff0000 100%); |
||||||
border-radius: 9px; |
border-radius: 9px; |
||||||
border: 2px solid #f11d16; |
border: 2px solid #f11d16; |
||||||
height: 153px; |
height: 153px; |
||||||
line-height: 153px; |
line-height: 153px; |
||||||
text-align: center; |
text-align: center; |
||||||
font-size: 124px; |
font-size: 124px; |
||||||
color: #fff; |
color: #fff; |
||||||
} |
} |
||||||
.person-photo { |
.person-photo { |
||||||
text-align: center; |
text-align: center; |
||||||
margin-bottom: 10px; |
margin-bottom: 10px; |
||||||
} |
} |
||||||
|
|
||||||
.person-photo img { |
.person-photo img { |
||||||
max-height: 100%; |
max-height: 100%; |
||||||
width: 200px; |
width: 200px; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
|
|||||||
Loading…
Reference in new issue