DESKTOP-00SUCB6\Administrator
4 years ago
26 changed files with 1410 additions and 705 deletions
|
After Width: | Height: | Size: 436 KiB |
|
After Width: | Height: | Size: 277 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,377 @@ |
|||
<!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: 42vh; |
|||
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{ |
|||
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; |
|||
} |
|||
.content-mask{ |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(0, 0, 0, 0.7); |
|||
} |
|||
.content-mask .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: inline-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%; |
|||
} |
|||
|
|||
</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"> |
|||
|
|||
</div> |
|||
<div class="content-btn"> |
|||
<a href="javascript:;" class="btn-invitate">登录并接受邀请</a> |
|||
<a href="javascript:;" class="btn-register">去注册</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="content-mask" id="content-mask" style="display: none;"> |
|||
<div class="content-box"> |
|||
<h3 class="content-title">受邀企业</h3> |
|||
<div class="content-info"> |
|||
<form class="content-form" action="#" method="GET" name="content-form"> |
|||
<p class="content-text"><label>用户名：</label><span><input type="text" name="name" id="name" placeholder="请输入用户名"></span></p> |
|||
<p class="content-text"><label>密码：<label><span><input type="password" name="password" id="password" placeholder="请输入密码"></span></p> |
|||
<p class="content-text"> |
|||
<label>验证码：</label> |
|||
<span class="input-code"><input type="text" name="vcode" id="vcode" placeholder="请输入验证码"></span> |
|||
<strong class="num-code"></strong> |
|||
</p> |
|||
</form> |
|||
</div> |
|||
<div class="content-btn"> |
|||
<a href="javascript:;" class="btn-accept">接受邀请</a> |
|||
</div> |
|||
<div class="content-close"> |
|||
<a href="javascript:;" class="btn-close"><img src="close.png" alt=""></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script> |
|||
var baseUrlIp = "http://121.36.65.171:9527"; |
|||
var registerIP = "http://121.36.65.171:9527/swagger-ui.html#/" |
|||
|
|||
// 点击去注册按钮，复制链接并去浏览器打开 |
|||
$(".btn-register").click(function(){ |
|||
var input = $("<input value = "+ registerIP +">"); |
|||
$("body").prepend(input); |
|||
$("body").find("input").eq(0).select(); |
|||
document.execCommand("copy"); |
|||
$("body").find("input").eq(0).remove(); |
|||
alert("请到浏览器粘贴并打开链接 "+ registerIP); |
|||
}); |
|||
// 点击登录并接受邀请按钮,打开受邀企业弹窗 |
|||
$(".btn-invitate").click(function(){ |
|||
if($("#content-mask").css("display")=="none"){ |
|||
$("#content-mask").show(); |
|||
} |
|||
}); |
|||
// 点击关闭按钮，关闭弹窗 |
|||
$(".btn-close").click(function(){ |
|||
if($("#content-mask").css("display")=="block"){ |
|||
$("#content-mask").hide(); |
|||
} |
|||
}); |
|||
// 验证码 |
|||
var uuid = ""; |
|||
$(document).ready(function(res){ |
|||
$.ajax({ |
|||
url: baseUrlIp + "/captchaImage", |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
uuid=res.uuid; |
|||
if(res.code == 200){ |
|||
// data后台返回来的数据 |
|||
var html = ''; |
|||
html +='<img id="imgUrl" src="data:gif;base64,'+ res.img +'" alt="">' |
|||
} else { |
|||
html +='<span style="color:#000;">error</span>'; |
|||
} |
|||
// append 结尾插入内容 |
|||
$(".num-code").append(html); |
|||
|
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
}) |
|||
// 刷新验证码 |
|||
$(".num-code").click(function(){ |
|||
$.ajax({ |
|||
url: baseUrlIp + "/captchaImage", |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
$("#imgUrl").attr("src","data:gif;base64,"+ res.img) |
|||
uuid=res.uuid; |
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
}); |
|||
// 点击接受邀请按钮，提交验证 |
|||
$(".btn-accept").click(function(){ |
|||
var name = $('input[name=name]').val(); |
|||
var password = $('input[name=password]').val(); |
|||
var vcode = $('input[name=vcode]').val(); |
|||
if($.trim(name)==''){ |
|||
alert("请输入用户名") |
|||
$('input[name=name]').focus() |
|||
return false |
|||
} |
|||
if($.trim(password)==''){ |
|||
alert("请输入密码") |
|||
$('input[name=password]').focus() |
|||
return false |
|||
} |
|||
if($.trim(vcode)==''){ |
|||
alert("请输入验证码") |
|||
$('input[name=vcode]').focus() |
|||
return false |
|||
} |
|||
|
|||
const data = { |
|||
'username':name, |
|||
'password':password, |
|||
'code':vcode, |
|||
'uuid':uuid |
|||
} |
|||
$.ajax({ |
|||
url: baseUrlIp + "/login", |
|||
type: "post", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
contentType : "application/json;charset=utf-8",//添加这句话 |
|||
data : JSON.stringify(data), |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
console.log(res) |
|||
if(res.code == 200){ |
|||
alert("受邀企业成功注册") |
|||
$("#content-mask").hide() |
|||
} |
|||
|
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
}); |
|||
|
|||
//企业名称接口 |
|||
function enterpriseInfo(){ |
|||
var code = ''; |
|||
var str = window.location.href.split('?')[1]; |
|||
if (!str) {return}; |
|||
var enterpriseid=str.split('&')[0]; |
|||
if(enterpriseid.indexOf('=') == -1) { |
|||
return |
|||
} |
|||
enterpriseid = enterpriseid.split('=')[1] |
|||
var infoOpen=str.split('&')[1]; |
|||
if(infoOpen.indexOf('=') == -1) { |
|||
return |
|||
} |
|||
infoOpen = infoOpen.split('=')[1] |
|||
$.ajax({ |
|||
url: baseUrlIp + "/system/enterpriseManager/selectEnterpriseByIdForH5?enterpriseid=" + enterpriseid, |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
if(res.code == 200){ |
|||
// data后台返回来的数据 |
|||
var html = ''; |
|||
html +='<p class="content-text"><label>企业名称：</label><span id="enterprise_name">'+ res.data.name +'</span></p>' |
|||
+'<p class="content-text"><label>法定代表人名称：</label><span id="enterprise_person">'+ res.data.nameLegalRepresentative +'</span></p>' |
|||
} else { |
|||
html +='<span style="color:#000;">error</span>'; |
|||
} |
|||
// append 结尾插入内容 |
|||
$('#enterprise-info').append(html); |
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
enterpriseInfo() |
|||
</script> |
|||
</html> |
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 30 KiB |
@ -0,0 +1,202 @@ |
|||
<!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-scanCode.png'); |
|||
background-repeat: no-repeat; |
|||
background-size: 100% 100%; |
|||
} |
|||
.content-block { |
|||
position: relative; |
|||
margin-top: 42vh; |
|||
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{ |
|||
line-height: 30px; |
|||
font-weight: normal; |
|||
vertical-align: top; |
|||
} |
|||
.content-box .content-text span{ |
|||
display: block; |
|||
float: right; |
|||
width: 70%; |
|||
line-height: 30px; |
|||
color: #222222; |
|||
text-align: right; |
|||
} |
|||
.content-box .content-text span img{ |
|||
width: 70px; |
|||
height: 60px; |
|||
margin: 8px 0 0 8px; |
|||
border-radius: 10px; |
|||
} |
|||
.content-box .content-pdf{ |
|||
margin-top: 15px; |
|||
} |
|||
.content-box .content-pdf a{ |
|||
display: block; |
|||
margin: 12px 0; |
|||
font-size: 12px; |
|||
color:#3293FF; |
|||
} |
|||
.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; |
|||
} |
|||
</style> |
|||
<body> |
|||
<div class="search-container flex-box-column"> |
|||
<div id="data"></div> |
|||
<div class="content-block"> |
|||
<div class="content-box"> |
|||
<h3 class="content-title">产品信息</h3> |
|||
<div class="content-info" id="content-info"> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script> |
|||
var code = ''; |
|||
var str = window.location.href.split('?')[1]; |
|||
var baseUrlIp = "http://172.119.51.195:8080"; |
|||
function productInfo(){ |
|||
$.ajax({ |
|||
url: baseUrlIp + "/company/standard/fetch/" + str, |
|||
type: "get", // 请求方式get / post |
|||
dataType: "json", // 数据类型 |
|||
// 请求成功后的回调函数 |
|||
success: function(res) { |
|||
if(res.code == 200){ |
|||
// data后台返回来的数据 |
|||
var html = ''; |
|||
var picHtml = ''; |
|||
var fileHtml = ''; |
|||
// 包装图片 |
|||
var pics = res.data.standard.productImgUrl.split(',') |
|||
for (var i = 0; i < pics.length; i++) { |
|||
picHtml +='<img src='+ pics[i] +'/>' |
|||
} |
|||
// 文件 |
|||
for (var i = 0; i < res.data.fileList.length; i++) { |
|||
fileHtml +='<a href='+ res.data.fileList[i].fileUrl+'>'+ res.data.fileList[i].fileName +'</a>' |
|||
} |
|||
html +='<p class="content-text"><label>产品名称：</label><span id="product_name">'+ res.data.standard.productName +'</span></p>' |
|||
+'<p class="content-text"><label>包装图片：</label><span id="product_pics">'+ picHtml +'</span></p>' |
|||
+'<p class="content-text"><label>包装标准：</label><span id="product_standard">'+ res.data.standard.ybzStandard +'</span></p>' |
|||
+'<p class="content-text"><label>营养成分：</label><span id="product_nutrients">'+ res.data.standard.nutrients +'</span></p>' |
|||
+'<div class="content-pdf" id="product_pdfs">'+ fileHtml +'</div>'; |
|||
} else { |
|||
html +='<span style="color:#000;">该产品码无效</span>'; |
|||
} |
|||
// append 结尾插入内容 |
|||
$('#content-info').append(html); |
|||
}, |
|||
error: function(err) { |
|||
console.log(err); |
|||
} |
|||
}); |
|||
} |
|||
productInfo() |
|||
</script> |
|||
</html> |
|||
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,567 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="apply-wait" v-if="isAdd"> |
|||
<p><i class="el-icon-loading" style="font-weight: bold"></i>尊敬的企业用户,您正在添加您的企业信息</p> |
|||
</div> |
|||
<div class="apply-reject" v-if="!isAdd && isEdit"> |
|||
<p><i class="el-icon-warning-outline" style="font-weight: bold;color:#f9a80d;margin-right: 4px;"></i>尊敬的企业用户,您正在修改您的企业信息</p> |
|||
</div> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="170px"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="企业名称：" prop="name"> |
|||
<el-input v-if="isEdit" v-model="form.name" placeholder="请输入企业名称" /> |
|||
<span v-else>{{form.name}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法人责任主体名称：" prop="nameLegalPersonLiabilitySubject"> |
|||
<el-input v-if="isEdit" v-model="form.nameLegalPersonLiabilitySubject" placeholder="请输入法人责任主体名称" /> |
|||
<span v-else>{{form.nameLegalPersonLiabilitySubject}}</span> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="法定代表人名称：" prop="nameLegalRepresentative"> |
|||
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
|||
<span v-else>{{form.nameLegalRepresentative}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法定代表人证件类型：" prop="typeLegalRepresentative"> |
|||
<el-select v-if="isEdit" v-model="form.typeLegalRepresentative" placeholder="请选择法定代表人类型"> |
|||
<el-option |
|||
v-for="dict in typeLegalRepresentativeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.typeLegalRepresentative | filterTypeLegalRepresentative(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法定代表人证件号码：" prop="certificateNumberLegalRepresentative"> |
|||
<el-input v-if="isEdit" v-model="form.certificateNumberLegalRepresentative" placeholder="请输入法定代表人证件号码" /> |
|||
<span v-else>{{form.certificateNumberLegalRepresentative}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="统一社会信用代码类型：" prop="corporateUnifiedSocialCreditType"> |
|||
<el-select v-if="isEdit" v-model="form.corporateUnifiedSocialCreditType" placeholder="请选择统一社会信用代码类型"> |
|||
<el-option |
|||
v-for="dict in corporateUnifiedSocialCreditTypeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.corporateUnifiedSocialCreditType | filterCorporateUnifiedSocialCreditTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="统一社会信用代码：" prop="corporateUnifiedSocialCreditCode"> |
|||
<el-input v-if="isEdit" v-model="form.corporateUnifiedSocialCreditCode" placeholder="请输入统一社会信用代码" /> |
|||
<span v-else>{{form.corporateUnifiedSocialCreditCode}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业行业大类型：" prop="enterpriseIndustryBigType"> |
|||
<el-select v-if="isEdit" v-model="form.enterpriseIndustryBigType" placeholder="请选择企业行业大类型"> |
|||
<el-option |
|||
v-for="dict in enterpriseIndustryBigTypeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.enterpriseIndustryBigType | filterEnterpriseIndustryBigTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业行业小类型：" prop="enterpriseIndustrySmallType"> |
|||
<el-select v-if="isEdit" v-model="form.enterpriseIndustrySmallType" placeholder="请选择企业行业小类型"> |
|||
<el-option |
|||
v-for="dict in enterpriseIndustrySmallTypeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.enterpriseIndustrySmallType | filterEnterpriseIndustrySmallTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业类型：" prop="enterpriseType"> |
|||
<el-select v-if="isEdit" v-model="form.enterpriseType" placeholder="请选择企业类型"> |
|||
<el-option |
|||
v-for="dict in enterpriseTypeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.enterpriseType | filterEnterpriseTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="邮箱：" prop="email"> |
|||
<el-input v-if="isEdit" v-model="form.email" placeholder="请输入邮箱" /> |
|||
<span v-else>{{form.email}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业简介：" prop="enterpriseDescribe"> |
|||
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" type="textarea" placeholder="请输入内容" /> |
|||
<span v-else>{{form.enterpriseDescribe}}</span> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="官网地址：" prop="websiteAddress"> |
|||
<el-input v-if="isEdit" v-model="form.websiteAddress" placeholder="请输入官网地址" /> |
|||
<span v-else>{{form.websiteAddress}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="电话：" prop="mobile"> |
|||
<el-input v-if="isEdit" v-model="form.mobile" placeholder="请输入电话" /> |
|||
<span v-else>{{form.mobile}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="详细地址：" prop="address"> |
|||
<el-input v-if="isEdit" v-model="form.address" placeholder="请输入详细地址" /> |
|||
<span v-else>{{form.address}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业注册地详细地址：" prop="placeRegistrationAddress"> |
|||
<el-input v-if="isEdit" v-model="form.placeRegistrationAddress" placeholder="请输入企业注册地详细地址" /> |
|||
<span v-else>{{form.placeRegistrationAddress}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="认证资料类型：" prop="certificatedInformationType"> |
|||
<el-select v-if="isEdit" v-model="form.certificatedInformationType" placeholder="请选择认证资料类型"> |
|||
<el-option |
|||
v-for="dict in certificatedInformationTypeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.certificatedInformationType | filterCertificatedInformationTypeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="联系人姓名：" prop="duty"> |
|||
<el-input v-if="isEdit" v-model="form.duty" placeholder="请输入联系人姓名" /> |
|||
<span v-else>{{form.duty}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="联系方式：" prop="contactInformation"> |
|||
<el-input v-if="isEdit" v-model="form.contactInformation" placeholder="请输入联系方式" /> |
|||
<span v-else>{{form.contactInformation}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="省代码：" prop="provinceCode"> |
|||
<el-select v-if="isEdit" v-model="form.provinceCode" placeholder="请选择省代码" @change="changeProvince"> |
|||
<el-option |
|||
v-for="dict in provinceCodeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.provinceCode | filterProvinceCodeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="市代码：" prop="cityCode"> |
|||
<el-select v-if="isEdit" v-model="form.cityCode" placeholder="请选择市代码" @change="changeCity"> |
|||
<el-option |
|||
v-for="(item,index) in cityCodeOptions" |
|||
:key="index" |
|||
:label="item.name" |
|||
:value="item.areaCode+''" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.cityCode | filterCityCodeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="区代码：" prop="areaCode"> |
|||
<el-select v-if="isEdit" v-model="form.areaCode" placeholder="请选择县代码" @change="changeArea"> |
|||
<el-option |
|||
v-for="(item,index) in areaCodeOptions" |
|||
:key="index" |
|||
:label="item.name" |
|||
:value="item.areaCode+''" |
|||
></el-option> |
|||
</el-select> |
|||
<span v-else>{{form.areaCode | filterAreaCodeOptions(that)}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="备注：" prop="remarks"> |
|||
<el-input v-if="isEdit" v-model="form.remarks" placeholder="请输入备注" /> |
|||
<span v-else>{{form.remarks}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业logo：" prop="logo"> |
|||
<imageUpload v-if="isEdit" v-model="form.logo"/> |
|||
<img v-else :src="form.logo" class="pic-item"> |
|||
</el-form-item> |
|||
<el-form-item label="营业执照照片：" prop="companyImg"> |
|||
<imageUpload v-if="isEdit" v-model="form.companyImg"/> |
|||
<img v-else :src="form.companyImg" class="pic-item"> |
|||
</el-form-item> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法人证件正面照片：" prop="faceIdImg"> |
|||
<imageUpload v-if="isEdit" v-model="form.faceIdImg"/> |
|||
<img v-else :src="form.faceIdImg" class="pic-item"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="法人证件反面照片：" prop="rearIdImg"> |
|||
<imageUpload v-if="isEdit" v-model="form.rearIdImg"/> |
|||
<img v-else :src="form.rearIdImg" class="pic-item"> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
</el-form> |
|||
<div v-if="isEdit" class="dialog-footer text-center"> |
|||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
<div v-else class="text-center"> |
|||
<el-button type="primary" @click="onClickEdit">编 辑</el-button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ImageUpload from '@/components/ImageUpload'; |
|||
import { getEnterPriseInfoByLogin,addEnterpriseManager, updateEnterpriseManager,getAreaByParentId} from "@/api/system/enterpriseManager"; |
|||
import {validatAlphabetAndNum,validAlphabets,validatePhone,validEmail,validatePasswordStrong,validateIDCard} from "@/utils/validate" |
|||
export default { |
|||
name: "EnterpriseManager", |
|||
components: { |
|||
ImageUpload, |
|||
}, |
|||
data() { |
|||
const checkPhoneNum = (rule, value, callback) => { |
|||
if (!validatePhone(value)) { |
|||
return callback(new Error('请输入正确的手机号码')); |
|||
} else { |
|||
callback() |
|||
} |
|||
}; |
|||
const checkEmailAddr = (rule, value, callback) => { |
|||
if (!validEmail(value)) { |
|||
return callback(new Error('请输入正确的邮箱地址')); |
|||
} else { |
|||
callback() |
|||
} |
|||
}; |
|||
return { |
|||
that:this, |
|||
isEdit:false, |
|||
isAdd:true, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
name: null, |
|||
nameLegalRepresentative: null |
|||
}, |
|||
// 认证资料类型字典 |
|||
certificatedInformationTypeOptions: [], |
|||
// 统一社会信用代码类型字典 |
|||
corporateUnifiedSocialCreditTypeOptions: [], |
|||
// 企业行业大类型字典 |
|||
enterpriseIndustryBigTypeOptions: [], |
|||
// 企业行业小类型字典 |
|||
enterpriseIndustrySmallTypeOptions: [], |
|||
// 企业类型字典 |
|||
enterpriseTypeOptions: [], |
|||
// 省代码字典 |
|||
provinceCodeOptions: [], |
|||
// 市代码字典 |
|||
cityCodeOptions: [], |
|||
// 县代码字典 |
|||
areaCodeOptions: [], |
|||
// 法定代表人类型字典 |
|||
typeLegalRepresentativeOptions: [], |
|||
// 表单参数 |
|||
form: {}, |
|||
params:{}, |
|||
// 表单校验 |
|||
rules: { |
|||
address: [ |
|||
{ required: true, message: "详细地址不能为空", trigger: "blur" } |
|||
], |
|||
certificateNumberLegalRepresentative: [ |
|||
{ required: true, message: "法定代表人证件号码不能为空", trigger: "blur" } |
|||
], |
|||
certificatedInformationType: [ |
|||
{ required: true, message: "认证资料类型不能为空", trigger: "change" } |
|||
], |
|||
contactInformation: [ |
|||
{ required: true, message: "联系方式不能为空", trigger: "blur" } |
|||
], |
|||
corporateUnifiedSocialCreditCode: [ |
|||
{ required: true, message: "统一社会信用代码不能为空", trigger: "blur" } |
|||
], |
|||
corporateUnifiedSocialCreditType: [ |
|||
{ required: true, message: "统一社会信用代码类型不能为空", trigger: "change" } |
|||
], |
|||
duty: [ |
|||
{ required: true, message: "联系人姓名不能为空", trigger: "blur" } |
|||
], |
|||
email: [ |
|||
{ required: true, message: "邮箱不能为空", trigger: "blur" }, |
|||
{ validator: checkEmailAddr, trigger: 'blur' } |
|||
], |
|||
enterpriseDescribe: [ |
|||
{ required: true, message: "企业简介不能为空", trigger: "blur" } |
|||
], |
|||
enterpriseIndustryBigType: [ |
|||
{ required: true, message: "企业行业大类型不能为空", trigger: "change" } |
|||
], |
|||
enterpriseIndustrySmallType: [ |
|||
{ required: true, message: "企业行业小类型不能为空", trigger: "change" } |
|||
], |
|||
enterpriseType: [ |
|||
{ required: true, message: "企业类型不能为空", trigger: "change" } |
|||
], |
|||
mobile: [ |
|||
{ required: true, message: "电话不能为空", trigger: "blur" }, |
|||
{validator:checkPhoneNum,trigger:"blur"} |
|||
], |
|||
name: [ |
|||
{ required: true, message: "企业名称不能为空", trigger: "blur" } |
|||
], |
|||
nameLegalPersonLiabilitySubject: [ |
|||
{ required: true, message: "法人责任主体名称不能为空", trigger: "blur" } |
|||
], |
|||
nameLegalRepresentative: [ |
|||
{ required: true, message: "法定代表人名称不能为空", trigger: "blur" } |
|||
], |
|||
provinceCode: [ |
|||
{ required: true, message: "省代码不能为空", trigger: "change" } |
|||
], |
|||
cityCode: [ |
|||
{ required: true, message: "市代码不能为空", trigger: "change" } |
|||
], |
|||
areaCode: [ |
|||
{ required: true, message: "区代码不能为空", trigger: "change" } |
|||
], |
|||
typeLegalRepresentative: [ |
|||
{ required: true, message: "法定代表人类型不能为空", trigger: "change" } |
|||
], |
|||
companyImg: [ |
|||
{ required: true, message: "营业执照照片不能为空", trigger: "blur" } |
|||
], |
|||
faceIdImg: [ |
|||
{ required: true, message: "法人证件正面照片不能为空", trigger: "blur" } |
|||
], |
|||
rearIdImg: [ |
|||
{ required: true, message: "法人证件反面照片不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
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() { |
|||
getEnterPriseInfoByLogin().then(res => { |
|||
if(res.data) |
|||
{ |
|||
this.form = res.data |
|||
this.isAdd = false |
|||
if(res.data.provinceCode) |
|||
{ |
|||
this.getCityOrAreaList(res.data.provinceCode,1) |
|||
} |
|||
if(res.data.cityCode) |
|||
{ |
|||
this.getCityOrAreaList(res.data.cityCode,2) |
|||
} |
|||
} else { |
|||
this.isAdd = true |
|||
this.isEdit = true |
|||
} |
|||
|
|||
}) |
|||
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() |
|||
}) |
|||
}, |
|||
//点击编辑按钮 |
|||
onClickEdit(){ |
|||
//深拷贝 |
|||
this.params = JSON.parse(JSON.stringify(this.form)) |
|||
this.isEdit = true |
|||
}, |
|||
changeProvince(newVal){ |
|||
this.form.cityCode = null |
|||
this.form.areaCode = null |
|||
this.getCityOrAreaList(newVal,1) |
|||
}, |
|||
changeCity(newVal){ |
|||
this.form.areaCode = null |
|||
this.getCityOrAreaList(newVal,2) |
|||
}, |
|||
changeArea(newVal){ |
|||
this.$forceUpdate() |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
if (this.isEdit == true) { |
|||
if(this.isAdd) { |
|||
addEnterpriseManager(this.form).then(res => { |
|||
console.log(res); |
|||
this.msgSuccess("添加成功"); |
|||
this.isAdd = false |
|||
}) |
|||
} else { |
|||
updateEnterpriseManager(this.form).then(res => { |
|||
console.log(res); |
|||
this.msgSuccess("修改成功"); |
|||
}) |
|||
} |
|||
this.isEdit = false |
|||
|
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.isEdit = false; |
|||
this.form = {} |
|||
this.form = this.params |
|||
this.resetForm("form"); |
|||
// this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
enterpriseid: null, |
|||
address: null, |
|||
certificateNumberLegalRepresentative: null, |
|||
contactInformation: null, |
|||
corporateUnifiedSocialCreditCode: null, |
|||
email: null, |
|||
enterpriseDescribe: null, |
|||
logo: null, |
|||
websiteAddress:null, |
|||
name: null, |
|||
nameLegalRepresentative: null, |
|||
placeRegistrationAddress: null, |
|||
companyImg: null, |
|||
faceIdImg: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
} |
|||
}; |
|||
</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> |
|||
@ -1,194 +0,0 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="150px"> |
|||
<h3 class="mb30 text-danger text-center">企业信息审核通过/企业信息变更申请中</h3> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<el-form-item label="企业logo"> |
|||
<imageUpload v-if="isEdit" v-model="form.logo"/> |
|||
<img v-else :src="form.logo"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8" v-if="isEdit"> |
|||
<p class="text-muted" >支持JPG、JPEG、PNG格式，图片大小不超过5MB请保证图片质量，分辨率至少为150*150。</p> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="企业名称" prop="name"> |
|||
<el-input v-if="isEdit" v-model="form.name" placeholder="请输入企业名称" /> |
|||
<span v-else>{{form.name}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="统一社会信用代码" prop="corporateUnifiedSocialCreditCode"> |
|||
<el-input v-if="isEdit" v-model="form.corporateUnifiedSocialCreditCode" placeholder="请输入统一社会信用代码" /> |
|||
<span v-else>{{form.corporateUnifiedSocialCreditCode}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法定代表人名称" prop="nameLegalRepresentative"> |
|||
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
|||
<span v-else>{{form.nameLegalRepresentative}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法定代表人证件号码" prop="certificateNumberLegalRepresentative"> |
|||
<el-input v-if="isEdit" v-model="form.nameLegalRepresentative" placeholder="请输入法定代表人名称" /> |
|||
<span v-else>{{form.certificateNumberLegalRepresentative}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="营业执照照片" prop="companyImg"> |
|||
<imageUpload v-if="isEdit" v-model="form.companyImg"/> |
|||
<img v-else :src="form.companyImg"> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item label="联系方式" prop="contactInformation"> |
|||
<el-input v-if="isEdit" v-model="form.contactInformation" placeholder="请输入联系方式" /> |
|||
<span v-else>{{form.contactInformation}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="官网地址" prop="web"> |
|||
<el-input v-if="isEdit" v-model="form.web" placeholder="请输入官网地址" /> |
|||
<span v-else>{{form.web}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="企业注册地详细地址" prop="placeRegistrationAddress"> |
|||
<el-input v-if="isEdit" v-model="form.placeRegistrationAddress" placeholder="请输入企业注册地详细地址" /> |
|||
<span v-else>{{form.placeRegistrationAddress}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="邮箱" prop="email"> |
|||
<el-input v-if="isEdit" v-model="form.email" placeholder="请输入邮箱" /> |
|||
<span v-else>{{form.email}}</span> |
|||
</el-form-item> |
|||
<el-form-item label="法人证件正面照片" prop="faceIdImg"> |
|||
<imageUpload v-if="isEdit" v-model="form.faceIdImg"/> |
|||
<img v-else :src="form.faceIdImg"> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item label="企业简介" prop="enterpriseDescribe"> |
|||
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" type="textarea" placeholder="请输入内容" /> |
|||
<span v-else>{{form.enterpriseDescribe}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item label="搜索词" prop="enterpriseDescribe"> |
|||
<el-input v-if="isEdit" v-model="form.enterpriseDescribe" placeholder="请输入邮箱" /> |
|||
<span v-else>{{form.enterpriseDescribe}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12" v-if="isEdit"> |
|||
<p class="text-muted" style="margin:0 40px">如“北京福通互联科技集团有限公司”的搜索词为“福通互联”，用户可根据搜索词搜索到您的企业，搜索词必须是来自于企业名称中的字。</p> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<div class="text-center mt20" v-if="isEdit"> |
|||
<el-button type="primary" @click="submitForm">提交</el-button> |
|||
<el-button @click="isEdit = false">取消</el-button> |
|||
</div> |
|||
<div class="text-center mt20" v-else> |
|||
<el-button @click="isEdit = true">编辑</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ImageUpload from '@/components/ImageUpload'; |
|||
|
|||
export default { |
|||
name: "EnterpriseManager", |
|||
components: { |
|||
ImageUpload, |
|||
}, |
|||
data() { |
|||
return { |
|||
isEdit:false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
name: null, |
|||
nameLegalRepresentative: null |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
rules: { |
|||
address: [ |
|||
{ required: true, message: "详细地址不能为空", trigger: "blur" } |
|||
], |
|||
certificateNumberLegalRepresentative: [ |
|||
{ required: true, message: "法定代表人证件号码不能为空", trigger: "blur" } |
|||
], |
|||
contactInformation: [ |
|||
{ required: true, message: "联系方式不能为空", trigger: "blur" } |
|||
], |
|||
corporateUnifiedSocialCreditCode: [ |
|||
{ required: true, message: "统一社会信用代码不能为空", trigger: "blur" } |
|||
], |
|||
email: [ |
|||
{ required: true, message: "邮箱不能为空", trigger: "blur" } |
|||
], |
|||
enterpriseDescribe: [ |
|||
{ required: true, message: "企业简介不能为空", trigger: "blur" } |
|||
], |
|||
name: [ |
|||
{ required: true, message: "企业名称不能为空", trigger: "blur" } |
|||
], |
|||
nameLegalRepresentative: [ |
|||
{ required: true, message: "法定代表人名称不能为空", trigger: "blur" } |
|||
], |
|||
companyImg: [ |
|||
{ required: true, message: "营业执照照片不能为空", trigger: "blur" } |
|||
], |
|||
faceIdImg: [ |
|||
{ required: true, message: "法人证件正面照片不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}; |
|||
}, |
|||
created() { |
|||
}, |
|||
methods: { |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate(valid => { |
|||
if (valid) { |
|||
if (this.isEdit == true) { |
|||
|
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
enterpriseid: null, |
|||
address: null, |
|||
certificateNumberLegalRepresentative: null, |
|||
contactInformation: null, |
|||
corporateUnifiedSocialCreditCode: null, |
|||
email: null, |
|||
enterpriseDescribe: null, |
|||
logo: null, |
|||
name: null, |
|||
nameLegalRepresentative: null, |
|||
placeRegistrationAddress: null, |
|||
companyImg: null, |
|||
faceIdImg: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
} |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.el-form { |
|||
position: relative; |
|||
width: 1000px; |
|||
margin: 0 auto; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue