Daci
2 years ago
4 changed files with 462 additions and 466 deletions
Binary file not shown.
@ -1,375 +1,375 @@ |
|||
<template> |
|||
<div class="content-box"> |
|||
<el-tabs type="border-card"> |
|||
<el-tab-pane label="企业资质信息"> |
|||
<el-form :model="stepData" ref="step1" label-width="210px" label-position="right"> |
|||
<div class="step-title"> |
|||
<span>资质信息</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>单位信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="单位名称："><span>{{stepData.orgName}}</span></el-form-item> |
|||
<el-form-item label="单位证件类型："><span>{{stepData.orgCrtTypeValue}}</span></el-form-item> |
|||
<el-form-item label="行业类型："><span>{{stepData.industryCategoryValue}}-{{stepData.industrySpecificValue}}</span></el-form-item> |
|||
<el-form-item label="注册机关："><span>{{stepData.regAuthority}}</span></el-form-item> |
|||
<el-form-item label="成立日期："><span>{{stepData.establishDate}}</span></el-form-item> |
|||
<el-form-item label="企业前缀："><span>{{stepData.entPrefix}}</span></el-form-item> |
|||
<el-form-item label="单位证件照片："> |
|||
<img :src="stepData.orgCrtImgUrl"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="单位性质："><span>{{stepData.orgNatureValue}}</span></el-form-item> |
|||
<el-form-item label="单位证件号："><span>{{stepData.orgCrtCode}}</span></el-form-item> |
|||
<el-form-item label="单位地址："><span>{{stepData.orgAddr}}</span></el-form-item> |
|||
<el-form-item label="注册资本："><span>{{stepData.regCapital}} (万元)</span></el-form-item> |
|||
<el-form-item label="有效期："><span>{{stepData.periodValidity}}</span></el-form-item> |
|||
<el-form-item label="官方网站："><span>{{stepData.website}}</span></el-form-item> |
|||
<el-form-item label="单位简介："><span>{{stepData.orgDesc}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>法人信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法定代表人姓名："><span>{{stepData.legalName}}</span></el-form-item> |
|||
<el-form-item label="法定代表人手机号："><span>{{stepData.legalPhone}}</span></el-form-item> |
|||
<el-form-item label="法定代表人传真："><span>{{stepData.legalFax}}</span></el-form-item> |
|||
<el-form-item label="法定代表人证件照片："> |
|||
<img :src="stepData.legalCrtBackImgUrl"> |
|||
<img :src="stepData.legalCrtFrontImgUrl"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法定代表人证件类型："><span>{{stepData.legalCrtTypeValue}}</span></el-form-item> |
|||
<el-form-item label="法定代表人证件号："><span>{{stepData.legalCrtNo}}</span></el-form-item> |
|||
<el-form-item label="法定代表人邮箱："><span>{{stepData.legalEmail}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>联系人信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="联系人姓名："><span>{{stepData.contactName}}</span></el-form-item> |
|||
<el-form-item label="联系人证件类型："><span>{{stepData.contactCrtTypeValue}}</span></el-form-item> |
|||
<el-form-item label="联系人证件照片："> |
|||
<img v-if="stepData.contactCrtBackImgUrl" :src="stepData.contactCrtBackImgUrl"> |
|||
<img v-if="stepData.contactCrtFrontImgUrl" :src="stepData.contactCrtFrontImgUrl"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="联系人手机号："><span>{{stepData.contactPhone}}</span></el-form-item> |
|||
<el-form-item label="联系人证件号："><span>{{stepData.contactCrtNo}}</span></el-form-item> |
|||
<el-form-item label="联系人邮箱："><span>{{stepData.contactEmail}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="企业标识注册解析系统信息"> |
|||
<el-form :model="stepData" ref="step2" label-width="210px" label-position="right"> |
|||
<div class="step-title"> |
|||
<span>系统建设</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>企业注册系统信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="注册系统部署方式:"><span>{{stepData.entInfoSyses[0].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
<el-form-item label="注册系统IP地址及端口号:"><span>{{stepData.entInfoSyses[0].ipPort}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[0].deployMode == 1"> |
|||
<el-form-item label="注册系统所在地:"> |
|||
<span>{{stepData.entInfoSyses[0].deployAddrProvince}}-{{stepData.entInfoSyses[0].deployAddrCity}}-{{stepData.entInfoSyses[0].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="部署地址:"><span>{{stepData.entInfoSyses[0].deployAddr}}</span></el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[0].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[0].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="注册数据部署方式:"><span>{{stepData.entInfoSyses[1].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[1].deployMode == 1"> |
|||
<el-form-item label="注册数据所在地:"> |
|||
<span>{{stepData.entInfoSyses[1].deployAddrProvince}}-{{stepData.entInfoSyses[1].deployAddrCity}}-{{stepData.entInfoSyses[1].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="部署地址:"><span>{{stepData.entInfoSyses[1].deployAddr}}</span></el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[1].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[1].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="注册备份数据部署方式:"><span>{{stepData.entInfoSyses[2].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[2].deployMode == 1"> |
|||
<el-form-item label="注册备份数据所在地:"> |
|||
<span>{{stepData.entInfoSyses[2].deployAddrProvince}}-{{stepData.entInfoSyses[2].deployAddrCity}}-{{stepData.entInfoSyses[2].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="部署地址:"><span>{{stepData.entInfoSyses[1].deployAddr}}</span></el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[2].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[2].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>企业解析系统信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="解析系统部署方式:"><span>{{stepData.entInfoSyses[3].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[3].deployMode == 1"> |
|||
<el-form-item label="解析系统所在地:"> |
|||
<span>{{stepData.entInfoSyses[3].deployAddrProvince}}-{{stepData.entInfoSyses[3].deployAddrCity}}-{{stepData.entInfoSyses[3].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[3].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[3].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>企业服务系统信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务系统建设类型:"><span>{{stepData.servSysBuildTypeValue}}</span></el-form-item> |
|||
<el-form-item label="服务系统建设合同:" v-if="stepData.servSysBuildType == 2"> |
|||
<el-link type="primary" target="_blank" :href="stepData.servSysBuildContractFileUrl">{{stepData.servSysBuildContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12" > |
|||
<el-form-item label="服务系统建设委托机构名称:" v-if="stepData.servSysBuildType == 2"><span>{{stepData.servSysBuildName}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务系统运营类型:"><span>{{stepData.servSysOperTypeValue}}</span></el-form-item> |
|||
<el-form-item label="服务系统运营合同:" v-if="stepData.servSysOperType == 2"> |
|||
<el-link type="primary" target="_blank" :href="stepData.servSysOperContractFileUrl">{{stepData.servSysOperContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务系统运营委托机构名称:" v-if="stepData.servSysOperType == 2"><span>{{stepData.servSysOperName}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="备份服务系统部署方式:"><span>{{stepData.entInfoSyses[4].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[4].deployMode == 1"> |
|||
<el-form-item label="备份服务系统所在地:"> |
|||
<span>{{stepData.entInfoSyses[4].deployAddrProvince}}-{{stepData.entInfoSyses[4].deployAddrCity}}-{{stepData.entInfoSyses[4].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[4].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[4].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="企业灾备与标识服务信息"> |
|||
<el-form :model="stepData" ref="step3" label-width="210px" label-position="right"> |
|||
<div class="step-title"> |
|||
<span>灾备与服务</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>托管信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="数据托管单位名称："><span>{{stepData.dataHostingOrg}}</span></el-form-item> |
|||
<el-form-item label="数据托管合同:"> |
|||
<el-link type="primary" target="_blank" :href="stepData.dataHostingContractFileUrl">{{stepData.dataHostingContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务托管单位名称:"><span>{{stepData.servHostingOrg}}</span></el-form-item> |
|||
<el-form-item label="服务托管合同:"> |
|||
<el-link type="primary" target="_blank" :href="stepData.servHostingContractFileUrl">{{stepData.servHostingContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>标识服务信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务行业:"><span v-for="(item,index) in stepData.entInfoSerIndustries" :key="index">{{item}}<br></span></el-form-item> |
|||
<el-form-item label="标识服务网站域名:"><span>{{stepData.extDomain}}</span></el-form-item> |
|||
<el-form-item label="是否取得过互联网域名或增值电信业务经营相关许可:"> |
|||
<el-switch |
|||
v-model="isLicenses" |
|||
active-color="rgb(51, 112, 255)" |
|||
inactive-color="grey" |
|||
disabled |
|||
> |
|||
</el-switch> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="标识服务网站名称:"><span>{{stepData.extWebName}}</span></el-form-item> |
|||
<el-form-item label="标识服务网站IP:"><span>{{stepData.extIpAddr}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="isLicenses"> |
|||
<el-col :span="10"> |
|||
<el-form-item label="域名根服务器运行机构许可证："> |
|||
<span>{{entInfoLicenses[0]}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="域名注册服务机构许可证："> |
|||
<span>{{entInfoLicenses[1]}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10" :offset="1"> |
|||
<el-form-item label="域名注册管理机构许可证："> |
|||
<span>{{entInfoLicenses[2]}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="增值电信业务经营许可证："> |
|||
<span>{{entInfoLicenses[3]}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import {enterpriseInfoAll} from "@/api/enterpriseTenantryManagement"; |
|||
export default { |
|||
name:"showEnterpriseInfo", |
|||
data(){ |
|||
return { |
|||
showInnerHelp:false, |
|||
stepData:{ |
|||
entInfoSyses:[ |
|||
{'sysType':1,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':'','ipPort':''}, |
|||
{'sysType':2,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
{'sysType':3,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
{'sysType':4,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
{'sysType':5,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
] |
|||
}, |
|||
isLicenses:false, |
|||
entInfoLicenses:[] |
|||
} |
|||
}, |
|||
mounted(){ |
|||
this.getEnterpriseAll() |
|||
}, |
|||
methods:{ |
|||
getEnterpriseAll(){ |
|||
const code = window.sessionStorage.getItem('code') || null |
|||
if(code) |
|||
{ |
|||
enterpriseInfoAll(code).then(res => { |
|||
this.stepData = res.data.data |
|||
// if(this.stepData.entInfoSyses.length == 0) { |
|||
// this.stepData.entInfoSyses = [ |
|||
// {'sysType':1,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':'','ipPort':''}, |
|||
// {'sysType':2,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// {'sysType':3,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// {'sysType':4,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// {'sysType':5,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// ] |
|||
// } |
|||
if(this.stepData.entInfoLicenses.length > 0) { |
|||
for (let i = 0; i < this.stepData.entInfoLicenses.length; i++) { |
|||
const element = this.stepData.entInfoLicenses[i]; |
|||
this.entInfoLicenses[element.licenceType-1] = element.licenceNo |
|||
} |
|||
console.log( this.entInfoLicenses); |
|||
this.isLicenses = true |
|||
} else { |
|||
this.isLicenses = false |
|||
} |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
editEnperprise(){ |
|||
this.$emit('child-event','step'+parseInt(this.stepData.currentPage+1)) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
|
|||
.content-inner { |
|||
position: relative; |
|||
width: 100%; |
|||
// height: 120px; |
|||
margin: 10px 0; |
|||
padding: 10px; |
|||
font-size: 12px; |
|||
background-color: #fffce1; |
|||
border: 1px solid #f5e49c; |
|||
color: #2c3e50; |
|||
.title-bar-text { |
|||
line-height: 1.5; |
|||
} |
|||
} |
|||
.content-box { |
|||
position: relative; |
|||
margin: 20px; |
|||
img { |
|||
width: 200px; |
|||
max-width: 50%; |
|||
height: 180px; |
|||
border-radius: 10px; |
|||
border: 2px solid rgb(196, 196, 196); |
|||
padding: 5px; |
|||
margin: 5px; |
|||
} |
|||
} |
|||
.title { |
|||
border-bottom: 1px solid #e2e2e2; |
|||
line-height: 30px; |
|||
margin-bottom: 24px; |
|||
color: #444; |
|||
&::before { |
|||
content: " "; |
|||
position: relative; |
|||
display: inline-block; |
|||
margin-right: 15px; |
|||
width: 2px; |
|||
top: 2px; |
|||
height: 15px; |
|||
background-color: rgb(74, 125, 190); |
|||
} |
|||
|
|||
} |
|||
.step-title { |
|||
height: 40px; |
|||
margin-bottom: 23px; |
|||
padding: 0 13px; |
|||
line-height: 40px; |
|||
background-color: #f2f2f2; |
|||
font-weight: 500; |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.content-box .el-form-item__label { |
|||
font-weight: 400 !important; |
|||
} |
|||
<template> |
|||
<div class="content-box"> |
|||
<el-tabs type="border-card"> |
|||
<el-tab-pane label="企业资质信息"> |
|||
<el-form :model="stepData" ref="step1" label-width="210px" label-position="right"> |
|||
<div class="step-title"> |
|||
<span>资质信息</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>单位信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="单位名称："><span>{{stepData.orgName}}</span></el-form-item> |
|||
<el-form-item label="单位证件类型："><span>{{stepData.orgCrtTypeValue}}</span></el-form-item> |
|||
<el-form-item label="行业类型："><span>{{stepData.industryCategoryValue}}-{{stepData.industrySpecificValue}}</span></el-form-item> |
|||
<el-form-item label="注册机关："><span>{{stepData.regAuthority}}</span></el-form-item> |
|||
<el-form-item label="成立日期："><span>{{stepData.establishDate}}</span></el-form-item> |
|||
<el-form-item label="企业前缀："><span>{{stepData.entPrefix}}</span></el-form-item> |
|||
<el-form-item label="单位证件照片："> |
|||
<img :src="stepData.orgCrtImgUrl"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="单位性质："><span>{{stepData.orgNatureValue}}</span></el-form-item> |
|||
<el-form-item label="单位证件号："><span>{{stepData.orgCrtCode}}</span></el-form-item> |
|||
<el-form-item label="单位地址："><span>{{stepData.orgAddr}}</span></el-form-item> |
|||
<el-form-item label="注册资本："><span>{{stepData.regCapital}} (万元)</span></el-form-item> |
|||
<el-form-item label="有效期："><span>{{stepData.periodValidity}}</span></el-form-item> |
|||
<el-form-item label="官方网站："><span>{{stepData.website}}</span></el-form-item> |
|||
<el-form-item label="单位简介："><span>{{stepData.orgDesc}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>法人信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法定代表人姓名："><span>{{stepData.legalName}}</span></el-form-item> |
|||
<el-form-item label="法定代表人手机号："><span>{{stepData.legalPhone}}</span></el-form-item> |
|||
<el-form-item label="法定代表人传真："><span>{{stepData.legalFax}}</span></el-form-item> |
|||
<el-form-item label="法定代表人证件照片："> |
|||
<img :src="stepData.legalCrtBackImgUrl"> |
|||
<img :src="stepData.legalCrtFrontImgUrl"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法定代表人证件类型："><span>{{stepData.legalCrtTypeValue}}</span></el-form-item> |
|||
<el-form-item label="法定代表人证件号："><span>{{stepData.legalCrtNo}}</span></el-form-item> |
|||
<el-form-item label="法定代表人邮箱："><span>{{stepData.legalEmail}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>联系人信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="联系人姓名："><span>{{stepData.contactName}}</span></el-form-item> |
|||
<el-form-item label="联系人证件类型："><span>{{stepData.contactCrtTypeValue}}</span></el-form-item> |
|||
<el-form-item label="联系人证件照片："> |
|||
<img v-if="stepData.contactCrtBackImgUrl" :src="stepData.contactCrtBackImgUrl"> |
|||
<img v-if="stepData.contactCrtFrontImgUrl" :src="stepData.contactCrtFrontImgUrl"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="联系人手机号："><span>{{stepData.contactPhone}}</span></el-form-item> |
|||
<el-form-item label="联系人证件号："><span>{{stepData.contactCrtNo}}</span></el-form-item> |
|||
<el-form-item label="联系人邮箱："><span>{{stepData.contactEmail}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="企业标识注册解析系统信息"> |
|||
<el-form :model="stepData" ref="step2" label-width="210px" label-position="right"> |
|||
<div class="step-title"> |
|||
<span>系统建设</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>企业注册系统信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="注册系统部署方式:"><span>{{stepData.entInfoSyses[0].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
<el-form-item label="注册系统IP地址及端口号:"><span>{{stepData.entInfoSyses[0].ipPort}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[0].deployMode == 1"> |
|||
<el-form-item label="注册系统所在地:"> |
|||
<span>{{stepData.entInfoSyses[0].deployAddrProvince}}-{{stepData.entInfoSyses[0].deployAddrCity}}-{{stepData.entInfoSyses[0].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="部署地址:"><span>{{stepData.entInfoSyses[0].deployAddr}}</span></el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[0].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[0].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="注册数据部署方式:"><span>{{stepData.entInfoSyses[1].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[1].deployMode == 1"> |
|||
<el-form-item label="注册数据所在地:"> |
|||
<span>{{stepData.entInfoSyses[1].deployAddrProvince}}-{{stepData.entInfoSyses[1].deployAddrCity}}-{{stepData.entInfoSyses[1].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="部署地址:"><span>{{stepData.entInfoSyses[1].deployAddr}}</span></el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[1].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[1].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="注册备份数据部署方式:"><span>{{stepData.entInfoSyses[2].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[2].deployMode == 1"> |
|||
<el-form-item label="注册备份数据所在地:"> |
|||
<span>{{stepData.entInfoSyses[2].deployAddrProvince}}-{{stepData.entInfoSyses[2].deployAddrCity}}-{{stepData.entInfoSyses[2].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="部署地址:"><span>{{stepData.entInfoSyses[1].deployAddr}}</span></el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[2].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[2].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>企业解析系统信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="解析系统部署方式:"><span>{{stepData.entInfoSyses[3].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[3].deployMode == 1"> |
|||
<el-form-item label="解析系统所在地:"> |
|||
<span>{{stepData.entInfoSyses[3].deployAddrProvince}}-{{stepData.entInfoSyses[3].deployAddrCity}}-{{stepData.entInfoSyses[3].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[3].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[3].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>企业服务系统信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务系统建设类型:"><span>{{stepData.servSysBuildTypeValue}}</span></el-form-item> |
|||
<el-form-item label="服务系统建设合同:" v-if="stepData.servSysBuildType == 2"> |
|||
<el-link type="primary" target="_blank" :href="stepData.servSysBuildContractFileUrl">{{stepData.servSysBuildContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12" > |
|||
<el-form-item label="服务系统建设委托机构名称:" v-if="stepData.servSysBuildType == 2"><span>{{stepData.servSysBuildName}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务系统运营类型:"><span>{{stepData.servSysOperTypeValue}}</span></el-form-item> |
|||
<el-form-item label="服务系统运营合同:" v-if="stepData.servSysOperType == 2"> |
|||
<el-link type="primary" target="_blank" :href="stepData.servSysOperContractFileUrl">{{stepData.servSysOperContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务系统运营委托机构名称:" v-if="stepData.servSysOperType == 2"><span>{{stepData.servSysOperName}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="备份服务系统部署方式:"><span>{{stepData.entInfoSyses[4].deployMode == 1 ? "本地部署" : "云部署"}}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<template v-if="stepData.entInfoSyses[4].deployMode == 1"> |
|||
<el-form-item label="备份服务系统所在地:"> |
|||
<span>{{stepData.entInfoSyses[4].deployAddrProvince}}-{{stepData.entInfoSyses[4].deployAddrCity}}-{{stepData.entInfoSyses[4].deployAddrCounty}}</span> |
|||
</el-form-item> |
|||
</template> |
|||
<template v-else-if="stepData.entInfoSyses[4].deployMode == 2"> |
|||
<el-form-item label="云服务商名称:"><span>{{stepData.entInfoSyses[4].name}}</span></el-form-item> |
|||
</template> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
<el-tab-pane label="企业灾备与标识服务信息"> |
|||
<el-form :model="stepData" ref="step3" label-width="210px" label-position="right"> |
|||
<div class="step-title"> |
|||
<span>灾备与服务</span> |
|||
</div> |
|||
<div class="title"> |
|||
<span>托管信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="数据托管单位名称："><span>{{stepData.dataHostingOrg}}</span></el-form-item> |
|||
<el-form-item label="数据托管合同:"> |
|||
<el-link type="primary" target="_blank" :href="stepData.dataHostingContractFileUrl">{{stepData.dataHostingContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务托管单位名称:"><span>{{stepData.servHostingOrg}}</span></el-form-item> |
|||
<el-form-item label="服务托管合同:"> |
|||
<el-link type="primary" target="_blank" :href="stepData.servHostingContractFileUrl">{{stepData.servHostingContractFileName}}</el-link> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title"> |
|||
<span>标识服务信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="服务行业:"><span v-for="(item,index) in stepData.entInfoSerIndustries" :key="index">{{item}}<br></span></el-form-item> |
|||
<el-form-item label="标识服务网站域名:"><span>{{stepData.extDomain}}</span></el-form-item> |
|||
<el-form-item label="是否取得过互联网域名或增值电信业务经营相关许可:"> |
|||
<el-switch |
|||
v-model="isLicenses" |
|||
active-color="rgb(51, 112, 255)" |
|||
inactive-color="grey" |
|||
disabled |
|||
> |
|||
</el-switch> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="标识服务网站名称:"><span>{{stepData.extWebName}}</span></el-form-item> |
|||
<el-form-item label="标识服务网站IP:"><span>{{stepData.extIpAddr}}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row v-if="isLicenses"> |
|||
<el-col :span="10"> |
|||
<el-form-item label="域名根服务器运行机构许可证："> |
|||
<span>{{entInfoLicenses[0]}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="域名注册服务机构许可证："> |
|||
<span>{{entInfoLicenses[1]}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="10" :offset="1"> |
|||
<el-form-item label="域名注册管理机构许可证："> |
|||
<span>{{entInfoLicenses[2]}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="增值电信业务经营许可证："> |
|||
<span>{{entInfoLicenses[3]}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import {enterpriseInfoAll} from "@/api/enterpriseTenantryManagement"; |
|||
export default { |
|||
name:"showEnterpriseInfo", |
|||
data(){ |
|||
return { |
|||
showInnerHelp:false, |
|||
stepData:{ |
|||
entInfoSyses:[ |
|||
{'sysType':1,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':'','ipPort':''}, |
|||
{'sysType':2,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
{'sysType':3,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
{'sysType':4,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
{'sysType':5,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
] |
|||
}, |
|||
isLicenses:false, |
|||
entInfoLicenses:[] |
|||
} |
|||
}, |
|||
mounted(){ |
|||
this.getEnterpriseAll() |
|||
}, |
|||
methods:{ |
|||
getEnterpriseAll(){ |
|||
const code = window.sessionStorage.getItem('code') || null |
|||
if(code) |
|||
{ |
|||
enterpriseInfoAll(code).then(res => { |
|||
this.stepData = res.data.data |
|||
// if(this.stepData.entInfoSyses.length == 0) { |
|||
// this.stepData.entInfoSyses = [ |
|||
// {'sysType':1,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':'','ipPort':''}, |
|||
// {'sysType':2,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// {'sysType':3,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// {'sysType':4,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// {'sysType':5,'deployMode':'','deployAddrProvince':'','deployAddrCity':'','deployAddrCounty':'','deployAddr':'','name':''}, |
|||
// ] |
|||
// } |
|||
if(this.stepData.entInfoLicenses.length > 0) { |
|||
for (let i = 0; i < this.stepData.entInfoLicenses.length; i++) { |
|||
const element = this.stepData.entInfoLicenses[i]; |
|||
this.entInfoLicenses[element.licenceType-1] = element.licenceNo |
|||
} |
|||
console.log( this.entInfoLicenses); |
|||
this.isLicenses = true |
|||
} else { |
|||
this.isLicenses = false |
|||
} |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
editEnperprise(){ |
|||
this.$emit('child-event','step'+parseInt(this.stepData.currentPage+1)) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
|
|||
.content-inner { |
|||
position: relative; |
|||
width: 100%; |
|||
// height: 120px; |
|||
margin: 10px 0; |
|||
padding: 10px; |
|||
font-size: 12px; |
|||
background-color: #fffce1; |
|||
border: 1px solid #f5e49c; |
|||
color: #2c3e50; |
|||
.title-bar-text { |
|||
line-height: 1.5; |
|||
} |
|||
} |
|||
.content-box { |
|||
position: relative; |
|||
margin: 20px; |
|||
img { |
|||
width: 200px; |
|||
max-width: 50%; |
|||
height: 180px; |
|||
border-radius: 10px; |
|||
border: 2px solid rgb(196, 196, 196); |
|||
padding: 5px; |
|||
margin: 5px; |
|||
} |
|||
} |
|||
.title { |
|||
border-bottom: 1px solid #e2e2e2; |
|||
line-height: 30px; |
|||
margin-bottom: 24px; |
|||
color: #444; |
|||
&::before { |
|||
content: " "; |
|||
position: relative; |
|||
display: inline-block; |
|||
margin-right: 15px; |
|||
width: 2px; |
|||
top: 2px; |
|||
height: 15px; |
|||
background-color: rgb(74, 125, 190); |
|||
} |
|||
|
|||
} |
|||
.step-title { |
|||
height: 40px; |
|||
margin-bottom: 23px; |
|||
padding: 0 13px; |
|||
line-height: 40px; |
|||
background-color: #f2f2f2; |
|||
font-weight: 500; |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.content-box .el-form-item__label { |
|||
font-weight: 400 !important; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue