<template>
|
<el-dialog
|
:visible.sync="dialogVisible"
|
append-to-body
|
:close-on-click-modal="false"
|
width="75%"
|
center
|
@close="resetForm()"
|
>
|
<div slot="title" class="dialog-title">
|
烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业自查情况信息报送表
|
</div>
|
<div class="table-tit">
|
<div>企业名称: <span class="m-color">{{corpInfo.enterpriseName}}</span></div>
|
<div>所属省市县: <span class="m-color">{{corpInfo.enterpriseProvince + corpInfo.enterpriseCity + corpInfo.enterpriseArea}}</span></div>
|
</div>
|
<div class="corp-list" v-if="corpInfo.selfcheckStatus==1">
|
<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.licenceValidStatus==0 ? '有效期内' : '失效'}}</td>
|
<td class="w-33">{{corpInfo.stockNum}}</td>
|
<td class="w-33">{{corpInfo.storageCapacity}}</td>
|
</tr>
|
<tr class="m-color b-font" style="text-align: center" v-if="corpInfo.hiddendangerStatus == 1">自查与整改情况</tr>
|
<tr v-if="corpInfo.hiddendangerStatus == 1">
|
<td class="m-color w-5">序号</td>
|
<td class="m-color w-15">自查隐患问题描述</td>
|
<td class="m-color w-12">检查时间</td>
|
<td class="m-color w-10">隐患等级</td>
|
<td class="m-color w-23">整改措施</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.hiddendangerInfos" :key="index" v-if="corpInfo.hiddendangerStatus == 1">
|
<td class="w-5">{{index}}</td>
|
<td class="w-15 overText">{{item.hiddendangerRemark}}</td>
|
<td class="w-12 overText">{{item.checkTime}}</td>
|
<td class="w-10">{{item.hiddendangerLevel == 1 ? '一般隐患' : '重大隐患'}}</td>
|
<td class="w-23 overText">{{item.rectifyMeasure}}</td>
|
<td class="w-10">{{item.rectifyPrice}}</td>
|
<td class="w-5 overText">{{item.chargePerson}}</td>
|
<td class="w-20 overText">{{item.rectifyStatus == 0 ? '整改完成期限：' + item.rectifyDeadlineTime : item.completeRectifyTime + '整改完成'}}</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.hiddendangerSum?corpInfo.hiddendangerSum:0}}</td>
|
<td class="w-25">{{corpInfo.majorHiddendangerNum?corpInfo.majorHiddendangerNum:0}}</td>
|
<td class="w-25">{{corpInfo.completedRectifyHiddendangerSum?corpInfo.completedRectifyHiddendangerSum:0}}</td>
|
<td class="w-25">{{corpInfo.completedRectifyMajorHiddendangerNum?corpInfo.completedRectifyMajorHiddendangerNum:0}}</td>
|
</tr>
|
</table>
|
<div class="table-bottom">
|
<div v-if="corpInfo.selfcheckReportUserName">填报人: <span class="m-color">{{corpInfo.selfcheckReportUserName}}</span></div>
|
</div>
|
<div class="table-bottom">
|
<div v-if="corpInfo.selfcheckReportUserMobile">填报人联系电话: <span class="m-color">{{corpInfo.selfcheckReportUserMobile}}</span></div>
|
<div v-if="corpInfo.reportModifyTime">填报时间: <span class="m-color">{{corpInfo.reportModifyTime}}</span></div>
|
</div>
|
</div>
|
<div v-else style="font-size: 18px;margin-top: 20px;color: #034EA2;font-weight: bolder">
|
该企业未上报自查信息
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<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,
|
enterpriseType: null,
|
id: null,
|
corpInfo:{
|
enterpriseName: '',
|
enterpriseProvince: '',
|
enterpriseCity: '',
|
enterpriseArea: '',
|
licenceValidStatus: null,
|
stockNum: null,
|
storageCapacity: null,
|
hiddendangerStatus: null,
|
hiddendangerInfos: [],
|
hiddendangerSum: null,
|
majorHiddendangerNum: null,
|
completedRectifyHiddendangerSum: null,
|
completedRectifyMajorHiddendangerNum: null,
|
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.dialogVisible = false
|
t.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
},
|
|
confirmBack(){
|
this.dialogVisible = false
|
},
|
resetForm(){
|
this.corpInfo={
|
enterpriseName: '',
|
enterpriseProvince: '',
|
enterpriseCity: '',
|
enterpriseArea: '',
|
licenceValidStatus: null,
|
stockNum: null,
|
storageCapacity: null,
|
hiddendangerStatus: null,
|
hiddendangerInfos: [],
|
hiddendangerSum: null,
|
majorHiddendangerNum: null,
|
completedRectifyHiddendangerSum: null,
|
completedRectifyMajorHiddendangerNum: null,
|
selfcheckReportUserName: '',
|
selfcheckReportUserMobile: '',
|
reportModifyTime: ''
|
}
|
}
|
},
|
}
|
</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{
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
flex-flow: wrap;
|
background: #ecf5ff;
|
padding: 10px;
|
border-radius: 4px;
|
|
&>div{
|
width: 50%;
|
}
|
}
|
.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-12{
|
width: 12%;
|
}
|
&.w-15{
|
width: 15%;
|
}
|
&.w-20{
|
width: 20%;
|
}
|
&.w-23{
|
width: 23%;
|
}
|
&.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;
|
&::-webkit-scrollbar { width: 0; height: 0; color: transparent }
|
&::scrollbar { width: 0; height: 0; color: transparent }
|
}
|
}
|
}
|
.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>
|
