<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";
|
|
export default {
|
name: "reportDetails",
|
data(){
|
return{
|
dialogVisible:false,
|
corpInfo:{
|
name: '沙湾市国华商贸有限公司',
|
location: '新疆维吾尔自治区塔城地区沙湾县',
|
isInDate: true,
|
stock: '0.7321',
|
store: '3',
|
measures: [
|
{
|
desc: '未及时设防未及时设防未及时设防未及时设防未及时设防未及时设防未及时设防未及时设防未及时设防未及时设防未及时设防',
|
checkTime: '2022年12月13日',
|
level: '一般隐患',
|
action: '及时设防',
|
money: '30',
|
name: '田维云',
|
status: '整改完成期限:2022年10月13日'
|
},
|
{
|
desc: '未及时设防',
|
checkTime: '2022年12月13日',
|
level: '一般隐患',
|
action: '及时设防',
|
money: '0',
|
name: '刘海亮',
|
status: '整改完成期限:2022年10月13日'
|
}
|
],
|
totalRisks: 2,
|
majorRisk: 0,
|
fixRisks: 2,
|
fixMajorRisk: 0,
|
reporter: '张建路',
|
reportPhone: '15699336111',
|
reportTime: '2022-10-13'
|
}
|
}
|
},
|
watch: {
|
},
|
methods:{
|
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>
|