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