| | |
| | | <template> |
| | | <div> |
| | | <table border="1" style="background: #FFFFFF;width: 80%;margin: 0 auto"> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">隐患编号:</td> |
| | | <td class="table_right_td">0220512-0008</td> |
| | | <td class="table_td" style="text-align: right;">检查单位:</td> |
| | | <td class="table_right_td">生产技术部(一通三防)</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">检查人:</td> |
| | | <td class="table_right_td">admin</td> |
| | | <td class="table_td" style="text-align: right;">陪检人员: </td> |
| | | <td class="table_right_td"></td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">检查时间:</td> |
| | | <td class="table_right_td">2022-05-12</td> |
| | | <td class="table_td" style="text-align: right;">班次:</td> |
| | | <td class="table_right_td">早班</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">跟班、带班情况:</td> |
| | | <td class="table_right_td"></td> |
| | | <td class="table_td" style="text-align: right;">跟班、带班人员:</td> |
| | | <td class="table_right_td"></td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">行走路线:</td> |
| | | <td class="table_right_td" colspan="3"></td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">隐患单位:</td> |
| | | <td class="table_right_td">众泰煤焦化</td> |
| | | <td class="table_td" style="text-align: right;">隐患部门:</td> |
| | | <td class="table_right_td">众泰煤焦化</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">隐患地点:</td> |
| | | <td class="table_right_td" colspan="3">sdf</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">隐患内容:</td> |
| | | <td class="table_right_td" colspan="3">sdf</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">隐患类别:</td> |
| | | <td class="table_right_td">采掘</td> |
| | | <td class="table_td" style="text-align: right;">隐患级别:</td> |
| | | <td class="table_right_td">一般隐患D</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">整改措施:</td> |
| | | <td class="table_right_td">sdf</td> |
| | | <td class="table_td" style="text-align: right;">所需资金:</td> |
| | | <td class="table_right_td">无</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">限改时间:</td> |
| | | <td class="table_right_td">2022-05-12</td> |
| | | <td class="table_td" style="text-align: right;">责任人: </td> |
| | | <td class="table_right_td"></td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">完成时间:</td> |
| | | <td class="table_right_td">2022-05-12 </td> |
| | | <td class="table_td" style="text-align: right;">整改完成情况: </td> |
| | | <td class="table_right_td">整改完成</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">复查时间:</td> |
| | | <td class="table_right_td">2022-05-12 </td> |
| | | <td class="table_td" style="text-align: right;">复查人:</td> |
| | | <td class="table_right_td">admin</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">复查结果:</td> |
| | | <td class="table_right_td">已整改</td> |
| | | <td class="table_td" style="text-align: right;">整改次数:</td> |
| | | <td class="table_right_td"></td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">危险源:</td> |
| | | <td class="table_right_td" colspan="3">sdf</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">风险等级:</td> |
| | | <td class="table_right_td"></td> |
| | | <td class="table_td" style="text-align: right;">业务科室:</td> |
| | | <td class="table_right_td">财务部</td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">附件:</td> |
| | | <td class="table_right_td" colspan="3"></td> |
| | | </tr> |
| | | <tr> |
| | | <td class="table_td" style="text-align: right;">流程信息:</td> |
| | | <td class="table_right_td" colspan="3"> |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | style="margin: 10px auto 0;width:98%;"> |
| | | <el-table-column |
| | | prop="date" |
| | | label="日期" |
| | | width="180"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="姓名" |
| | | width="180"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="地址"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | <div style="text-align: center;width: 100%;margin-top: 10px;"> |
| | | <button class="btn">关闭</button> |
| | | <div class="app-container"> |
| | | <div> |
| | | <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="number"> |
| | | <el-input v-model="ruleForm.number" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="检查单位" prop="check_main_branch"> |
| | | <el-input v-model="ruleForm.check_main_branch" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="检查人" prop="check_man"> |
| | | <el-input v-model="ruleForm.check_man" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="陪检人员" prop="acc_man"> |
| | | <el-input v-model="ruleForm.acc_man" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="检查时间" prop="check_date"> |
| | | <el-date-picker |
| | | v-model="ruleForm.check_date" |
| | | type="date" |
| | | :disabled="true" |
| | | placeholder="选择日期" |
| | | style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="班次" prop="check_class"> |
| | | <el-input v-model="ruleForm.check_class" :disabled="true"></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" :disabled="true"></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" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="行走路线" prop="route"> |
| | | <el-input type="textarea" v-model="ruleForm.route" class="multiline" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="隐患单位" prop="ht_community"> |
| | | <el-input v-model="ruleForm.ht_community" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="隐患部门" prop="ht_branch"> |
| | | <el-input v-model="ruleForm.ht_branch" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="隐患地点" prop="address"> |
| | | <el-input type="textarea" v-model="ruleForm.address" class="multiline" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="隐患内容" prop="ht_content"> |
| | | <el-input type="textarea" v-model="ruleForm.ht_content" class="multiline" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="隐患类别" prop="ht_typesub"> |
| | | <el-input v-model="ruleForm.ht_typesub" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="隐患级别" prop="ht_level"> |
| | | <el-input v-model="ruleForm.ht_level" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="整改措施" prop="measure"> |
| | | <el-input v-model="ruleForm.measure" :disabled="true"></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" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="限改时间" prop="alter_time"> |
| | | <el-date-picker |
| | | v-model="ruleForm.alter_time" |
| | | type="date" |
| | | :disabled="true" |
| | | placeholder="选择日期" |
| | | style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="责任人" prop="duty_officer"> |
| | | <el-input v-model="ruleForm.duty_officer" :disabled="true"></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-date-picker |
| | | v-model="value1" |
| | | type="date" |
| | | :disabled="true" |
| | | placeholder="选择日期" |
| | | style="width: 100%"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="整改完成情况" prop="alter_status"> |
| | | <el-input v-model="ruleForm.alter_status" :disabled="true"></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-date-picker |
| | | v-model="value1" |
| | | type="date" |
| | | :disabled="true" |
| | | 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" :disabled="true"></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" :disabled="true"></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" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="危险源" prop="dangerousSource"> |
| | | <el-input type="textarea" v-model="ruleForm.dangerousSource" class="multiline" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="9"> |
| | | <el-form-item label="风险等级" prop="DTRisk_level"> |
| | | <el-input v-model="ruleForm.DTRisk_level" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="9" :offset="4"> |
| | | <el-form-item label="业务科室" prop="Review"> |
| | | <el-input v-model="ruleForm.Review" :disabled="true"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item label="附件" prop="DTRisk_level"> |
| | | <el-input v-model="ruleForm.DTRisk_level" :disabled="true"></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" :disabled="true"></el-input>--> |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | style="width: 100%"> |
| | | <el-table-column |
| | | prop="date" |
| | | label="步骤" |
| | | align="center" |
| | | width="60"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="操作人" |
| | | align="center" |
| | | width="138"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="province" |
| | | label="处理时间" |
| | | align="center" |
| | | width="200"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="city" |
| | | label="审批意见" |
| | | align="center" |
| | | width="260"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | label="流程信息" |
| | | align="center" |
| | | width="188"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="22"> |
| | | <el-form-item style="text-align: center;"> |
| | | <el-button class="btn" size="small" type="primary" @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"; |
| | | import {getDangerInfo,next_step_do} from '@/api/sgyhpczl/hiddenDangerRegistration' |
| | | import {deepClone} from '@/utils' |
| | | |
| | | export default { |
| | | components: {Titlename}, |
| | | name: "superiorsSend", |
| | | data() { |
| | | return { |
| | | tableData: [{ |
| | | date: '2016-05-02', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1518 弄' |
| | | }, { |
| | | date: '2016-05-04', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1517 弄' |
| | | }, { |
| | | date: '2016-05-01', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1519 弄' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: '王小虎', |
| | | address: '上海市普陀区金沙江路 1516 弄' |
| | | }] |
| | | id:'', |
| | | ruleForm: {}, |
| | | rules: { |
| | | reviewTime: { required: true, message: '请填写复查时间', trigger: 'blur' }, |
| | | rechecker: { required: true, message: '请填写复查人', trigger: 'blur' }, |
| | | reviewResults: { required: true, message: '请填写复查结果', trigger: 'blur' }, |
| | | desc1: { required: true, message: '复查不通过时请在备注说明原因!', trigger: 'blur' }, |
| | | }, |
| | | tableData: [], |
| | | fileList: [], |
| | | }; |
| | | }, |
| | | mounted(){ |
| | | this.id = this.$route.query.id; |
| | | if( this.id!=null && this.id!=''){ |
| | | this.initInfo(); |
| | | } |
| | | }, |
| | | methods: { |
| | | async initInfo(){ |
| | | var res=await getDangerInfo(this.id) |
| | | if (res.data.ok==1){ |
| | | this.ruleForm=res.data.data |
| | | this.ruleForm.next='发送到'+res.data.data.ht_community+res.data.data.ht_branch |
| | | |
| | | } |
| | | }, |
| | | submitForm(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | | if (valid) { |
| | | var param={ |
| | | id:this.id, |
| | | step: "1", |
| | | dealContent: this.ruleForm.dealContent |
| | | } |
| | | next_step_do(param).then(res=>{ |
| | | if (res.data.ok==1){ |
| | | this.$message({type:'success', message:"fas成功", duration:3000}) |
| | | this.close() |
| | | }else { |
| | | this.$message({type:'error', message:res.data.msg, duration:3000}) |
| | | } |
| | | }) |
| | | } else { |
| | | console.log('error submit!!'); |
| | | return false; |
| | | } |
| | | }); |
| | | }, |
| | | handleRemove(file, fileList) { |
| | | console.log(file, fileList); |
| | | }, |
| | | handlePreview(file) { |
| | | console.log(file); |
| | | }, |
| | | beforeUpload(file) { |
| | | var FileExt = file.name.replace(/.+\./, ""); |
| | | if (['jpg','png','bmp','gif','jpeg'].indexOf(FileExt.toLowerCase()) === -1){ |
| | | this.$message({ |
| | | type: 'warning', |
| | | message: '请上传后缀名为jpg、png、bmp、gif、jpeg的图片!' |
| | | }); |
| | | return false; |
| | | } |
| | | }, |
| | | close(){ |
| | | this.$router.push({ |
| | | path:"/hiddenDangerRegistration" |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | table,table tr th, table tr td { |
| | | border:1px solid #ccc; |
| | | .app-container { |
| | | padding: 20px; |
| | | height: 850px; |
| | | overflow-y: auto; |
| | | } |
| | | .table_td{ |
| | | background: #e4edf4; |
| | | padding: 4px 2px; |
| | | height: 26px; |
| | | line-height: 26px; |
| | | width: 300px; |
| | | |
| | | /deep/ .box { |
| | | padding-top: 0; |
| | | } |
| | | .table_right_td{ |
| | | padding: 4px 2px; |
| | | height: 26px; |
| | | line-height: 26px; |
| | | |
| | | /deep/ .multiline .el-input__inner { |
| | | height: 62px; |
| | | } |
| | | .table_tr{ |
| | | background: #e4edf4; |
| | | line-height: 40px; |
| | | height: 40px; |
| | | /deep/ .textarea .el-textarea__inner{ |
| | | height: 80px; |
| | | max-height: 80px; |
| | | overflow-y: auto |
| | | } |
| | | table{ |
| | | width: 400px; |
| | | border-collapse: collapse; |
| | | font-size: 14px; |
| | | } |
| | | .input{ |
| | | background: #f9f9f9; |
| | | border-width: 1px; |
| | | margin: 5px 0; |
| | | /deep/ .textarea2 .el-textarea__inner{ |
| | | height: 100px; |
| | | max-height: 100px; |
| | | overflow-y: auto |
| | | } |
| | | .btn{ |
| | | background: url(../../assets/btn.gif) no-repeat; |
| | | width: 76px; |
| | | height: 26px; |
| | | line-height: 26px; |
| | | font-size: 14px; |
| | | border: none; |
| | | color: #fff; |
| | | cursor: pointer; |
| | | overflow: visible; |
| | | } |
| | | /*去掉表格背景色*/ |
| | | /deep/ .el-table tbody tr:hover > td { |
| | | background-color: unset !important |
| | | } |
| | | /deep/ .el-table .el-table__body-wrapper table tr td { |
| | | background-color: transparent; |
| | | } |
| | | /deep/ .el-table .el-table__header-wrapper table tr th { |
| | | background-color: transparent; |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | </style> |