lukeyan
1 year ago
parent
4b8315f57b
commit
ef7ee79f7d
@ -1,9 +1,26 @@
|
||||
// 平安指数模块接口
|
||||
// 平安指数模块接口
|
||||
import request from '@/utils/request'
|
||||
// 请求综合指数
|
||||
export function safeCalculation(params) {
|
||||
return request({
|
||||
url: '/safety/system/tbSafeCalculationRule/getCalculationRule',
|
||||
method: 'post',
|
||||
params
|
||||
})
|
||||
}
|
||||
// 修改综合指数
|
||||
export function saveSafeCalculation(data) {
|
||||
return request({
|
||||
url: '/safety/system/tbSafeCalculationRule',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 指标表格数据
|
||||
export function getIndexTable(params) {
|
||||
return request({
|
||||
url: '/safety/system/tbSafeRule/getRuleTree',
|
||||
method: 'post',
|
||||
params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,565 @@
|
||||
<!-- 指标表格 -->
|
||||
<template>
|
||||
<div class="display">
|
||||
<table>
|
||||
<tr class="table_title">
|
||||
<th class="table_title_one">一级指标</th>
|
||||
<th class="table_title_two">二级指标</th>
|
||||
<th class="table_title_three">三级指标</th>
|
||||
</tr>
|
||||
<!-- 防疫安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="5" @click="click_onelevel('3')">防疫安全</td>
|
||||
<td @click="click_twolevel">疫苗接种数</td>
|
||||
<td>疫苗接种数</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td @click="click_twolevel">核酸检测率</td>
|
||||
<td>核算检测率</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td @click="click_twolevel">场所码数据</td>
|
||||
<td>场所码异常数</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td @click="click_twolevel" rowspan="2">中高风险返企数</td>
|
||||
<td>境外人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>境内人员</td>
|
||||
</tr>
|
||||
<!-- 人员安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="14" @click="click_onelevel('14')">人员安全</td>
|
||||
<td rowspan="4" @click="click_twolevel">流动人员</td>
|
||||
<td>未登记人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>未注销人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>未变更人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>高危人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="7" @click="click_twolevel">重点人员</td>
|
||||
<td>重性精神病人</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>非访人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>退役重点人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>个人极端人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>前科人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>家暴人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>酗酒人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">重点岗位人员</td>
|
||||
<td>危险品领用、保管、使用人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>危险品技术资质人员</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>专家人员</td>
|
||||
<td>领域内有较高专业知识技术的专家、人才</td>
|
||||
</tr>
|
||||
<!-- 消防安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="13" @click="click_onelevel('33')">消防安全</td>
|
||||
<td rowspan="3" @click="click_twolevel">消防设施维护</td>
|
||||
<td>设备录入率</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>配置合理性</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>日常保养及时率</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">企业台账建设</td>
|
||||
<td>必要资质</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>验收许可或建设许可</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>日常检查表</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">消防制度执行</td>
|
||||
<td>人员培训率</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>演习举办情况</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>管理层专业知晓程度</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="4" @click="click_twolevel">消防事件发生</td>
|
||||
<td>火灾事故</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>其他事故</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>消防违建</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>协助扑救</td>
|
||||
</tr>
|
||||
<!-- 危化运输安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="15" @click="click_onelevel('51')">危化运输安全</td>
|
||||
<td rowspan="2" @click="click_twolevel">源头检查</td>
|
||||
<td>区内企业评分</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>区外企业评分</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="5" @click="click_twolevel">违章数据</td>
|
||||
<td>违停</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>闯禁</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>超速</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>疲劳驾驶</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>未按车道行驶</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">交通事故</td>
|
||||
<td>经损事故</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>伤亡事故</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>泄漏事故</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>行政/刑事案件</td>
|
||||
<td>有无拘留、判刑</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业整改</td>
|
||||
<td>反馈整改完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>整改反馈未完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业演习、培训</td>
|
||||
<td>企业演习</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>集中培训学习</td>
|
||||
</tr>
|
||||
<!-- 列管物品安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="10" @click="click_onelevel('73')">列管物品安全</td>
|
||||
<td rowspan="2" @click="click_twolevel">危险化学品</td>
|
||||
<td>易制爆物品生产、购买、销售、储存、使用</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>剧毒物品生产、购买、销售、储存、使用</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">放射源物品</td>
|
||||
<td>放射源储存</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>放射源运输</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>放射源使用</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">民爆物品</td>
|
||||
<td>烟花爆竹运输、销售、燃放</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>炸药、雷管保管、运输、使用</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">民用枪支管理</td>
|
||||
<td>猎枪</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>竞技体育用枪</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>商业射击馆枪支</td>
|
||||
</tr>
|
||||
<!-- 内部治安安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="15" @click="click_onelevel('88')">内部治安安全</td>
|
||||
<td rowspan="4" @click="click_twolevel">企业三防基础数据</td>
|
||||
<td>企业保卫人员名单</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>企业物防设施清单</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>企业技防前端感知(人脸、车脸、重要部位视频监控)建设</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>企业技防设施连入平台情况</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">企业各类规章制度、应急预案、应急演练</td>
|
||||
<td>规章制度</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>应急预案</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>应急演练</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">部门检查及系统研判</td>
|
||||
<td>部门检查合格进行评分</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>部门检查不合格及有缺陷的要求企业整改</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>应系统研判(设施过期及设施故障)</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业整改</td>
|
||||
<td>企业反馈整改完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>企业反馈整改未完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">企业发生的案件及企业员工涉及的案件</td>
|
||||
<td>企业发生被盗、被骗等各类案件</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>企业员工涉及的各类案件</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>企业员工涉及的信访等案件</td>
|
||||
</tr>
|
||||
<!-- 道路安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="13" @click="click_onelevel('109')">道路安全</td>
|
||||
<td rowspan="2" @click="click_twolevel">源头检查</td>
|
||||
<td>区内企业评分</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>区外企业评分</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="5" @click="click_twolevel">违章数据</td>
|
||||
<td>违停</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>闯禁</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>超速</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>未按车道行驶</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>闯红灯</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">交通事故</td>
|
||||
<td>经损事故</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>伤亡事故</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业整改</td>
|
||||
<td>反馈整改完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>反馈整改未完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业周边交通设施检查</td>
|
||||
<td>设施完善</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>设施缺失</td>
|
||||
</tr>
|
||||
<!-- 防攻击安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="16" @click="click_onelevel('128')">防攻击安全</td>
|
||||
<td rowspan="6" @click="click_twolevel">企业人防达标情况</td>
|
||||
<td>重要岗位人员是否进行安全背景调查</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>应急力量是否配备</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否安排人员24小时值班</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否安排巡逻防控力量</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否建立联防联动联治机制</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否定期开展实战演练</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">企业物防达标情况</td>
|
||||
<td>是否有实体防护设施</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否配备必要的防爆器械</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>车辆进出口是否安装车辆冲撞设施</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">企业技防达标情况</td>
|
||||
<td>是否全方位安装视频监控系统</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否安装访客登记系统</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否安装入侵和紧急报警系统</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业整改情况</td>
|
||||
<td>企业反馈完成整改</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>企业反馈未完成整改</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业定期开展反恐实战演练、培训</td>
|
||||
<td>是否定期开展反恐实战演练</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>是否定期开展反恐培训</td>
|
||||
</tr>
|
||||
<!-- 网络安全 -->
|
||||
<tr class="table_body">
|
||||
<td rowspan="10" @click="click_onelevel('150')">网络安全</td>
|
||||
<td rowspan="2" @click="click_twolevel">漏洞整改</td>
|
||||
<td>反馈整改完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>反馈整改未完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td @click="click_twolevel">行政案件</td>
|
||||
<td>是否有过行政处罚</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td @click="click_twolevel">重大网络安全事件</td>
|
||||
<td>是否发生过</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="3" @click="click_twolevel">网站应急系统备案</td>
|
||||
<td>网站备案</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>应用备案</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>应用评估</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td @click="click_twolevel">等保定级评审</td>
|
||||
<td>等保定级评审完成/未完成</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td rowspan="2" @click="click_twolevel">企业演习、培训</td>
|
||||
<td>应急演练</td>
|
||||
</tr>
|
||||
<tr class="table_body">
|
||||
<td>集中培训学习</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { getIndexTable } from "@/api/systemManagement/safeIndex";
|
||||
import bus from "@/assets/js/eventBus.js";
|
||||
export default {
|
||||
name: "IndexTable",
|
||||
data() {
|
||||
return {
|
||||
display_data: {},
|
||||
one_index_three_level: [
|
||||
{ id: 5, levelIndexThree: "疫苗接种数" },
|
||||
{ id: 8, levelIndexThree: "核算检测率" },
|
||||
{ id: 10, levelIndexThree: "场所码异常数" },
|
||||
{ id: 12, levelIndexThree: "境外人员" },
|
||||
{ id: 13, levelIndexThree: "境内人员" },
|
||||
],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
// table_header() {
|
||||
// return {
|
||||
// "text-align": "center", // 表头文字居中
|
||||
// color: "#fff",
|
||||
// };
|
||||
// },
|
||||
// 获取表格数据
|
||||
getData() {
|
||||
getIndexTable().then((res) => {
|
||||
console.log("res", res);
|
||||
this.display_data = res.data;
|
||||
});
|
||||
},
|
||||
// 一级指标点击事件
|
||||
click_onelevel(id) {
|
||||
const massage= {
|
||||
safeRuleId:id,
|
||||
level:'1',
|
||||
}
|
||||
this.$emit("back", massage);
|
||||
bus.$emit('send', massage) // 传给一级指标详情
|
||||
},
|
||||
// 二级点击事件
|
||||
click_twolevel() {
|
||||
const level = "2";
|
||||
this.$emit("backLevel", level);
|
||||
},
|
||||
// 三级点击事件
|
||||
click_threelevel() {
|
||||
const level = "3";
|
||||
this.$emit("backLevel", level);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.display {
|
||||
margin-top: 2vh;
|
||||
width: 40.3vw;
|
||||
height: 52vh;
|
||||
overflow-y: scroll;
|
||||
border: 0.1px solid #4d8f89;
|
||||
}
|
||||
.display::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: #5e666a;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.display::-webkit-scrollbar-thumb {
|
||||
width: 5px;
|
||||
background-color: #3c4b4a;
|
||||
border-radius: 4px;
|
||||
}
|
||||
table {
|
||||
width: 40vw;
|
||||
height: 50vh;
|
||||
border: 0.1px solid #4d8f89;
|
||||
.table_title {
|
||||
color: #fff;
|
||||
background: linear-gradient(to right, #284f49, #2f6363, #233b38);
|
||||
height: 4vh;
|
||||
.table_title_one {
|
||||
width: 9vw;
|
||||
}
|
||||
.table_title_two {
|
||||
width: 14vw;
|
||||
}
|
||||
.table_title_three {
|
||||
width: 17vw;
|
||||
}
|
||||
}
|
||||
.table_body {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
td {
|
||||
border: 0.1px solid #4d8f89;
|
||||
height: 4vh !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
td:hover{
|
||||
background: #3c4b4a;
|
||||
color: #54FFBE ;
|
||||
}
|
||||
}
|
||||
}
|
||||
.display_title {
|
||||
display: flex;
|
||||
width: 40vw;
|
||||
height: 4vh;
|
||||
background: linear-gradient(to right, #284f49, #2f6363, #233b38);
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 4vh;
|
||||
.title_one {
|
||||
width: 9vw;
|
||||
}
|
||||
.title_two {
|
||||
width: 14vw;
|
||||
}
|
||||
.title_three {
|
||||
width: 17vw;
|
||||
}
|
||||
}
|
||||
.parent {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
border-bottom: 0.2px solid #4d8f89;
|
||||
// background: #243333;
|
||||
.son_one {
|
||||
width: 9vw;
|
||||
height: 20vh;
|
||||
line-height: 20vh;
|
||||
}
|
||||
.son_two {
|
||||
width: 14vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
div {
|
||||
height: 5vh;
|
||||
line-height: 5vh;
|
||||
}
|
||||
}
|
||||
.son_three {
|
||||
width: 17vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
div {
|
||||
height: 4vh;
|
||||
line-height: 4vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,14 @@
|
||||
<!-- 三级指标详细信息展示 -->
|
||||
<template>
|
||||
<div>789</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "indexmassageThree",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
@ -0,0 +1,14 @@
|
||||
<!-- 二级指标详细信息展示 -->
|
||||
<template>
|
||||
<div>456</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "indexmassageTwo",
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
Loading…
Reference in new issue