DESKTOP-00SUCB6\Administrator
4 years ago
36 changed files with 1848 additions and 468 deletions
Binary file not shown.
@ -0,0 +1,341 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|||
<link rel="icon" href="favicon.ico"> |
|||
<title>欢迎使用食品原料供应商资质检查系统</title> |
|||
<script src="jquery.min.js"></script> |
|||
</head> |
|||
<style> |
|||
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
body { |
|||
height: 100%; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
-webkit-font-smoothing: antialiased; |
|||
text-rendering: optimizeLegibility; |
|||
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; |
|||
} |
|||
|
|||
label { |
|||
font-weight: 700; |
|||
} |
|||
|
|||
html { |
|||
height: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
*, |
|||
*:before, |
|||
*:after { |
|||
box-sizing: inherit; |
|||
} |
|||
.flex-box { |
|||
display: -webkit-box; |
|||
display: -webkit-flex; |
|||
/* Safari */ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.flex-box-column { |
|||
display: -webkit-box; |
|||
display: -webkit-flex; |
|||
/* Safari */ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
flex-direction: column; |
|||
} |
|||
.search-container { |
|||
position: relative; |
|||
width: 100vw; |
|||
min-height: 100%; |
|||
background-image: url('bg-invitation.png'); |
|||
background-repeat: no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
.content-block { |
|||
position: relative; |
|||
margin-top: 2vh; |
|||
width: 320px; |
|||
width: 93.5%; |
|||
color: #fff; |
|||
} |
|||
.content-box { |
|||
position: relative; |
|||
top:0; |
|||
width: 100%; |
|||
min-height: 200px; |
|||
padding: 15px; |
|||
margin-bottom: 15px; |
|||
word-wrap:break-word; |
|||
background: #FFFFFF; |
|||
border-radius: 10px; |
|||
box-shadow: 0px 4px 20px 0px rgba(65, 194, 252, 0.14), 0px 7px 13px 0px rgba(50, 147, 255, 0.52); |
|||
} |
|||
.content-box .content-title{ |
|||
margin-bottom: 8px; |
|||
font-size: 20px; |
|||
font-weight: 400; |
|||
color: #1F5C99; |
|||
line-height: 54px; |
|||
border-bottom: 1px dashed #D2E1EA; |
|||
} |
|||
.content-box .content-text { |
|||
font-size: 16px; |
|||
line-height: 44px; |
|||
color: #666666; |
|||
border-bottom: 1px dashed #D2E1EA; |
|||
overflow: hidden; |
|||
} |
|||
.content-box .content-text label{ |
|||
display: inline-block; |
|||
/* float: left; */ |
|||
width: 40%; |
|||
line-height: 34px; |
|||
font-weight: normal; |
|||
vertical-align: top; |
|||
} |
|||
.content-box .content-text span{ |
|||
display: block; |
|||
float: right; |
|||
width: 60%; |
|||
line-height: 34px; |
|||
color: #222222; |
|||
text-align: right; |
|||
} |
|||
.content-box .content-btn{ |
|||
margin-top: 70px; |
|||
} |
|||
.content-box .content-btn a{ |
|||
display: block; |
|||
width: 100%; |
|||
padding: 15px 0; |
|||
margin-bottom: 25px; |
|||
font-size: 18px; |
|||
color: #FFFFFF; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
background: #30E3D8; |
|||
border-radius: 80px; |
|||
} |
|||
.content-box .content-btn a.btn-register{ |
|||
background: #3293FF; |
|||
} |
|||
.text-indent-1 { |
|||
text-indent:1em; |
|||
} |
|||
.beinvited-popup{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(0, 0, 0, 0.5); |
|||
} |
|||
.beinvited-popup .content-box{ |
|||
position: absolute; |
|||
left: 8%; |
|||
top: 25%; |
|||
width: 84%; |
|||
box-shadow: none; |
|||
} |
|||
.content-box .content-text:last-child{ |
|||
border-bottom: 0 none; |
|||
} |
|||
.content-box .content-text span input{ |
|||
height: 30px; |
|||
text-align: right; |
|||
border: 0 none; |
|||
} |
|||
.content-box .content-text .num-code{ |
|||
float: right; |
|||
display: block; |
|||
width: 30%; |
|||
height: 44px; |
|||
margin-left: 8px; |
|||
} |
|||
.content-box .content-text .num-code img{ |
|||
width: 100%; |
|||
margin-top: 4px; |
|||
} |
|||
.content-box .content-text .input-code{ |
|||
width: 35%; |
|||
} |
|||
.content-box .content-text .input-code input{ |
|||
width: 100%; |
|||
} |
|||
.content-box{ |
|||
position: relative; |
|||
} |
|||
.content-box .content-close{ |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -18px; |
|||
bottom: -20%; |
|||
width: 36px; |
|||
} |
|||
.content-box .content-close a img{ |
|||
width: 100%; |
|||
} |
|||
.success-popup{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(0, 0, 0, 0.5); |
|||
} |
|||
.success-popup .content-box{ |
|||
position: absolute; |
|||
left: 8%; |
|||
top: 25%; |
|||
width: 84%; |
|||
background: none; |
|||
box-shadow: none; |
|||
} |
|||
.success-popup .content-box .content-info img{ |
|||
width: 100%; |
|||
} |
|||
.success-popup .content-box .content-close { |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -18px; |
|||
bottom: -20%; |
|||
width: 36px; |
|||
} |
|||
.pic-item { |
|||
position: relative; |
|||
width: 146px; |
|||
height: 146px; |
|||
float: right; |
|||
} |
|||
</style> |
|||
<body> |
|||
<div class="search-container flex-box-column"> |
|||
<div class="content-block"> |
|||
<div class="content-box"> |
|||
<h3 class="content-title">企业信息</h3> |
|||
<div class="content-info" id="enterprise-info"> |
|||
<p class="content-text"><label>企业名称：</label></p><p class="content-text" style="color:#1F5C99" id="name"></p> |
|||
<div id="enterpriseOtherSwitch"> |
|||
<!-- <p class="content-text"><label>法人责任主体名称：</label><span id="nameLegalPersonLiabilitySubject"></span></p> --> |
|||
<p class="content-text"><label>法定代表人名称：</label></p><p class="content-text" id="nameLegalRepresentative"></p> |
|||
<!-- <p class="content-text"><label>法定代表人证件类型：</label><span id="typeLegalRepresentative"></span></p> --> |
|||
<p class="content-text"><label>法定代表人证件号码：</label><span id="certificateNumberLegalRepresentative"></span></p> |
|||
<!-- <p class="content-text"><label>统一社会信用代码类型：</label><span id="corporateUnifiedSocialCreditType"></span></p> --> |
|||
<p class="content-text"><label>统一社会信用代码：</label><span id="corporateUnifiedSocialCreditCode"></span></p> |
|||
<!-- <p class="content-text"><label>企业行业大类型：</label><span id="enterpriseIndustryBigType"></span></p> |
|||
<p class="content-text"><label>企业行业小类型：</label><span id="enterpriseIndustrySmallType"></span></p> --> |
|||
<p class="content-text"><label>企业类型：</label><span id="enterpriseType"></span></p> |
|||
<!-- <p class="content-text"><label>邮箱：</label><span id="email"></span></p> --> |
|||
<p class="content-text"><label>官网地址：</label><span id="websiteAddress"></span></p> |
|||
<!-- <p class="content-text"><label>电话：</label><span id="mobile"></span></p> --> |
|||
<p class="content-text"><label>详细地址：</label><span id="address"></span></p> |
|||
<!-- <p class="content-text"><label>企业注册地详细地址：</label><span id="placeRegistrationAddress"></span></p> --> |
|||
<!-- <p class="content-text"><label>认证资料类型：</label><span id="certificatedInformationType"></span></p> --> |
|||
<p class="content-text"><label>联系人姓名：</label><span id="duty"></span></p> |
|||
<p class="content-text"><label>联系方式：</label><span id="contactInformation"></span></p> |
|||
<p class="content-text"><label>备注：</label><span id="remarks"></span></p> |
|||
<p class="content-text"><label>企业logo：</label><img id="logo" src="" class="pic-item"></p> |
|||
<p class="content-text"><label>营业执照照片：</label><img id="companyImg" src="" class="pic-item"></p> |
|||
<!-- <p class="content-text"><label>法人证件正面照片：</label><img id="faceIdImg" src="" class="pic-item"></p> |
|||
<p class="content-text"><label>法人证件反面照片：</label><img id="rearIdImg" src="" class="pic-item"></p> --> |
|||
</div> |
|||
<div id="enterpriseDescribeSwitch"> |
|||
<p class="content-text"><label style="width:25%;">企业简介：</label><span style="width:74%;" id="enterpriseDescribe"></span></p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script> |
|||
var code = ''; |
|||
var uuid = ""; |
|||
var enterpriseid= ""; |
|||
var infoOpen = ''; |
|||
var baseUrlIp = "http://121.36.65.171:9527"; |
|||
var enterpriseTpyeOption = ['政府机关','研究机构','社会团体','企业事业单位'] |
|||
function getEnterpriseOptions () { |
|||
$.ajax({ |
|||
url: baseUrlIp + "/system/dict/data/type/enterprise_category", |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
if(res.code == 200){ |
|||
let data = res.data |
|||
} |
|||
|
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function enterpriseInfo(){ |
|||
var str = window.location.href.split('?')[1]; |
|||
if (!str) {return}; |
|||
enterpriseid=str.split('&')[0]; |
|||
if(enterpriseid.indexOf('=') == -1) { |
|||
return |
|||
} |
|||
enterpriseid = enterpriseid.split('=')[1] |
|||
$.ajax({ |
|||
url: baseUrlIp + "/system/enterpriseManager/selectEnterpriseParticularsByIdForH5?enterpriseid=" + enterpriseid,//调用根据企业ID获取企业信息接口 |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
if(res.code == 200){ |
|||
let data = res.data |
|||
for (const key in data) { |
|||
if (Object.hasOwnProperty.call(data, key)) { |
|||
const element = data[key]; |
|||
// if(key == 'enterpriseDescribeSwitch'){ |
|||
// console.log(111111); |
|||
// } |
|||
if(element != null && $("#"+key).length > 0){ |
|||
if(key == 'enterpriseDescribeSwitch' || key == 'enterpriseOtherSwitch') { |
|||
if(element == 0){ |
|||
$("#"+key).hide() |
|||
} else if(element == 1) { |
|||
$("#"+key).show() |
|||
} |
|||
} else if (key == 'logo' || key == 'companyImg' || key == 'faceIdImg' || key == 'rearIdImg') { |
|||
$("#"+key).attr('src',element) |
|||
} else if (key == 'enterpriseType') { |
|||
$("#"+key).text(enterpriseTpyeOption[element-1]) |
|||
} else { |
|||
$("#"+key).text(element) |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
html +='<span style="color:#000;">error</span>'; |
|||
$('#enterprise-info').append(html); |
|||
} |
|||
|
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
// 默认加载验证码 |
|||
$(document).ready(function(){ |
|||
enterpriseInfo() |
|||
getEnterpriseOptions() |
|||
}) |
|||
|
|||
</script> |
|||
</html> |
|||
@ -0,0 +1,351 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|||
<link rel="icon" href="favicon.ico"> |
|||
<title>供应商资质应用管理系统</title> |
|||
<script src="jquery.min.js"></script> |
|||
</head> |
|||
<style> |
|||
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
body { |
|||
height: 100%; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
-webkit-font-smoothing: antialiased; |
|||
text-rendering: optimizeLegibility; |
|||
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; |
|||
} |
|||
|
|||
label { |
|||
font-weight: 700; |
|||
} |
|||
|
|||
html { |
|||
height: 100%; |
|||
box-sizing: border-box; |
|||
} |
|||
*, |
|||
*:before, |
|||
*:after { |
|||
box-sizing: inherit; |
|||
} |
|||
.flex-box { |
|||
display: -webkit-box; |
|||
display: -webkit-flex; |
|||
/* Safari */ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.flex-box-column { |
|||
display: -webkit-box; |
|||
display: -webkit-flex; |
|||
/* Safari */ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
flex-direction: column; |
|||
} |
|||
.search-container { |
|||
position: relative; |
|||
width: 100vw; |
|||
min-height: 100%; |
|||
background-image: url('bg-invitation.png'); |
|||
background-repeat: no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
.content-block { |
|||
position: relative; |
|||
margin-top: 2vh; |
|||
width: 320px; |
|||
width: 93.5%; |
|||
color: #fff; |
|||
} |
|||
.content-box { |
|||
position: relative; |
|||
top:0; |
|||
width: 100%; |
|||
min-height: 200px; |
|||
padding: 15px; |
|||
margin-bottom: 15px; |
|||
word-wrap:break-word; |
|||
background: #FFFFFF; |
|||
border-radius: 10px; |
|||
box-shadow: 0px 4px 20px 0px rgba(65, 194, 252, 0.14), 0px 7px 13px 0px rgba(50, 147, 255, 0.52); |
|||
} |
|||
.content-box .content-title{ |
|||
margin-bottom: 8px; |
|||
font-size: 20px; |
|||
font-weight: 400; |
|||
color: #1F5C99; |
|||
line-height: 54px; |
|||
border-bottom: 1px dashed #D2E1EA; |
|||
} |
|||
.content-box .content-text { |
|||
font-size: 14px; |
|||
line-height: 44px; |
|||
color: #666666; |
|||
/* border-bottom: 1px dashed #D2E1EA; */ |
|||
overflow: hidden; |
|||
} |
|||
.content-box .content-text-content { |
|||
position: relative; |
|||
font-size: 16px; |
|||
line-height: 44px; |
|||
color: #1F5C99; |
|||
border-bottom: 1px dashed #D2E1EA; |
|||
overflow: hidden; |
|||
} |
|||
.content-box .content-text label{ |
|||
display: inline-block; |
|||
/* float: left; */ |
|||
width: 40%; |
|||
font-weight: 600; |
|||
line-height: 34px; |
|||
vertical-align: top; |
|||
} |
|||
.content-box .content-text span{ |
|||
display: block; |
|||
float: right; |
|||
width: 60%; |
|||
line-height: 34px; |
|||
color: #222222; |
|||
text-align: right; |
|||
} |
|||
.content-box .content-btn{ |
|||
margin-top: 70px; |
|||
} |
|||
.content-box .content-btn a{ |
|||
display: block; |
|||
width: 100%; |
|||
padding: 15px 0; |
|||
margin-bottom: 25px; |
|||
font-size: 18px; |
|||
color: #FFFFFF; |
|||
text-align: center; |
|||
text-decoration: none; |
|||
background: #30E3D8; |
|||
border-radius: 80px; |
|||
} |
|||
.content-box .content-btn a.btn-register{ |
|||
background: #3293FF; |
|||
} |
|||
.text-indent-1 { |
|||
text-indent:1em; |
|||
} |
|||
.beinvited-popup{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(0, 0, 0, 0.5); |
|||
} |
|||
.beinvited-popup .content-box{ |
|||
position: absolute; |
|||
left: 8%; |
|||
top: 25%; |
|||
width: 84%; |
|||
box-shadow: none; |
|||
} |
|||
.content-box .content-text:last-child{ |
|||
border-bottom: 0 none; |
|||
} |
|||
.content-box .content-text span input{ |
|||
height: 30px; |
|||
text-align: right; |
|||
border: 0 none; |
|||
} |
|||
.content-box .content-text .num-code{ |
|||
float: right; |
|||
display: block; |
|||
width: 30%; |
|||
height: 44px; |
|||
margin-left: 8px; |
|||
} |
|||
.content-box .content-text .num-code img{ |
|||
width: 100%; |
|||
margin-top: 4px; |
|||
} |
|||
.content-box .content-text .input-code{ |
|||
width: 35%; |
|||
} |
|||
.content-box .content-text .input-code input{ |
|||
width: 100%; |
|||
} |
|||
.content-box{ |
|||
position: relative; |
|||
} |
|||
.content-box .content-close{ |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -18px; |
|||
bottom: -20%; |
|||
width: 36px; |
|||
} |
|||
.content-box .content-close a img{ |
|||
width: 100%; |
|||
} |
|||
.success-popup{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(0, 0, 0, 0.5); |
|||
} |
|||
.success-popup .content-box{ |
|||
position: absolute; |
|||
left: 8%; |
|||
top: 25%; |
|||
width: 84%; |
|||
background: none; |
|||
box-shadow: none; |
|||
} |
|||
.success-popup .content-box .content-info img{ |
|||
width: 100%; |
|||
} |
|||
.success-popup .content-box .content-close { |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -18px; |
|||
bottom: -20%; |
|||
width: 36px; |
|||
} |
|||
.pic-item { |
|||
position: relative; |
|||
width: 146px; |
|||
height: 146px; |
|||
} |
|||
</style> |
|||
<body> |
|||
<div class="search-container flex-box-column"> |
|||
<div class="content-block"> |
|||
<div class="content-box"> |
|||
<h3 class="content-title">企业信息</h3> |
|||
<div class="content-info" id="enterprise-info"> |
|||
<p class="content-text"><label>企业名称：</label></p> |
|||
<p class="content-text-content" id="name"></p> |
|||
<div id="enterpriseOtherSwitch"> |
|||
<p class="content-text"><label>法定代表人名称：</label></p> |
|||
<p class="content-text-content" id="nameLegalRepresentative"></p> |
|||
<p class="content-text"><label>法定代表人证件号码：</label></p> |
|||
<p class="content-text-content" id="certificateNumberLegalRepresentative"></p> |
|||
<p class="content-text"><label>统一社会信用代码：</label></p> |
|||
<p class="content-text-content" id="corporateUnifiedSocialCreditCode"></p> |
|||
<p class="content-text"><label>企业类型：</label></p> |
|||
<p class="content-text-content" id="enterpriseType"></p> |
|||
<p class="content-text"><label>官网地址：</label></p> |
|||
<p class="content-text-content" id="websiteAddress"></p> |
|||
<p class="content-text"><label>详细地址：</label></p> |
|||
<p class="content-text-content" id="address"></p> |
|||
<p class="content-text"><label>联系人姓名：</label></p> |
|||
<p class="content-text-content" id="duty"></p> |
|||
<p class="content-text"><label>联系方式：</label></p> |
|||
<p class="content-text-content" id="contactInformation"></p> |
|||
<p class="content-text"><label>备注：</label></p> |
|||
<p class="content-text-content" id="remarks"></p> |
|||
<p class="content-text"><label>企业logo：</label></p> |
|||
<p class="content-text-content"><img id="logo" src="" class="pic-item"></p> |
|||
<p class="content-text"><label>营业执照照片：</label></p> |
|||
<p class="content-text-content"><img id="companyImg" src="" class="pic-item"></p> |
|||
|
|||
</div> |
|||
<div id="enterpriseDescribeSwitch"> |
|||
<p class="content-text"><label>企业简介：</label></span></p> |
|||
<p class="content-text-content" id="enterpriseDescribe"></p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script> |
|||
var code = ''; |
|||
var uuid = ""; |
|||
var enterpriseid= ""; |
|||
var infoOpen = ''; |
|||
var baseUrlIp = "http://121.36.65.171:9527"; |
|||
var enterpriseTpyeOption = ['政府机关','研究机构','社会团体','企业事业单位'] |
|||
function getEnterpriseOptions () { |
|||
$.ajax({ |
|||
url: baseUrlIp + "/system/dict/data/type/enterprise_category", |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
if(res.code == 200){ |
|||
let data = res.data |
|||
} |
|||
|
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
function enterpriseInfo(){ |
|||
var str = window.location.href.split('?')[1]; |
|||
if (!str) {return}; |
|||
enterpriseid=str.split('&')[0]; |
|||
if(enterpriseid.indexOf('=') == -1) { |
|||
return |
|||
} |
|||
enterpriseid = enterpriseid.split('=')[1] |
|||
$.ajax({ |
|||
url: baseUrlIp + "/system/enterpriseManager/selectEnterpriseParticularsByIdForH5?enterpriseid=" + enterpriseid,//调用根据企业ID获取企业信息接口 |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
if(res.code == 200){ |
|||
let data = res.data |
|||
for (const key in data) { |
|||
if (Object.hasOwnProperty.call(data, key)) { |
|||
const element = data[key]; |
|||
// if(key == 'enterpriseDescribeSwitch'){ |
|||
// console.log(111111); |
|||
// } |
|||
if(element != null && $("#"+key).length > 0){ |
|||
if(key == 'enterpriseDescribeSwitch' || key == 'enterpriseOtherSwitch') { |
|||
if(element == 0){ |
|||
$("#"+key).hide() |
|||
} else if(element == 1) { |
|||
$("#"+key).show() |
|||
} |
|||
} else if (key == 'logo' || key == 'companyImg' || key == 'faceIdImg' || key == 'rearIdImg') { |
|||
$("#"+key).attr('src',element) |
|||
} else if (key == 'enterpriseType') { |
|||
$("#"+key).text(enterpriseTpyeOption[element-1]) |
|||
} else { |
|||
$("#"+key).text(element) |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
} else { |
|||
html +='<span style="color:#000;">error</span>'; |
|||
$('#enterprise-info').append(html); |
|||
} |
|||
|
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
// 默认加载验证码 |
|||
$(document).ready(function(){ |
|||
enterpriseInfo() |
|||
getEnterpriseOptions() |
|||
}) |
|||
|
|||
</script> |
|||
</html> |
|||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 79 KiB |
@ -0,0 +1,297 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form ref="form" :model="form" label-width="170px"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="企业名称：" prop="name"> |
|||
<span>{{form.name}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法人责任主体名称：" prop="nameLegalPersonLiabilitySubject"> |
|||
<span>{{form.nameLegalPersonLiabilitySubject}}</span> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="法定代表人名称：" prop="nameLegalRepresentative"> |
|||
<span>{{form.nameLegalRepresentative}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法定代表人证件类型：" prop="typeLegalRepresentative"> |
|||
<span>{{form.typeLegalRepresentative | filterTypeLegalRepresentative(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法定代表人证件号码：" prop="certificateNumberLegalRepresentative"> |
|||
<span>{{form.certificateNumberLegalRepresentative}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="统一社会信用代码类型：" prop="corporateUnifiedSocialCreditType"> |
|||
<span>{{form.corporateUnifiedSocialCreditType | filterCorporateUnifiedSocialCreditTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="统一社会信用代码：" prop="corporateUnifiedSocialCreditCode"> |
|||
<span>{{form.corporateUnifiedSocialCreditCode}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业行业大类型：" prop="enterpriseIndustryBigType"> |
|||
<span>{{form.enterpriseIndustryBigType | filterEnterpriseIndustryBigTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业行业小类型：" prop="enterpriseIndustrySmallType"> |
|||
<span>{{form.enterpriseIndustrySmallType | filterEnterpriseIndustrySmallTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业类型：" prop="enterpriseType"> |
|||
<span>{{form.enterpriseType | filterEnterpriseTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="邮箱：" prop="email"> |
|||
<span>{{form.email}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业简介：" prop="enterpriseDescribe"> |
|||
<span>{{form.enterpriseDescribe}}</span> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="官网地址：" prop="websiteAddress"> |
|||
<span>{{form.websiteAddress}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="电话：" prop="mobile"> |
|||
<span>{{form.mobile}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="详细地址：" prop="address"> |
|||
<span>{{form.address}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业注册地详细地址：" prop="placeRegistrationAddress"> |
|||
<span>{{form.placeRegistrationAddress}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="认证资料类型：" prop="certificatedInformationType"> |
|||
<span>{{form.certificatedInformationType | filterCertificatedInformationTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="联系人姓名：" prop="duty"> |
|||
<span>{{form.duty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="联系方式：" prop="contactInformation"> |
|||
<span>{{form.contactInformation}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="省代码：" prop="provinceCode"> |
|||
<span>{{form.provinceCode | filterProvinceCodeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="市代码：" prop="cityCode"> |
|||
<span>{{form.cityCode | filterCityCodeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="区代码：" prop="areaCode"> |
|||
<span>{{form.areaCode | filterAreaCodeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="备注：" prop="remarks"> |
|||
<span>{{form.remarks}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业logo：" prop="logo"> |
|||
<img :src="form.logo" class="pic-item"> |
|||
</el-form-item> |
|||
<el-form-item label="营业执照照片：" prop="companyImg"> |
|||
<img :src="form.companyImg" class="pic-item"> |
|||
</el-form-item> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法人证件正面照片：" prop="faceIdImg"> |
|||
<img :src="form.faceIdImg" class="pic-item"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法人证件反面照片：" prop="rearIdImg"> |
|||
<img :src="form.rearIdImg" class="pic-item"> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
<div class="dialog-footer text-center"> |
|||
<el-button @click="cancel">返回</el-button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getEnterPriseInfoByLogin,getAreaByParentId,getEnterpriseManager} from "@/api/system/enterpriseManager"; |
|||
export default { |
|||
name: "companyInfo", |
|||
data() { |
|||
return { |
|||
enterpriseId:this.$route.query.enterpriseId, |
|||
that:this, |
|||
// 认证资料类型字典 |
|||
certificatedInformationTypeOptions: [], |
|||
// 统一社会信用代码类型字典 |
|||
corporateUnifiedSocialCreditTypeOptions: [], |
|||
// 企业行业大类型字典 |
|||
enterpriseIndustryBigTypeOptions: [], |
|||
// 企业行业小类型字典 |
|||
enterpriseIndustrySmallTypeOptions: [], |
|||
// 企业类型字典 |
|||
enterpriseTypeOptions: [], |
|||
// 省代码字典 |
|||
provinceCodeOptions: [], |
|||
// 市代码字典 |
|||
cityCodeOptions: [], |
|||
// 县代码字典 |
|||
areaCodeOptions: [], |
|||
// 法定代表人类型字典 |
|||
typeLegalRepresentativeOptions: [], |
|||
// 表单参数 |
|||
form: {}, |
|||
params:{}, |
|||
}; |
|||
}, |
|||
filters: { |
|||
//法定代表人类型过滤 |
|||
filterTypeLegalRepresentative(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.typeLegalRepresentativeOptions.filter(item => { |
|||
return item.dictValue == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
|||
}, |
|||
//统一社会信用代码类型 |
|||
filterCorporateUnifiedSocialCreditTypeOptions(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.corporateUnifiedSocialCreditTypeOptions.filter(item => { |
|||
return item.dictValue == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
|||
}, |
|||
|
|||
//行业大类类型 |
|||
filterEnterpriseIndustryBigTypeOptions(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.enterpriseIndustryBigTypeOptions.filter(item => { |
|||
return item.dictValue == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
|||
}, |
|||
//行业小类类型 |
|||
filterEnterpriseIndustrySmallTypeOptions(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.enterpriseIndustrySmallTypeOptions.filter(item => { |
|||
return item.dictValue == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
|||
}, |
|||
//企业类型 |
|||
filterEnterpriseTypeOptions(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.enterpriseTypeOptions.filter(item => { |
|||
return item.dictValue == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
|||
}, |
|||
//认证资料类型 |
|||
filterCertificatedInformationTypeOptions(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.certificatedInformationTypeOptions.filter(item => { |
|||
return item.dictValue == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
|||
}, |
|||
|
|||
//省 |
|||
filterProvinceCodeOptions(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.provinceCodeOptions.filter(item => { |
|||
return item.dictValue == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].dictLabel : '' |
|||
}, |
|||
//市 |
|||
filterCityCodeOptions(value,that){ |
|||
if (!value) return '' |
|||
let aFilters = that.cityCodeOptions.filter(item => { |
|||
return item.areaCode == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].name : '' |
|||
}, |
|||
//区 |
|||
filterAreaCodeOptions(value,that){ |
|||
if (!value) return '' |
|||
// value = value.toString() |
|||
let aFilters = that.areaCodeOptions.filter(item => { |
|||
return item.areaCode == value |
|||
}) |
|||
return aFilters.length > 0 ? aFilters[0].name : '' |
|||
}, |
|||
}, |
|||
created() { |
|||
getEnterpriseManager(this.enterpriseId).then(res => { |
|||
if(res.data) |
|||
{ |
|||
this.form = res.data |
|||
if(res.data.provinceCode) |
|||
{ |
|||
this.getCityOrAreaList(res.data.provinceCode,1) |
|||
} |
|||
if(res.data.cityCode) |
|||
{ |
|||
this.getCityOrAreaList(res.data.cityCode,2) |
|||
} |
|||
} |
|||
}) |
|||
this.getDicts("business_license_category").then(response => { |
|||
this.certificatedInformationTypeOptions = response.data; |
|||
}); |
|||
this.getDicts("credit_code").then(response => { |
|||
this.corporateUnifiedSocialCreditTypeOptions = response.data; |
|||
}); |
|||
this.getDicts("industry_main_category").then(response => { |
|||
this.enterpriseIndustryBigTypeOptions = response.data; |
|||
}); |
|||
this.getDicts("industry_sub_category").then(response => { |
|||
this.enterpriseIndustrySmallTypeOptions = response.data; |
|||
}); |
|||
this.getDicts("enterprise_category").then(response => { |
|||
this.enterpriseTypeOptions = response.data; |
|||
}); |
|||
this.getDicts("province_code").then(response => { |
|||
this.provinceCodeOptions = response.data; |
|||
}); |
|||
// this.getDicts("province_code").then(response => { |
|||
// this.cityCodeOptions = response.data; |
|||
// }); |
|||
// this.getDicts("province_code").then(response => { |
|||
// this.areaCodeOptions = response.data; |
|||
// }); |
|||
this.getDicts("credential_type_code").then(response => { |
|||
this.typeLegalRepresentativeOptions = response.data; |
|||
}); |
|||
}, |
|||
methods: { |
|||
//根据父级ID获取市、区列表,type:1为市，2为区 |
|||
getCityOrAreaList(parentId,type){ |
|||
getAreaByParentId({parentId:parseInt(parentId)}).then(res => { |
|||
if(type == 1) { |
|||
this.cityCodeOptions = res.data; |
|||
} else if (type == 2) { |
|||
this.areaCodeOptions = res.data; |
|||
} |
|||
// this.$forceUpdate() |
|||
}) |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.form = {} |
|||
window.history.go(-1) |
|||
}, |
|||
} |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.el-form { |
|||
position: relative; |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
} |
|||
.pic-item { |
|||
position: relative; |
|||
width: 146px; |
|||
height: 146px; |
|||
} |
|||
.apply-wait,.apply-reject,.apply-adopt{ |
|||
p{ |
|||
text-align: center; |
|||
font-size: 18px; |
|||
color: #666; |
|||
margin-bottom: 15px; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue