From f14ed4045c3d24602bc435bfaa2a3752c30f876f Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期三, 13 四月 2022 10:05:30 +0800 Subject: [PATCH] 查 --- src/views/hiddenDangerRegistration/hiddenDangerList.vue | 146 +++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 117 insertions(+), 29 deletions(-) diff --git a/src/views/hiddenDangerRegistration/hiddenDangerList.vue b/src/views/hiddenDangerRegistration/hiddenDangerList.vue index 7bdf847..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" @@ -81,7 +81,7 @@ <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-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input> </el-form-item> </el-col> </el-row> @@ -112,14 +112,14 @@ <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-input type="textarea" v-model="ruleForm.name" class="multiline" :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-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input> </el-form-item> </el-col> </el-row> @@ -231,7 +231,7 @@ <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-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input> </el-form-item> </el-col> </el-row> @@ -303,16 +303,16 @@ <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-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="22"> - <el-form-item label="下一步:" prop="name"> + <el-form-item label="是否发送:" prop="name"> <el-radio-group v-model="ruleForm.safetyInspectionItemResult"> - <el-radio :label="0">申请复查</el-radio> - <el-radio :label="1">不接受,返回安全环保部</el-radio> + <el-radio :label="0">通过</el-radio> + <el-radio :label="1">不通过</el-radio> </el-radio-group> </el-form-item> </el-col> @@ -321,45 +321,79 @@ v-if="ruleForm.safetyInspectionItemResult == 0"> <el-row> <el-col :span="9"> - <el-form-item label="落实责任人:" prop="name"> - <el-input v-model="ruleForm.name"></el-input> + <el-form-item label="复查时间:" prop="reviewTime"> + <el-date-picker + v-model="ruleForm.reviewTime" + type="date" + placeholder="选择日期" + style="width: 100%"> + </el-date-picker> </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 label="复查人:" prop="rechecker"> + <el-input v-model="ruleForm.rechecker" clearable></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="复查结果" prop="reviewResults"> + <el-input class="textarea2" type="textarea" clearable v-model="ruleForm.reviewResults"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="备注" prop="desc"> + <el-input class="textarea" type="textarea" v-model="ruleForm.desc"></el-input> + </el-form-item> + </el-col> + </el-row> + </div> + <div + v-else="ruleForm.safetyInspectionItemResult == 1"> + <el-row> + <el-col :span="9"> + <el-form-item label="复查时间:" prop="reviewTime"> + <el-date-picker + v-model="ruleForm.reviewTime" + type="date" + placeholder="选择日期" + style="width: 100%"> + </el-date-picker> </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 label="复查人:" prop="rechecker"> + <el-input v-model="ruleForm.rechecker" clearable></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-col :span="22"> + <el-form-item label="复查结果" prop="reviewResults"> + <el-input class="textarea2" type="textarea" v-model="ruleForm.reviewResults1"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="22"> + <el-form-item label="备注" prop="desc1"> + <el-input class="textarea" type="textarea" v-model="ruleForm.desc1"></el-input> </el-form-item> </el-col> </el-row> </div> <el-row> <el-col :span="22"> - <el-form-item label="备注" prop="desc"> - <el-input type="textarea" v-model="ruleForm.desc"></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-button class="btn" @click="submitForm('ruleForm')" type="primary">保存</el-button> + <el-button class="btn" @click="close()" type="primary">关闭</el-button> </el-form-item> </el-col> </el-row> @@ -387,9 +421,21 @@ type: [], resource: '', value1: '', - desc: '' + desc: '', + rechecker:'', + reviewTime:'', + reviewResults:'', + rechecker1:'', + reviewTime1:'', + reviewResults1:'', + desc1:'' }, - rules: {}, + 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: [{ date: ' 1', name: '超级管理员', @@ -409,6 +455,8 @@ city: '', address: '已发送众泰煤焦化安全环保部', }], + fileList: [], + // safetyInspectionItemResult:'0', }; }, methods: { @@ -422,6 +470,27 @@ } }); }, + 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> @@ -440,4 +509,23 @@ /deep/ .multiline .el-input__inner { height: 62px; } + /deep/ .textarea .el-textarea__inner{ + height: 80px; + max-height: 80px; + overflow-y: auto + } + /deep/ .textarea2 .el-textarea__inner{ + height: 100px; + max-height: 100px; + overflow-y: auto + } + .btn{ + background-color: #034ea2; + border: 1px solid #034ea2; + } + .el-button:hover { + background: #66b1ff; + border-color: #66b1ff; + color: #FFF; + } </style> -- Gitblit v1.9.2