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