From 17cae4457a301ca79ff3a2975641d5989c127b13 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期一, 11 四月 2022 17:11:34 +0800 Subject: [PATCH] 新增 --- src/views/hiddenDangerManagement/index.vue | 7 src/views/hiddenDangerRegistration/index.vue | 9 src/views/hiddenDangerRegistration/hiddenDangerAdd.vue | 250 +++++++++++++++++++++++++++ src/router/index.js | 14 + src/views/hiddenDangerManagement/fillRectificationAdd.vue | 222 ++++++++++++++++++++++++ 5 files changed, 500 insertions(+), 2 deletions(-) diff --git a/src/router/index.js b/src/router/index.js index 346e2bd..7602dcf 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -195,6 +195,13 @@ meta: { title: '隐患登记下达', icon: '' } }, { + path: '/hiddenDangerAdd', + // name: '新增', + component: () => import('@/views/hiddenDangerRegistration/hiddenDangerAdd'), + // meta: { title: '隐患登记下达-发送隐患单', icon: '' } + hidden: true + }, + { path: '/hiddenDangerList', // name: '隐患登记下达-发送隐患单', component: () => import('@/views/hiddenDangerRegistration/hiddenDangerList'), @@ -262,6 +269,13 @@ meta: { title: '自查隐患管理', icon: '' } }, { + path: '/fillRectificationAdd', + // name: '自查隐患管理-填写整改', + component: () => import('@/views/hiddenDangerManagement/fillRectificationAdd'), + // meta: { title: '自查隐患管理-填写整改', icon: '' } + hidden: true + }, + { path: '/fillRectification', // name: '自查隐患管理-填写整改', component: () => import('@/views/hiddenDangerManagement/fillRectification'), diff --git a/src/views/hiddenDangerManagement/fillRectificationAdd.vue b/src/views/hiddenDangerManagement/fillRectificationAdd.vue new file mode 100644 index 0000000..ded2aa7 --- /dev/null +++ b/src/views/hiddenDangerManagement/fillRectificationAdd.vue @@ -0,0 +1,222 @@ +<template> + <div class="app-container"> + <div style=""> + <Titlename title="自查隐患管理新增"></Titlename> + <div class="whole-form"> + <el-form + :model="ruleForm" + :rules="rules" + ref="ruleForm" + label-width="150px" + class="demo-ruleForm" + style="margin: 0 14% 0 16%" + > + <el-row> + <el-col :span="9"> + <el-form-item label="检查时间:" prop="name"> + <el-date-picker + v-model="value1" + type="date" + placeholder="选择日期" + style="width: 100%" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="班次:" prop="elementAName"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="检查人:" prop="region"> + <el-input v-model="ruleForm.name"></el-input> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="隐患单位:" prop="name"> + <el-input v-model="ruleForm.name"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="隐患级别:" prop="name"> + <!-- <el-input v-model="ruleForm.name"></el-input> --> + <el-select + v-model="ruleForm.elementAName" + style="width: 100%" + > + </el-select> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="隐患类别:" prop="name"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="限改时间:" prop="name"> + <!--<el-input v-model="ruleForm.name"></el-input>--> + <el-date-picker + v-model="value1" + type="date" + placeholder="选择日期" + style="width: 100%" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="责任人:" prop="name"> + <el-input v-model="ruleForm.name"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="整改情况:" prop="name"> + <!-- <el-input v-model="ruleForm.name"></el-input> --> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + <!-- <el-col :span="9" :offset="4"> + <el-form-item label="业务科室:" prop="name"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> --> + </el-row> + <!-- <el-row> + <el-col :span="22"> + <el-form-item label="行走路线:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> --> + <el-row> + <el-col :span="22"> + <el-form-item label="隐患地点:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="隐患内容:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="整改措施:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="关联危险源" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item style="text-align: center"> + <el-button type="primary" @click="submitForm('ruleForm')" + >保存</el-button + > + <el-button @click="close()">关闭</el-button> + </el-form-item> + </el-col> + </el-row> + </el-form> + </div> + </div> + </div> +</template> + +<script> +import Titlename from "../../components/Titlename/index.vue"; + +export default { + components: { Titlename }, + name: "hiddenDangerList", + data() { + return { + ruleForm: { + name: "", + region: "", + date1: "", + date2: "", + delivery: false, + type: [], + resource: "", + value1: "", + desc: "", + }, + rules: {}, + tableData: [ + { + date: " 1", + name: "超级管理员", + province: "2022-04-07 16:10:27", + city: "", + address: "已发送众泰煤焦化安全环保部", + }, + { + date: " 1", + name: "超级管理员", + province: "2022-04-07 16:10:27", + city: "", + address: "已发送众泰煤焦化安全环保部", + }, + { + date: " 1", + name: "超级管理员", + province: "2022-04-07 16:10:27", + city: "", + address: "已发送众泰煤焦化安全环保部", + }, + ], + }; + }, + methods: { + submitForm(formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + alert("submit!"); + } else { + console.log("error submit!!"); + return false; + } + }); + }, + }, +}; +</script> + +<style scoped> +.app-container { + padding: 20px; + height: 850px; + overflow-y: auto; +} + +/deep/ .box { + padding-top: 0; +} + +/deep/ .multiline .el-input__inner { + height: 62px; +} +</style> \ No newline at end of file diff --git a/src/views/hiddenDangerManagement/index.vue b/src/views/hiddenDangerManagement/index.vue index a41036a..9ad445e 100644 --- a/src/views/hiddenDangerManagement/index.vue +++ b/src/views/hiddenDangerManagement/index.vue @@ -222,7 +222,7 @@ size="small" >填写督查</el-button > - <el-button class="btns" type="primary" icon="el-icon-plus" size="small" + <el-button class="btns" type="primary" icon="el-icon-plus" @click="jump" size="small" >添加</el-button > <el-button size="small" @@ -351,6 +351,11 @@ methods:{ handleClick(data){ + }, + jump(){ + this.$router.push({ + path:"/fillRectificationAdd" + }) } } }; diff --git a/src/views/hiddenDangerRegistration/hiddenDangerAdd.vue b/src/views/hiddenDangerRegistration/hiddenDangerAdd.vue new file mode 100644 index 0000000..c31da6f --- /dev/null +++ b/src/views/hiddenDangerRegistration/hiddenDangerAdd.vue @@ -0,0 +1,250 @@ +<template> + <div class="app-container"> + <div style=""> + <Titlename title="隐患等级下达新增"></Titlename> + <div class="whole-form"> + <el-form + :model="ruleForm" + :rules="rules" + ref="ruleForm" + label-width="150px" + class="demo-ruleForm" + style="margin: 0 14% 0 16%" + > + <el-row> + <el-col :span="9"> + <el-form-item label="检查时间:" prop="name"> + <el-date-picker + v-model="value1" + type="date" + placeholder="选择日期" + style="width: 100%" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="班次:" prop="elementAName"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="检查类别:" prop="name"> + <el-input v-model="ruleForm.name"></el-input> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="检查单位:" prop="elementAName"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="检查人:" prop="region"> + <el-input v-model="ruleForm.name"></el-input> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="陪检人员:" prop="name"> + <el-input v-model="ruleForm.name"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="隐患部门:" prop="name"> + <el-input v-model="ruleForm.name"></el-input> + <!-- <el-select + v-model="ruleForm.elementAName" + style="width: 100%" + > + </el-select> --> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="隐患类别:" prop="name"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="风险等级:" prop="name"> + <!-- <el-input v-model="ruleForm.name"></el-input> --> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="隐患级别:" prop="name"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="限改时间:" prop="name"> + <!--<el-input v-model="ruleForm.name"></el-input>--> + <el-date-picker + v-model="value1" + type="date" + placeholder="选择日期" + style="width: 100%" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="责任人:" prop="name"> + <el-input v-model="ruleForm.name"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="9"> + <el-form-item label="整改情况:" prop="name"> + <!-- <el-input v-model="ruleForm.name"></el-input> --> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + <el-col :span="9" :offset="4"> + <el-form-item label="业务科室:" prop="name"> + <el-select v-model="ruleForm.elementAName" style="width: 100%"> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="行走路线:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="地点:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="隐患内容:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="整改措施:" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="关联危险源" prop="name"> + <el-input v-model="ruleForm.name" class="multiline"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item style="text-align: center"> + <el-button type="primary" @click="submitForm('ruleForm')" + >保存</el-button + > + <el-button @click="close()">关闭</el-button> + </el-form-item> + </el-col> + </el-row> + </el-form> + </div> + </div> + </div> +</template> + +<script> +import Titlename from "../../components/Titlename/index.vue"; + +export default { + components: { Titlename }, + name: "hiddenDangerList", + data() { + return { + ruleForm: { + name: "", + region: "", + date1: "", + date2: "", + delivery: false, + type: [], + resource: "", + value1: "", + desc: "", + }, + rules: {}, + tableData: [ + { + date: " 1", + name: "超级管理员", + province: "2022-04-07 16:10:27", + city: "", + address: "已发送众泰煤焦化安全环保部", + }, + { + date: " 1", + name: "超级管理员", + province: "2022-04-07 16:10:27", + city: "", + address: "已发送众泰煤焦化安全环保部", + }, + { + date: " 1", + name: "超级管理员", + province: "2022-04-07 16:10:27", + city: "", + address: "已发送众泰煤焦化安全环保部", + }, + ], + }; + }, + methods: { + submitForm(formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + alert("submit!"); + } else { + console.log("error submit!!"); + return false; + } + }); + }, + }, +}; +</script> + +<style scoped> +.app-container { + padding: 20px; + height: 850px; + overflow-y: auto; +} + +/deep/ .box { + padding-top: 0; +} + +/deep/ .multiline .el-input__inner { + height: 62px; +} +</style> \ No newline at end of file diff --git a/src/views/hiddenDangerRegistration/index.vue b/src/views/hiddenDangerRegistration/index.vue index 24234c9..28a20cf 100644 --- a/src/views/hiddenDangerRegistration/index.vue +++ b/src/views/hiddenDangerRegistration/index.vue @@ -210,7 +210,7 @@ size="small" >批量发送</el-button > - <el-button class="btns" type="primary" icon="el-icon-plus" size="small" + <el-button class="btns" @click="jump" type="primary" icon="el-icon-plus" size="small" >添加</el-button > <el-button size="small" @@ -331,6 +331,13 @@ currentPage: 1, }; }, + methods:{ + jump(){ + this.$router.push({ + path:"/hiddenDangerAdd" + }) + } + } }; </script> <style> -- Gitblit v1.9.2