<template>
|
<el-dialog
|
:visible.sync="dialogVisible"
|
append-to-body
|
:close-on-click-modal="false"
|
width="75%"
|
center
|
>
|
<div slot="title" class="dialog-title">
|
烟花爆竹批发企业自查情况信息报送表
|
</div>
|
<div class="table-tit">
|
<div>企业名称: <span class="m-color">{{corpInfo.name}}</span></div>
|
<div>所属省市县: <span class="m-color">{{corpInfo.location}}</span></div>
|
</div>
|
<div class="corp-list">
|
<table class="corp-table">
|
<th class="m-color b-font">企业基本情况</th>
|
<tr>
|
<td class="m-color w-33">批发许可证状态</td>
|
<td class="m-color w-33">库存（万箱）</td>
|
<td class="m-color w-33">库容（万箱）</td>
|
</tr>
|
<tr>
|
<td class="w-33">{{corpInfo.isInDate}}</td>
|
<td class="w-33">{{corpInfo.stock}}</td>
|
<td class="w-33">{{corpInfo.store}}</td>
|
</tr>
|
<tr class="m-color b-font" style="text-align: center">自查与整改情况</tr>
|
<tr>
|
<td class="m-color w-5">序号</td>
|
<td class="m-color w-15">自查隐患问题描述</td>
|
<td class="m-color w-10">检查时间</td>
|
<td class="m-color w-10">隐患等级</td>
|
<td class="m-color w-25">整改措施</td>
|
<td class="m-color w-10">整改资金(元)</td>
|
<td class="m-color w-5">责任人</td>
|
<td class="m-color w-20">隐患状态</td>
|
</tr>
|
<tr v-for="(item,index) in corpInfo.measures" :key="index">
|
<td class="w-5">{{index}}</td>
|
<td class="w-15 overText">{{item.desc}}</td>
|
<td class="w-10">{{item.checkTime}}</td>
|
<td class="w-10">{{item.level}}</td>
|
<td class="w-25 overText">{{item.action}}</td>
|
<td class="w-10">{{item.money}}</td>
|
<td class="w-5">{{item.name}}</td>
|
<td class="w-20">{{item.status}}</td>
|
</tr>
|
<tr>
|
<td class="m-color w-50">隐患问题情况</td>
|
<td class="m-color w-50">整改情况</td>
|
</tr>
|
<tr>
|
<td class="m-color w-25">隐患总数</td>
|
<td class="m-color w-25">重大隐患数量</td>
|
<td class="m-color w-25">已整改隐患总数</td>
|
<td class="m-color w-25">已整改重大隐患数量</td>
|
</tr>
|
<tr>
|
<td class="w-25">{{corpInfo.totalRisks}}</td>
|
<td class="w-25">{{corpInfo.majorRisk}}</td>
|
<td class="w-25">{{corpInfo.fixRisks}}</td>
|
<td class="w-25">{{corpInfo.fixMajorRisk}}</td>
|
</tr>
|
</table>
|
<div class="table-bottom">
|
<div>填报人: <span class="m-color">{{corpInfo.reporter}}</span></div>
|
</div>
|
<div class="table-bottom">
|
<div>填报人联系电话: <span class="m-color">{{corpInfo.reportPhone}}</span></div>
|
<div>填报时间: <span class="m-color">{{corpInfo.reportTime}}</span></div>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button>情况反馈</el-button>
|
<el-button type="primary" @click="confirmBack()">返回列表</el-button>
|
</span>
|
</el-dialog>
|
</template>
|
|
<script>
|
import {computePageCount} from "@/utils";
|
import { getEnterpriseInfo } from "@/api/selfCheck";
|
export default {
|
name: "reportDetails",
|
data(){
|
return{
|
dialogVisible:false,
|
id: null,
|
corpInfo:{
|
enterpriseName: '',
|
enterpriseProvince: '',
|
enterpriseCity: '',
|
enterpriseArea: '',
|
licenceValidStatus: 0,
|
stockNum: 0,
|
store: 0,
|
hiddendangerInfos: [],
|
hiddendangerSum: 0,
|
majorHiddendangerNum: 0,
|
completedRectifyHiddendangerSum: 0,
|
completedRectifyMajorHiddendangerNum: 0,
|
selfcheckReportUserName: '',
|
selfcheckReportUserMobile: '',
|
reportModifyTime: ''
|
}
|
}
|
},
|
watch: {
|
},
|
methods:{
|
async getEnterpriseInfo(){
|
const t = this
|
let res = await getEnterpriseInfo({id: t.id})
|
if(res.data.code === "200"){
|
t.corpInfo = res.data.result
|
}else{
|
t.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
},
|
|
confirmBack(){
|
this.dialogVisible = false
|
}
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.input-with-select .el-select {
|
width: 120px;
|
}
|
|
.el-date-editor.el-input{
|
width: 100%;
|
}
|
.dialog-title{
|
font-size: 22px;
|
font-weight: bolder;
|
}
|
.table-tit{
|
display: flex;
|
align-items: center;
|
margin-bottom: 10px;
|
div:first-of-type{
|
margin-right: 100px;
|
}
|
}
|
.corp-list{
|
.corp-table{
|
width: 100%;
|
border-collapse: collapse;
|
border: 1px solid #79bbff;
|
margin: 10px 0;
|
th{
|
padding: 10px 0;
|
border: 1px solid #79bbff;
|
border-bottom: 1px solid #ccc;
|
}
|
tr{
|
width: 100%;
|
height: 44px;
|
line-height: 42px;
|
border-bottom: 1px solid #ccc;
|
|
&:last-of-type{
|
border-bottom: none;
|
}
|
td{
|
border-right: 1px solid #ccc;
|
display: inline-block;
|
height: 44px;
|
vertical-align: middle;
|
text-align: center;
|
line-height: 42px;
|
|
&:last-of-type{
|
border-right: none;
|
}
|
::v-deep.el-textarea{
|
.el-textarea__inner{
|
min-height: 40px !important;
|
background-color: #ecf5ff;
|
border: 1px solid #d9ecff;
|
}
|
}
|
|
&.w-5{
|
width: 5%;
|
}
|
&.w-10{
|
width: 10%;
|
}
|
&.w-15{
|
width: 15%;
|
}
|
&.w-20{
|
width: 20%;
|
}
|
&.w-50{
|
width: 50%;
|
}
|
&.w-25{
|
width: 25%;
|
}
|
&.w-75{
|
width: 75%;
|
}
|
&.w-33{
|
width: 33.33%;
|
}
|
&.overText{
|
overflow: auto;
|
line-height: 1.5;
|
text-align: left;
|
padding: 10px;
|
}
|
}
|
}
|
.b-font{
|
font-size: 16px;
|
font-weight: bolder;
|
}
|
::v-deep.mid{
|
.el-input__inner{
|
text-align: center;
|
background-color: #ecf5ff;
|
border: 1px solid #d9ecff;
|
}
|
}
|
}
|
.table-bottom{
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 10px;
|
}
|
}
|
</style>
|
