| | |
| | | meta: { title: '隐患登记下达', icon: '' } |
| | | }, |
| | | { |
| | | path: '/hiddenDangerAdd', |
| | | // name: '新增', |
| | | component: () => import('@/views/hiddenDangerRegistration/hiddenDangerAdd'), |
| | | // meta: { title: '隐患登记下达-发送隐患单', icon: '' } |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/hiddenDangerList', |
| | | // name: '隐患登记下达-发送隐患单', |
| | | component: () => import('@/views/hiddenDangerRegistration/hiddenDangerList'), |
| | |
| | | meta: { title: '自查隐患管理', icon: '' } |
| | | }, |
| | | { |
| | | path: '/fillRectificationAdd', |
| | | // name: '自查隐患管理-填写整改', |
| | | component: () => import('@/views/hiddenDangerManagement/fillRectificationAdd'), |
| | | // meta: { title: '自查隐患管理-填写整改', icon: '' } |
| | | hidden: true |
| | | }, |
| | | { |
| | | path: '/fillRectification', |
| | | // name: '自查隐患管理-填写整改', |
| | | component: () => import('@/views/hiddenDangerManagement/fillRectification'), |
对比新文件 |
| | |
| | | <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> |
| | |
| | | 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" |
| | |
| | | methods:{ |
| | | handleClick(data){ |
| | | |
| | | }, |
| | | jump(){ |
| | | this.$router.push({ |
| | | path:"/fillRectificationAdd" |
| | | }) |
| | | } |
| | | } |
| | | }; |
对比新文件 |
| | |
| | | <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> |
| | |
| | | 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" |
| | |
| | | currentPage: 1, |
| | | }; |
| | | }, |
| | | methods:{ |
| | | jump(){ |
| | | this.$router.push({ |
| | | path:"/hiddenDangerAdd" |
| | | }) |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | <style> |