From f3440e365580b70f746cec3149718485a0f62463 Mon Sep 17 00:00:00 2001
From: Kxc0822a <kxc000822>
Date: 星期二, 12 四月 2022 10:31:09 +0800
Subject: [PATCH] 重大
---
src/views/hiddenDangerRegistration/listAssociatedHazards.vue | 250 ++++++++++++++++++++++++++++++++++++++++++++++++++
src/views/accidentHidden/fillProgress.vue | 13 ++
src/views/hiddenDangerManagement/index.vue | 1
src/router/index.js | 16 +++
src/views/hiddenDangerRegistration/hiddenDangerList.vue | 2
5 files changed, 280 insertions(+), 2 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 7602dcf..282b00d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -187,6 +187,13 @@
meta: { title: '重大隐患整改进度', icon: '' }
},
{
+ path: '/fillProgress',
+ // name: '重大隐患整改进度-填写进度',
+ component: () => import('@/views/accidentHidden/fillProgress'),
+ // meta: { title: '重大隐患整改进度-填写进度', icon: '' }
+ hidden: true
+ },
+ {
id: 2,
parentId: 0,
path: '/hiddenDangerRegistration',
@@ -200,7 +207,7 @@
component: () => import('@/views/hiddenDangerRegistration/hiddenDangerAdd'),
// meta: { title: '隐患登记下达-发送隐患单', icon: '' }
hidden: true
- },
+ },
{
path: '/hiddenDangerList',
// name: '隐患登记下达-发送隐患单',
@@ -209,6 +216,13 @@
hidden: true
},
{
+ path: '/listAssociatedHazards',
+ // name: '隐患登记下达-关联危险源-列表页面',
+ component: () => import('@/views/hiddenDangerRegistration/listAssociatedHazards'),
+ // meta: { title: '隐患登记下达-关联危险源-列表页面', icon: '' }
+ hidden: true
+ },
+ {
id: 3,
parentId: 0,
path: '/hiddenDangerRectification',
diff --git a/src/views/accidentHidden/fillProgress.vue b/src/views/accidentHidden/fillProgress.vue
new file mode 100644
index 0000000..923f9d9
--- /dev/null
+++ b/src/views/accidentHidden/fillProgress.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+ export default {
+ name: "fillProgress"
+ }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/hiddenDangerManagement/index.vue b/src/views/hiddenDangerManagement/index.vue
index 6ef8e96..bf3c304 100644
--- a/src/views/hiddenDangerManagement/index.vue
+++ b/src/views/hiddenDangerManagement/index.vue
@@ -370,6 +370,7 @@
this.$router.push({
path:"/fillInspector"
})
+ window.open(href, '_blank');
},
}
};
diff --git a/src/views/hiddenDangerRegistration/hiddenDangerList.vue b/src/views/hiddenDangerRegistration/hiddenDangerList.vue
index 0a704be..8fa5147 100644
--- a/src/views/hiddenDangerRegistration/hiddenDangerList.vue
+++ b/src/views/hiddenDangerRegistration/hiddenDangerList.vue
@@ -1,6 +1,6 @@
<template>
<div class="app-container">
- <div style="">
+ <div>
<Titlename title="发送隐患单"></Titlename>
<div class="whole-form">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
diff --git a/src/views/hiddenDangerRegistration/listAssociatedHazards.vue b/src/views/hiddenDangerRegistration/listAssociatedHazards.vue
new file mode 100644
index 0000000..467e89b
--- /dev/null
+++ b/src/views/hiddenDangerRegistration/listAssociatedHazards.vue
@@ -0,0 +1,250 @@
+<template>
+ <div class="app-container">
+ <div>
+ <Titlename title="列表页面"></Titlename>
+ <div class="whole">
+ <div class="left-tree">
+ <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+ </div>
+ <div class="right">
+ <el-form ref="form" :model="form" label-width="100px">
+ <el-row>
+ <el-col :span="6">
+ <el-form-item label="风险点名称：">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="事故类型：">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="主要危险源：">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item>
+ <el-button class="btn" type="primary" @click="onSubmit">查询</el-button>
+ <el-button class="btn" type="primary">确定</el-button>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-table
+ ref="multipleTable"
+ :data="tableData"
+ tooltip-effect="dark"
+ style="width: 100%"
+ @selection-change="handleSelectionChange">
+ <el-table-column
+ type="selection"
+ align="center"
+ width="55">
+ </el-table-column>
+ <el-table-column
+ label="风险点"
+ align="center"
+ show-overflow-tooltip
+ width="120">
+ <template slot-scope="scope">{{ scope.row.riskPoint }}</template>
+ </el-table-column>
+ <el-table-column
+ prop="hazardSources"
+ show-overflow-tooltip
+ align="center"
+ label="主要危险源"
+ width="120">
+ </el-table-column>
+ <el-table-column
+ prop="accidentType"
+ align="center"
+ label="事故类型"
+ show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column
+ prop="riskLevel"
+ label="风险等级"
+ align="center"
+ show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column
+ prop="controlMeasures"
+ label="管控措施"
+ align="center"
+ show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column
+ prop="controlLevel"
+ align="center"
+ label="管控层级"
+ show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column
+ prop="responsibleUnit"
+ label="责任单位"
+ align="center"
+ show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column
+ prop="personLiable"
+ label="责任人"
+ align="center"
+ show-overflow-tooltip>
+ </el-table-column>
+ </el-table>
+ </el-form>
+ <div style="text-align: right">
+ <el-pagination
+ v-show="recordTotal > 0"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage"
+ :page-sizes="[10, 20, 30, 50]"
+ :page-size="pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="recordTotal"
+ >
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+</template>
+
+<script>
+ import Titlename from "../../components/Titlename/index.vue";
+ export default {
+ components: {Titlename},
+ name: "listAssociatedHazards",
+ data(){
+ return{
+ data: [{
+ label: '一级 1',
+ children: [{
+ label: '二级 1-1',
+ children: [{
+ label: '三级 1-1-1'
+ }]
+ }]
+ }, {
+ label: '一级 2',
+ children: [{
+ label: '二级 2-1',
+ children: [{
+ label: '三级 2-1-1'
+ }]
+ }, {
+ label: '二级 2-2',
+ children: [{
+ label: '三级 2-2-1'
+ }]
+ }]
+ }, {
+ label: '一级 3',
+ children: [{
+ label: '二级 3-1',
+ children: [{
+ label: '三级 3-1-1'
+ }]
+ }, {
+ label: '二级 3-2',
+ children: [{
+ label: '三级 3-2-1'
+ }]
+ }]
+ }],
+ defaultProps: {
+ children: 'children',
+ label: 'label'
+ },
+ form: {
+ name: '',
+ region: '',
+ date1: '',
+ date2: '',
+ delivery: false,
+ type: [],
+ resource: '',
+ desc: ''
+ },
+ tableData: [{
+ riskPoint:'油库区动火作业',
+ hazardSources:'油库区为重大危险源，储存有粗苯，焦油、洗油、碱液等危险化学品，具有爆炸危险性和腐蚀性，在油库区进行动火作业时，安全措施落实不到位，可能引起中毒和窒息、火灾、爆炸、灼烫、触电、其他伤害。',
+ accidentType:'中毒和窒息、火灾、爆炸、灼烫、触电、其他伤害',
+ riskLevel:'重大风险',
+ controlMeasures:'1.工程技术措施：作业现场配备...',
+ controlLevel:'公司级',
+ responsibleUnit:'化产一车间',
+ personLiable:'冉玉新',
+ }, {
+ riskPoint:'粗苯储槽',
+ hazardSources:'粗苯极易燃烧爆炸，当粗苯在空气中达1.4-7.5%（体积）时将形成爆炸性的混合物，如果粗苯储槽泄漏，遇到明火可能造成火灾、爆炸、中毒和窒息。',
+ accidentType:'火灾、爆炸、中毒和窒息',
+ riskLevel:'重大风险',
+ controlMeasures:'1.工程技术措施：每年做一次防...',
+ controlLevel:'公司级',
+ responsibleUnit:'化产一车间',
+ personLiable:'侯冠秋',
+ }, {
+ riskPoint:'油库产品装车操作',
+ hazardSources:'油库装车产品为粗苯和焦油，操作过程不当可能造成火灾、爆炸、中毒、窒息事故。油库卸车原料为洗油、碱液，操作过程中可能造成触电、其他伤害事故。',
+ accidentType:'火灾、爆炸、中毒和窒息、触电、其他伤害',
+ riskLevel:'重大风险',
+ controlMeasures:'1.工程技术措施：配备装车静电...',
+ controlLevel:'公司级',
+ responsibleUnit:'化产一车间',
+ personLiable:'侯冠秋',
+ }],
+ multipleSelection: [],
+ pageSize: 10,
+ recordTotal: 0,
+ currentPage: 1,
+ }
+ },
+ methods: {
+ handleNodeClick(data) {
+ console.log(data);
+ },
+ onSubmit() {
+ console.log('submit!');
+ },
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
+ }
+ }
+ }
+</script>
+
+<style scoped>
+ .app-container {
+ padding: 20px;
+ height: 850px;
+ overflow-y: auto;
+ }
+ .whole{
+ display: flex;
+ flex-direction: row;
+ }
+ .left-tree{
+ width: 15%;
+ }
+ .right{
+ width: 85%;
+ }
+ .btn{
+ background-color: #034ea2;
+ border: 1px solid #034ea2;
+ }
+ .el-button:hover {
+ background: #66b1ff;
+ border-color: #66b1ff;
+ color: #FFF;
+ }
+ .el-table .cell{
+ max-height: 50px;
+ overflow-y: auto;
+ }
+</style>
--
Gitblit v1.9.2