| | |
| | | > |
| | | <div class="company-info"> |
| | | <div>企业基本信息</div> |
| | | <div><span>企业名称:</span><span>XXXXXXXXXX有限公司</span></div> |
| | | <div><span>许可证:</span><span>在有效期(有效期至:XXXXX)</span></div> |
| | | <div><span>库存:</span><span>100(万箱)</span></div> |
| | | <div><span>企业名称:</span><span>{{enterpriseName}}</span></div> |
| | | <div> |
| | | <span>许可证:</span> |
| | | <span v-if="licenceValidStatus == 0">在有效期(有效期至:{{licenceValidDeadline}})</span> |
| | | <span v-else>已过期</span> |
| | | </div> |
| | | <div><span>库存:</span><span>{{stockNum}}</span></div> |
| | | <div><span>库容:</span> |
| | | <span> |
| | | <el-input placeholder="请输入库容量" v-model="checkForm.store"></el-input> |
| | | <el-input placeholder="请输入库容量" v-model="checkForm.storageCapacity"></el-input> |
| | | </span> |
| | | </div> |
| | | </div> |
| | |
| | | <div>自查自改填报</div> |
| | | <div> |
| | | <span>自查是否有隐患:</span> |
| | | <el-radio-group v-model="checkForm.isRisky"> |
| | | <el-radio-group v-model="checkForm.hiddendangerStatus"> |
| | | <el-radio :label="1">是</el-radio> |
| | | <el-radio :label="2">否</el-radio> |
| | | <el-radio :label="0">否</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | </div> |
| | | <div class="risk-list" v-if="checkForm.isRisky==1"> |
| | | <div class="risk-list" v-if="checkForm.hiddendangerStatus==1"> |
| | | <table class="risk-table"> |
| | | <th><span>序号</span><span>检查出的隐患问题</span><span>检查时间</span><span>最后整改期限</span><span>隐患等级</span><span>操作</span></th> |
| | | <tr v-for="(item,index) in checkForm.riskList"> |
| | | <tr v-for="(item,index) in checkForm.submitHiddendangers"> |
| | | <td class="num">{{index + 1}}</td> |
| | | <td class="info"><el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="item.info"></el-input></td> |
| | | <td class="date"><el-date-picker v-model="item.time" type="datetime" placeholder="选择检查时间"></el-date-picker></td> |
| | | <td class="deadline"><el-date-picker v-model="item.deadline" type="datetime" placeholder="选择整改期限"></el-date-picker></td> |
| | | <td class="info"><el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="item.hiddendangerRemark"></el-input></td> |
| | | <td class="date"><el-date-picker v-model="item.checkTime" type="datetime" placeholder="选择检查时间"></el-date-picker></td> |
| | | <td class="deadline"><el-date-picker v-model="item.rectifyDeadlineTime" type="datetime" placeholder="选择整改期限"></el-date-picker></td> |
| | | <td class="level"> |
| | | <el-radio-group v-model="item.level"> |
| | | <el-radio-group v-model="item.hiddendangerLevel"> |
| | | <el-radio :label="1">一般隐患</el-radio> |
| | | <el-radio :label="2">重大隐患</el-radio> |
| | | </el-radio-group> |
| | |
| | | <div style="display: flex;align-items: center;margin-top: 20px"> |
| | | <span>填报人:</span> |
| | | <span style="margin-right: 40px"> |
| | | <el-input v-model="checkForm.reporter"></el-input> |
| | | <el-input v-model="checkForm.selfcheckReportUserName"></el-input> |
| | | </span> |
| | | <span>电话号码:</span> |
| | | <span> |
| | | <el-input v-model="checkForm.reportPhone"></el-input> |
| | | <el-input v-model="checkForm.selfcheckReportUserMobile"></el-input> |
| | | </span> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | |
| | | |
| | | <script> |
| | | import {computePageCount} from "@/utils"; |
| | | |
| | | import { saveSelfCheckReport, getSelfBaseInfo } from '@/api/selfCheck' |
| | | export default { |
| | | name: "selfReport", |
| | | data(){ |
| | | return{ |
| | | dialogVisible:false, |
| | | dialogVisible: false, |
| | | id: null, |
| | | enterpriseName: '', |
| | | licenceValidStatus: 0, |
| | | licenceValidDeadline: '', |
| | | stockNum: 0, |
| | | checkForm:{ |
| | | store: '', |
| | | isRisky: 2, |
| | | riskList: [ |
| | | storageCapacity: 0, |
| | | hiddendangerStatus: 0, |
| | | submitHiddendangers: [ |
| | | { |
| | | info: '', |
| | | time: '', |
| | | deadline: '', |
| | | level: '' |
| | | id: null, |
| | | hiddendangerRemark: '', |
| | | checkTime: '', |
| | | rectifyDeadlineTime: '', |
| | | hiddendangerLevel: 1 |
| | | } |
| | | ], |
| | | reporter: '', |
| | | reportPhone: '' |
| | | selfcheckReportUserName: '', |
| | | selfcheckReportUserMobile: '' |
| | | }, |
| | | } |
| | | }, |
| | |
| | | methods:{ |
| | | addItem(){ |
| | | const newItem = { |
| | | info: '', |
| | | time: '', |
| | | level: '' |
| | | hiddendangerRemark: '', |
| | | checkTime: '', |
| | | rectifyDeadlineTime: '', |
| | | hiddendangerLevel: 1 |
| | | } |
| | | this.checkForm.riskList.push(newItem) |
| | | this.checkForm.submitHiddendangers.push(newItem) |
| | | }, |
| | | deleteItem(i){ |
| | | console.log(i) |
| | | this.checkForm.riskList.splice(i,1) |
| | | this.checkForm.submitHiddendangers.splice(i,1) |
| | | }, |
| | | confirmSend(){ |
| | | this.dialogVisible = false |
| | | |
| | | async getUncheckList(){ |
| | | const t = this |
| | | let res = await getSelfBaseInfo(t.id) |
| | | if(res.data.code === "200"){ |
| | | t.recordTotal = res.data.result.enterpriseName |
| | | t.licenceValidStatus = res.data.result.licenceValidStatus |
| | | t.licenceValidDeadline = res.data.result.licenceValidDeadline |
| | | t.stockNum = res.data.result.stockNum |
| | | }else{ |
| | | t.$message({ |
| | | type:'warning', |
| | | message:res.data.message |
| | | }) |
| | | } |
| | | }, |
| | | |
| | | async confirmSend(){ |
| | | const t = this |
| | | let data = t.checkForm |
| | | data.id = t.id |
| | | if(data.storageCapacity.toString()=='' || data.submitHiddendangers.hiddendangerRemark == '' || data.submitHiddendangers.checkTime == '' || data.submitHiddendangers.rectifyDeadlineTime==''||data.submitHiddendangers.hiddendangerLevel.toString()==''){ |
| | | t.$message({ |
| | | type:'warning', |
| | | message:'请完善表单信息' |
| | | }) |
| | | return |
| | | } |
| | | let res = await saveSelfCheckReport(data) |
| | | if(res.data.code === "200"){ |
| | | t.$message({ |
| | | type:'success', |
| | | message:res.data.message |
| | | }) |
| | | }else{ |
| | | t.$message({ |
| | | type:'warning', |
| | | message:res.data.message |
| | | }) |
| | | } |
| | | t.dialogVisible = false |
| | | } |
| | | }, |
| | | } |