<template>
|
<el-dialog title="企业信息" :visible.sync="dialogVisible" width="70%" center>
|
<el-form :model="companyInfo" label-width="120px">
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="企业名称">
|
<el-input v-model="companyInfo.companyName" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="法定负责人">
|
<el-input v-model="companyInfo.companyLegalRepresentative" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="许可证类型">
|
<el-input v-model="companyInfo.certificateType" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="许可证编号">
|
<el-input v-model="companyInfo.certificateNum" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="证书有效期">
|
<el-input v-model="companyInfo.validityDate" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="工艺类型">
|
<el-input v-model="companyInfo.technologyType" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="所在地区">
|
<el-input v-model="companyInfo.location" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="详细地址">
|
<el-input v-model="companyInfo.companyAddress" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="许可范围">
|
<el-input v-model="companyInfo.licenseScope" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="发证机关">
|
<el-input v-model="companyInfo.licenceIssuingAuthority" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="发证日期">
|
<el-input v-model="companyInfo.licenceIssuingTime" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8" v-if="preview1List.length>0 && preview1List[0] != ''">
|
<el-form-item label="企业图片">
|
<el-image style="width: 100px; height: 100px" :src="companyInfo.companyImage" :preview-src-list="preview1List" fit="contain">
|
<div slot="error" class="image-slot">
|
<i class="el-icon-picture-outline"></i>
|
</div>
|
</el-image>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8" v-if="preview2List.length>0 && preview2List[0] != ''">
|
<el-form-item label="营业执照">
|
<el-image style="width: 100px; height: 100px" :src="companyInfo.businessLicense" :preview-src-list="preview2List" fit="contain">
|
<div slot="error" class="image-slot">
|
<i class="el-icon-picture-outline"></i>
|
</div>
|
</el-image>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="8" v-if="preview3List.length>0 && preview3List[0] != ''">
|
<el-form-item label="经营许可证书">
|
<el-image style="width: 100px; height: 100px" :src="companyInfo.securityCertificate" :preview-src-list="preview3List" fit="contain">
|
<div slot="error" class="image-slot">
|
<i class="el-icon-picture-outline"></i>
|
</div>
|
</el-image>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="重大危险源总数">
|
<el-input v-model="companyInfo.sum" readonly></el-input>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="一级重大危险源总数">
|
<el-input v-model="companyInfo.levelOneMajorHazardSourceSum" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="一级重大危险源描述">
|
<el-input v-model="companyInfo.levelOneMajorHazardSourceDesc" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="二级重大危险源总数">
|
<el-input v-model="companyInfo.levelTwoMajorHazardSourceSum" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="二级重大危险源描述">
|
<el-input v-model="companyInfo.levelTwoMajorHazardSourceDesc" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="三级重大危险源总数">
|
<el-input v-model="companyInfo.levelThreeMajorHazardSourceSum" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="三级重大危险源描述">
|
<el-input v-model="companyInfo.levelThreeMajorHazardSourceDesc" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="11">
|
<el-form-item label="四级重大危险源总数">
|
<el-input v-model="companyInfo.levelFourMajorHazardSourceSum" readonly></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="11" :offset="2">
|
<el-form-item label="四级重大危险源描述">
|
<el-input v-model="companyInfo.levelFourMajorHazardSourceDesc" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="企业基本情况">
|
<el-input v-model="companyInfo.companyInfo" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="“两重点一重大”情况">
|
<el-input v-model="companyInfo.keynoteGreatSituation" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="安全生产情况">
|
<el-input v-model="companyInfo.safetyProductionLicenseSituation" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="主要安全风险">
|
<el-input v-model="companyInfo.mainSafetyRisks" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="当前存在问题">
|
<el-input v-model="companyInfo.currentProblems" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="安全风险主要控制措施">
|
<el-input v-model="companyInfo.safetyRiskControlMeasures" type='textarea' readonly></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-dialog>
|
</template>
|
<script>
|
import {
|
getEnterpriseInfoById, getTechType
|
} from '@/api/company';
|
export default {
|
name: "companyDetailDialog",
|
props: {
|
typeList:{
|
type: Array
|
}
|
},
|
data(){
|
return{
|
companyInfo: {},
|
dialogVisible: false,
|
preview1List: [],
|
preview2List: [],
|
preview3List: []
|
}
|
},
|
mounted() {
|
},
|
watch: {
|
},
|
methods:{
|
getTechType() {
|
getTechType().then(res => {
|
if(res.code == 200){
|
this.techTypeList = res.data;
|
}else{
|
this.$message(res.msg || '查询失败！请重试', 'error', 3 * 1000)
|
}
|
|
})
|
},
|
getEnterpriseInfo(id){
|
const t = this
|
t.preview1List = []
|
t.preview2List = []
|
t.preview3List = []
|
getEnterpriseInfoById({ id: id }).then(res =>{
|
if(res.code == 200){
|
t.companyInfo = res.data
|
t.companyInfo.certificateType = res.data.certificateType == 1 ? '生产' : '经营'
|
t.companyInfo.technologyType = t.typeList.find((item) => item.id == res.data.technologyType).technologyName
|
t.companyInfo.location = res.data.companyCity + res.data.companyArea
|
t.companyInfo.sum = res.data.levelOneMajorHazardSourceSum + res.data.levelTwoMajorHazardSourceSum + res.data.levelThreeMajorHazardSourceSum + res.data.levelFourMajorHazardSourceSum
|
t.companyInfo.validityDate = res.data.validityDateStart + '--' + res.data.validityDateEnd
|
if(res.data.companyImage == null || res.data.companyImage == ''){
|
t.companyInfo.companyImage = ''
|
}else{
|
t.companyInfo.companyImage = process.env.VUE_APP_BASE_API + res.data.companyImage
|
}
|
if(res.data.businessLicense == null || res.data.businessLicense == ''){
|
t.companyInfo.businessLicense = ''
|
}else{
|
t.companyInfo.businessLicense = process.env.VUE_APP_BASE_API + res.data.businessLicense
|
}
|
if(res.data.securityCertificate == null || res.data.securityCertificate == ''){
|
t.companyInfo.securityCertificate = ''
|
}else{
|
t.companyInfo.securityCertificate = process.env.VUE_APP_BASE_API + res.data.securityCertificate
|
}
|
t.preview1List.push(t.companyInfo.companyImage)
|
t.preview2List.push(t.companyInfo.businessLicense)
|
t.preview3List.push(t.companyInfo.securityCertificate)
|
}else{
|
t.$message(res.msg || '查询失败！请重试', 'error', 3 * 1000)
|
}
|
}).catch((error)=>{
|
console.log(error)
|
})
|
}
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep .el-upload--picture-card {
|
background-color: #fbfdff;
|
border: 1px dashed #c0ccda;
|
border-radius: 6px;
|
-webkit-box-sizing: border-box;
|
box-sizing: border-box;
|
width: 100px;
|
height: 100px;
|
line-height: 100px;
|
vertical-align: top;
|
}
|
</style>
|
