19 changed files with 566 additions and 220 deletions
@ -0,0 +1,238 @@ |
|||||
|
<template> |
||||
|
<div class="body"> |
||||
|
<p class="title">标的挂牌</p> |
||||
|
<!-- <p class="title_info">第三方服务机构开户用于服务平台中标的托管时的标的价格评估或标的价值评估,需有相关资质机构方能注册成功。</p> --> |
||||
|
<div class="examine_content"> |
||||
|
<img src="../../assets/img/examine_img.png" alt="" class="examine_img" v-if="check_status==0"> |
||||
|
<img src="../../assets/img/examine_img1.png" alt="" class="examine_img" v-else-if="check_status==2"> |
||||
|
<p class="examine_tips"> |
||||
|
<template v-if="check_status==0"> |
||||
|
<span >挂牌资料已经提交,请耐心等待审核</span> |
||||
|
</template> |
||||
|
<template v-else-if="check_status==2"> |
||||
|
<span >审核失败!请重新提交资料</span> |
||||
|
<span class="examine_tips_span" @click="checkStatus" >重新提交</span> |
||||
|
</template> |
||||
|
</p> |
||||
|
<div class="error_msg" v-if="check_status==2 && ruleForm.check_message!=''"> |
||||
|
<p>失败原因:</p> |
||||
|
<p v-html="ruleForm.check_message"></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import {} from '../../api/index'; |
||||
|
export default { |
||||
|
data(){ |
||||
|
return{ |
||||
|
check_status:0, |
||||
|
ruleForm:{} |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
// this.getAccountInfo() |
||||
|
}, |
||||
|
methods:{ |
||||
|
checkStatus(){ |
||||
|
this.check_status=-1 |
||||
|
}, |
||||
|
//获取资料信息 |
||||
|
getAccountInfo(){ |
||||
|
let data={ |
||||
|
open_account_type:'third_party' |
||||
|
} |
||||
|
getAccountInfo(data).then(res => { |
||||
|
console.info(res) |
||||
|
if (res.code==100) { |
||||
|
this.check_status=res.data.check_status |
||||
|
if(res.data!=null){ |
||||
|
this.disabled=true |
||||
|
// this.changeRadio(res.data.account_type) |
||||
|
res.data.establish_time=res.data.establish_time*1000 |
||||
|
res.data.check_message = res.data.check_message.replace(/\n/gm, "<br/>") |
||||
|
// res.data.else_file=JSON.parse(res.data.else_file) |
||||
|
for(let key in res.data){ |
||||
|
for(let item in this.ruleForm){ |
||||
|
if(key==item){ |
||||
|
this.ruleForm[item]=res.data[key] |
||||
|
continue; |
||||
|
} |
||||
|
} |
||||
|
this.upList.forEach((v,i)=>{ |
||||
|
if(key==v.key){ |
||||
|
v.type=1; |
||||
|
v.url=res.data[key] |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
submit(){ |
||||
|
console.info(this.ruleForm) |
||||
|
|
||||
|
this.$refs["ruleForm1"].validate((valid) => { |
||||
|
if(valid){ |
||||
|
if(this.ruleForm.account_type==1){ |
||||
|
this.ruleForm.establish_time=this.ruleForm.establish_time/1000 |
||||
|
} |
||||
|
openAccount(this.ruleForm).then(res => { |
||||
|
console.info(res) |
||||
|
if(res.code==101){ |
||||
|
this.$message.error(res.msg); |
||||
|
}else{ |
||||
|
this.$message.success('上传资料成功!请等待审核~'); |
||||
|
this.disabled=true |
||||
|
this.check_status=0 |
||||
|
} |
||||
|
this.ruleForm.establish_time=this.ruleForm.establish_time*1000 |
||||
|
}); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.body{ |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
.examine_tips_span{ |
||||
|
display: inline-block; |
||||
|
color: #C94C4C; |
||||
|
text-decoration: underline; |
||||
|
margin-left: 10px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.title{ |
||||
|
font-size: 18px; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.title_info{ |
||||
|
font-size: 12px; |
||||
|
color: #AAAAAA; |
||||
|
} |
||||
|
.table_right{ |
||||
|
padding-left: 50px; |
||||
|
} |
||||
|
.table_right_content{ |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
.table_right_item{ |
||||
|
width: 300px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
color: #333333; |
||||
|
font-size: 14px; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
.table_right_item>span{ |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.table_right_item>span:hover{ |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
.table_right_item>i{ |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.subject{ |
||||
|
display: flex; |
||||
|
font-size: 14px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
.subject >>>.el-radio, .el-radio__input{ |
||||
|
line-height: inherit; |
||||
|
margin-left: 30px; |
||||
|
} |
||||
|
.table{ |
||||
|
display: flex; |
||||
|
margin-top: 15px; |
||||
|
} |
||||
|
.table_left{ |
||||
|
width: 800px; |
||||
|
border-right: 1px solid #EAB1B1; |
||||
|
} |
||||
|
.table_title{ |
||||
|
font-size: 14px; |
||||
|
margin-bottom: 15px; |
||||
|
} |
||||
|
.table_content{ |
||||
|
padding-left: 30px; |
||||
|
margin-bottom: 15px; |
||||
|
padding-right: 50px; |
||||
|
} |
||||
|
.table_content_item{ |
||||
|
font-size: 14px; |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
margin-bottom: 15px; |
||||
|
} |
||||
|
.table_content_item_upload{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
color: #C94C4C; |
||||
|
} |
||||
|
.el-icon-success{ |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
.upload-demo{ |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
.upload_span{ |
||||
|
color: #C94C4C; |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
.ruleForm>>>.el-form-item__label{ |
||||
|
color: black; |
||||
|
} |
||||
|
.ruleForm>>>.el-input{ |
||||
|
width: 500px; |
||||
|
} |
||||
|
.footer{ |
||||
|
margin-top: 20px; |
||||
|
text-align: center; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
.submit{ |
||||
|
width: 340px; |
||||
|
height: 40px; |
||||
|
background: -moz-linear-gradient(top, #F8D89F 0%, #D98282 100%); |
||||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8D89F), color-stop(100%,#D98282)); |
||||
|
background: -webkit-linear-gradient(top, #F8D89F 0%,#D98282 100%); |
||||
|
background: -o-linear-gradient(top, #F8D89F 0%,#D98282 100%); |
||||
|
background: -ms-linear-gradient(top, #F8D89F 0%,#D98282 100%); |
||||
|
background: linear-gradient(to bottom, #F8D89F 0%,#D98282 100%); |
||||
|
font-size: 14px; |
||||
|
color: #FFFFFF; |
||||
|
border: none; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.footer_span{ |
||||
|
color: rgb(127, 127, 127); |
||||
|
} |
||||
|
.footer_span1{ |
||||
|
color: rgb(201, 76, 76); |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
.examine_content{ |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
padding-top: 40px; |
||||
|
color: #C3CBD6; |
||||
|
font-size: 14px; |
||||
|
height: 700px; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.table_content_item_span{ |
||||
|
color: red; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue