|
|
|
@ -1,12 +1,13 @@ |
|
|
|
<template> |
|
|
|
<div class="body"> |
|
|
|
<p class="title">购买方开户信息完善</p> |
|
|
|
<template v-if="check_status==-1"> |
|
|
|
<p class="title">摘牌方开户信息完善</p> |
|
|
|
<p class="title_info">用户在购买资产前需先进行开户信息审核，待审核通过后方能进行购买。（个人用户目前仅支持人才产权交易，如需交易有形实物资产或无形实物资产请注册机构用户！）</p> |
|
|
|
<div class="subject"> |
|
|
|
<span>账户主体：</span> |
|
|
|
<el-radio-group v-model="ruleForm.account_type" :disabled="disabled" @change="changeRadio"> |
|
|
|
<el-radio-group v-model="ruleForm.account_type" @change="changeRadio"> |
|
|
|
<el-radio :label="1">机构</el-radio> |
|
|
|
<el-radio :label="2">个人</el-radio> |
|
|
|
<!-- <el-radio :label="2">个人</el-radio> --> |
|
|
|
</el-radio-group> |
|
|
|
</div> |
|
|
|
<div class="table"> |
|
|
|
@ -130,6 +131,28 @@ |
|
|
|
<span class="footer_span1">《开户申请书与承诺书》</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<p class="title">摘牌方开户信息完善</p> |
|
|
|
<p class="title_info">用户在购买资产前需先进行开户信息审核，待审核通过后方能进行购买。（目前仅支持机构注册用户进行资产交易！）</p> |
|
|
|
<div class="examine_content"> |
|
|
|
<img src="../../../assets/img/examine_img.png" alt="" class="examine_img"> |
|
|
|
<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"> |
|
|
|
<p>失败原因：</p> |
|
|
|
<p v-html="ruleForm.check_message"></p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-image-viewer |
|
|
|
v-if="showViewer" |
|
|
|
:on-close="closeViewer" |
|
|
|
@ -145,6 +168,7 @@ export default { |
|
|
|
return{ |
|
|
|
subject:1, |
|
|
|
checked:1, |
|
|
|
check_status:'', |
|
|
|
disabled:false, |
|
|
|
showViewer:false, |
|
|
|
host:'http://wenhua.xingtongworld.com', |
|
|
|
@ -190,6 +214,7 @@ export default { |
|
|
|
address: '', |
|
|
|
uname: '', |
|
|
|
phone: '', |
|
|
|
check_message:'' |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
firm_name: [ |
|
|
|
@ -247,6 +272,9 @@ export default { |
|
|
|
this.getAccountInfo() |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
checkStatus(){ |
|
|
|
this.check_status=-1 |
|
|
|
}, |
|
|
|
onPreview(img) { |
|
|
|
this.img_url = img |
|
|
|
this.showViewer = true |
|
|
|
@ -262,10 +290,13 @@ export default { |
|
|
|
} |
|
|
|
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) |
|
|
|
// 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){ |
|
|
|
@ -282,6 +313,7 @@ export default { |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
//切换rado事件 |
|
|
|
@ -339,6 +371,7 @@ export default { |
|
|
|
this.$message.error(res.msg); |
|
|
|
}else{ |
|
|
|
this.$message.success('上传资料成功！请等待审核~'); |
|
|
|
this.check_status=0; |
|
|
|
this.disabled=true |
|
|
|
} |
|
|
|
this.ruleForm.establish_time=this.ruleForm.establish_time*1000 |
|
|
|
@ -384,6 +417,38 @@ export default { |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.examine_img{ |
|
|
|
width: 144px; |
|
|
|
height: 129px; |
|
|
|
} |
|
|
|
.error_msg{ |
|
|
|
margin-top: 60px; |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
.error_msg> p{ |
|
|
|
color: #555555; |
|
|
|
font-size: 14px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
.examine_tips_span{ |
|
|
|
display: inline-block; |
|
|
|
color: #C94C4C; |
|
|
|
text-decoration: underline; |
|
|
|
margin-left: 10px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.examine_tips{ |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
.examine_content{ |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
padding-top: 40px; |
|
|
|
color: #C3CBD6; |
|
|
|
font-size: 14px; |
|
|
|
height: 700px; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
.body{ |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
|
