From 6216c9cdc3e37a67e200262c418c264624fa151a Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期三, 18 五月 2022 17:47:23 +0800
Subject: [PATCH] 安全隐患汇总一览
---
src/views/safetyHazardAccount/accountSend.vue | 540 +++++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 358 insertions(+), 182 deletions(-)
diff --git a/src/views/safetyHazardAccount/accountSend.vue b/src/views/safetyHazardAccount/accountSend.vue
index 71b3cec..44e62eb 100644
--- a/src/views/safetyHazardAccount/accountSend.vue
+++ b/src/views/safetyHazardAccount/accountSend.vue
@@ -1,206 +1,382 @@
<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>
--
Gitblit v1.9.2