|
|
|
@ -73,10 +73,9 @@ |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
<template #icon> |
|
|
|
<template #icon> |
|
|
|
<icon name="el-icon-Search"/> |
|
|
|
<icon name="el-icon-Search" /> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
查询 |
|
|
|
查询</el-button |
|
|
|
</el-button |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -84,7 +83,7 @@ |
|
|
|
</header> |
|
|
|
</header> |
|
|
|
<div class="table-container" v-loading="mainLoading"> |
|
|
|
<div class="table-container" v-loading="mainLoading"> |
|
|
|
<el-table :data="list"> |
|
|
|
<el-table :data="list"> |
|
|
|
<el-table-column label="姓名" prop="name" width="120"/> |
|
|
|
<el-table-column label="姓名" prop="name" width="120" /> |
|
|
|
<el-table-column label="性别" width="100" align="center"> |
|
|
|
<el-table-column label="性别" width="100" align="center"> |
|
|
|
<template #default="{ row }"> |
|
|
|
<template #default="{ row }"> |
|
|
|
<span>{{ getGenderFromIdCode(row.idCode) }}</span> |
|
|
|
<span>{{ getGenderFromIdCode(row.idCode) }}</span> |
|
|
|
@ -98,7 +97,7 @@ |
|
|
|
}}</span> |
|
|
|
}}</span> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="警号" prop="empNo" width="160"/> |
|
|
|
<el-table-column label="警号" prop="empNo" width="160" /> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="入职时间" |
|
|
|
label="入职时间" |
|
|
|
prop="employmentDate" |
|
|
|
prop="employmentDate" |
|
|
|
@ -137,15 +136,7 @@ |
|
|
|
type="primary" |
|
|
|
type="primary" |
|
|
|
link |
|
|
|
link |
|
|
|
@click="handleShowProfile(row)" |
|
|
|
@click="handleShowProfile(row)" |
|
|
|
>问题详情 |
|
|
|
>问题详情</el-button |
|
|
|
</el-button |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<el-button |
|
|
|
|
|
|
|
type="primary" |
|
|
|
|
|
|
|
link |
|
|
|
|
|
|
|
@click="handleShowNotification" |
|
|
|
|
|
|
|
>预警提醒 |
|
|
|
|
|
|
|
</el-button |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
@ -196,7 +187,7 @@ |
|
|
|
<h5>民警基本情况</h5> |
|
|
|
<h5>民警基本情况</h5> |
|
|
|
<el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="6"> |
|
|
|
<icon name="local-icon-police" :size="120"/> |
|
|
|
<icon name="local-icon-police" :size="120" /> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<el-col :span="18"> |
|
|
|
<div class="row"> |
|
|
|
<div class="row"> |
|
|
|
@ -410,9 +401,9 @@ |
|
|
|
<div></div> |
|
|
|
<div></div> |
|
|
|
<h5>问题清单</h5> |
|
|
|
<h5>问题清单</h5> |
|
|
|
<el-table :data="negativeList"> |
|
|
|
<el-table :data="negativeList"> |
|
|
|
<el-table-column label="发现时间" prop="discoveryTime"/> |
|
|
|
<el-table-column label="发现时间" prop="discoveryTime" /> |
|
|
|
<el-table-column label="问题来源" prop="problemSources"/> |
|
|
|
<el-table-column label="问题来源" prop="problemSources" /> |
|
|
|
<el-table-column label="业务类别" prop="businessTypeName"/> |
|
|
|
<el-table-column label="业务类别" prop="businessTypeName" /> |
|
|
|
<el-table-column |
|
|
|
<el-table-column |
|
|
|
label="涉及单位" |
|
|
|
label="涉及单位" |
|
|
|
prop="involveDepartName" |
|
|
|
prop="involveDepartName" |
|
|
|
@ -429,8 +420,7 @@ |
|
|
|
type="primary" |
|
|
|
type="primary" |
|
|
|
link |
|
|
|
link |
|
|
|
@click="handleAction(row)" |
|
|
|
@click="handleAction(row)" |
|
|
|
>查看详情 |
|
|
|
>查看详情</el-button |
|
|
|
</el-button |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
@ -452,83 +442,6 @@ |
|
|
|
</el-scrollbar> |
|
|
|
</el-scrollbar> |
|
|
|
</el-dialog> |
|
|
|
</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> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<negative-dialog |
|
|
|
<negative-dialog |
|
|
|
v-model="negativeShow" |
|
|
|
v-model="negativeShow" |
|
|
|
:id="activeNegativeId" |
|
|
|
:id="activeNegativeId" |
|
|
|
@ -543,87 +456,13 @@ import { |
|
|
|
listNegativeByPoliceIdCode, |
|
|
|
listNegativeByPoliceIdCode, |
|
|
|
listNegativeMonthly, |
|
|
|
listNegativeMonthly, |
|
|
|
} from "@/api/sensitivePerception/profilePolice"; |
|
|
|
} from "@/api/sensitivePerception/profilePolice"; |
|
|
|
import {HostLevel, InspectCase} from "@/enums/dictEnums"; |
|
|
|
import { InspectCase } from "@/enums/dictEnums"; |
|
|
|
import {getDictLable, getGenderFromIdCode} from "@/utils/util"; |
|
|
|
import { getDictLable, getGenderFromIdCode } from "@/utils/util"; |
|
|
|
import moment from "moment"; |
|
|
|
import moment from "moment"; |
|
|
|
|
|
|
|
|
|
|
|
import useCatchStore from "@/stores/modules/catch"; |
|
|
|
import useCatchStore from "@/stores/modules/catch"; |
|
|
|
import {ref} from "vue"; |
|
|
|
|
|
|
|
import {alarmNotificationCommit} from "~/api/work/alarm"; |
|
|
|
|
|
|
|
import feedback from "~/utils/feedback"; |
|
|
|
|
|
|
|
import {listPoliceAll, listPoliceLeader} from "~/api/system/police"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const catchStore = useCatchStore(); |
|
|
|
const catchStore = useCatchStore(); |
|
|
|
const dict = catchStore.getDicts(["personType"]); |
|
|
|
const dict = catchStore.getDicts(["personType"]); |
|
|
|
let showNotification = ref(false) |
|
|
|
|
|
|
|
let formData2 = ref({ |
|
|
|
|
|
|
|
alarmTypeId: 1, |
|
|
|
|
|
|
|
involveDepartId: '', |
|
|
|
|
|
|
|
involveDepartName: '', |
|
|
|
|
|
|
|
alarmContent: '', |
|
|
|
|
|
|
|
blameName: '', |
|
|
|
|
|
|
|
blameIdCode: '', |
|
|
|
|
|
|
|
blameEmpNo: '', |
|
|
|
|
|
|
|
blames: {}, |
|
|
|
|
|
|
|
level: -1 |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
let police = ref({}) |
|
|
|
|
|
|
|
let polices = ref([]) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleShowNotification = () => { |
|
|
|
|
|
|
|
showNotification.value = true |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleNotification = async () => { |
|
|
|
|
|
|
|
if(formData2.value.involveDepartId == '') { |
|
|
|
|
|
|
|
feedback.msgWarning("请选择被提醒单位"); |
|
|
|
|
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if(formData2.value.alarmContent == '') { |
|
|
|
|
|
|
|
feedback.msgWarning("请填写提醒内容"); |
|
|
|
|
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
if(formData2.value.policeIdCode == '') { |
|
|
|
|
|
|
|
feedback.msgWarning("请选择被提醒民警"); |
|
|
|
|
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
let data = { |
|
|
|
|
|
|
|
alarmTypeId: formData2.value.alarmTypeId, |
|
|
|
|
|
|
|
notificationDepartCode: formData2.value.involveDepartId, |
|
|
|
|
|
|
|
notificationDepartName: formData2.value.involveDepartName, |
|
|
|
|
|
|
|
alarmContent: formData2.value.alarmContent, |
|
|
|
|
|
|
|
policeName: police.value.name, |
|
|
|
|
|
|
|
policeIdCode: police.value.idCode, |
|
|
|
|
|
|
|
policeNo: police.value.empNo |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
await alarmNotificationCommit(data); |
|
|
|
|
|
|
|
showNotification.value = false; |
|
|
|
|
|
|
|
feedback.msgSuccess("操作成功"); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const changeDepart = (row) => { |
|
|
|
|
|
|
|
formData2.value.involveDepartName = row.shortName; |
|
|
|
|
|
|
|
formData2.value.level = row.level |
|
|
|
|
|
|
|
police.value = {} |
|
|
|
|
|
|
|
getPolices(row.id); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const changePolice = (data) => { |
|
|
|
|
|
|
|
police.value = { |
|
|
|
|
|
|
|
idCode: data.idCode, |
|
|
|
|
|
|
|
empNo: data.empNo, |
|
|
|
|
|
|
|
name: data.name |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function getPolices(departId) { |
|
|
|
|
|
|
|
if(departId=='') { |
|
|
|
|
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
listPoliceLeader(departId).then(res => { |
|
|
|
|
|
|
|
polices.value = res |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const query = ref({ |
|
|
|
const query = ref({ |
|
|
|
current: 1, |
|
|
|
current: 1, |
|
|
|
@ -637,7 +476,6 @@ const list = ref<any[]>([]); |
|
|
|
const total = ref(0); |
|
|
|
const total = ref(0); |
|
|
|
|
|
|
|
|
|
|
|
const mainLoading = ref(false); |
|
|
|
const mainLoading = ref(false); |
|
|
|
|
|
|
|
|
|
|
|
function getList() { |
|
|
|
function getList() { |
|
|
|
mainLoading.value = true; |
|
|
|
mainLoading.value = true; |
|
|
|
listPoliceNegative(query.value).then((data) => { |
|
|
|
listPoliceNegative(query.value).then((data) => { |
|
|
|
@ -743,14 +581,14 @@ const radarOption = ref({ |
|
|
|
}, |
|
|
|
}, |
|
|
|
radar: { |
|
|
|
radar: { |
|
|
|
indicator: [ |
|
|
|
indicator: [ |
|
|
|
{name: "110接处警", max: 100}, |
|
|
|
{ name: "110接处警", max: 100 }, |
|
|
|
{name: "122接处警", max: 100}, |
|
|
|
{ name: "122接处警", max: 100 }, |
|
|
|
{name: "人境窗口服务", max: 100}, |
|
|
|
{ name: "人境窗口服务", max: 100 }, |
|
|
|
{name: "车驾管服务", max: 100}, |
|
|
|
{ name: "车驾管服务", max: 100 }, |
|
|
|
{name: "交警执法", max: 100}, |
|
|
|
{ name: "交警执法", max: 100 }, |
|
|
|
{name: "执法办案", max: 100}, |
|
|
|
{ name: "执法办案", max: 100 }, |
|
|
|
{name: "专项工作", max: 100}, |
|
|
|
{ name: "专项工作", max: 100 }, |
|
|
|
{name: "安保维稳", max: 100}, |
|
|
|
{ name: "安保维稳", max: 100 }, |
|
|
|
], |
|
|
|
], |
|
|
|
}, |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
series: [ |
|
|
|
@ -777,7 +615,6 @@ const radarOption = ref({ |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
const score = ref(0); |
|
|
|
const score = ref(0); |
|
|
|
|
|
|
|
|
|
|
|
async function getProfileData() { |
|
|
|
async function getProfileData() { |
|
|
|
loading.value = true; |
|
|
|
loading.value = true; |
|
|
|
negativeQuery.value.idCode = activeRow.value.idCode; |
|
|
|
negativeQuery.value.idCode = activeRow.value.idCode; |
|
|
|
@ -817,16 +654,15 @@ function getNegativeList() { |
|
|
|
|
|
|
|
|
|
|
|
const negativeShow = ref(false); |
|
|
|
const negativeShow = ref(false); |
|
|
|
const activeNegativeId = ref(""); |
|
|
|
const activeNegativeId = ref(""); |
|
|
|
|
|
|
|
|
|
|
|
function handleAction(row) { |
|
|
|
function handleAction(row) { |
|
|
|
negativeShow.value = true; |
|
|
|
negativeShow.value = true; |
|
|
|
activeNegativeId.value = row.id; |
|
|
|
activeNegativeId.value = row.id; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const colors = [ |
|
|
|
const colors = [ |
|
|
|
{color: "var(--success-color)", percentage: 60}, |
|
|
|
{ color: "var(--success-color)", percentage: 60 }, |
|
|
|
{color: "#DC6231", percentage: 80}, |
|
|
|
{ color: "#DC6231", percentage: 80 }, |
|
|
|
{color: "var(--danger-color)", percentage: 100}, |
|
|
|
{ color: "var(--danger-color)", percentage: 100 }, |
|
|
|
]; |
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
function getType(val) { |
|
|
|
function getType(val) { |
|
|
|
@ -866,31 +702,25 @@ function getScoreLabel() { |
|
|
|
.col { |
|
|
|
.col { |
|
|
|
--label-width: 60px; |
|
|
|
--label-width: 60px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.score-progress-body { |
|
|
|
.score-progress-body { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
|
|
|
|
.score-progress_score { |
|
|
|
.score-progress_score { |
|
|
|
font-size: 60px; |
|
|
|
font-size: 60px; |
|
|
|
line-height: 84px; |
|
|
|
line-height: 84px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.score-progress_title { |
|
|
|
.score-progress_title { |
|
|
|
font-size: 26px; |
|
|
|
font-size: 26px; |
|
|
|
line-height: 22px; |
|
|
|
line-height: 22px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.score-theme { |
|
|
|
.score-theme { |
|
|
|
&[type="success"] { |
|
|
|
&[type="success"] { |
|
|
|
color: var(--success-color); |
|
|
|
color: var(--success-color); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&[type="warning"] { |
|
|
|
&[type="warning"] { |
|
|
|
color: #e87749; |
|
|
|
color: #e87749; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&[type="danger"] { |
|
|
|
&[type="danger"] { |
|
|
|
color: var(--danger-color); |
|
|
|
color: var(--danger-color); |
|
|
|
} |
|
|
|
} |
|
|
|
|
