|
|
|
@ -1,135 +1,158 @@ |
|
|
|
<template> |
|
|
|
<div class="body"> |
|
|
|
<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 :label="1">机构</el-radio> |
|
|
|
<el-radio :label="2">个人</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</div> |
|
|
|
<div class="table"> |
|
|
|
<div class="table_left"> |
|
|
|
<p class="table_title">请如实上传以下资料：</p> |
|
|
|
<div class="table_content"> |
|
|
|
<div class="table_content_item" v-for="(item,index) in upList" :key="index"> |
|
|
|
<span>{{item.name}}</span> |
|
|
|
<div class="table_content_item_upload"> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
:action="action" |
|
|
|
:on-change="fileChange" |
|
|
|
:show-file-list="false" |
|
|
|
:on-error="handleAvatarError" |
|
|
|
list-type="picture" |
|
|
|
:on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}" |
|
|
|
> |
|
|
|
<span class="upload_span">上传</span> |
|
|
|
</el-upload> |
|
|
|
<span class="el-icon-success" v-if="item.type==1"></span> |
|
|
|
<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" @change="changeRadio"> |
|
|
|
<el-radio :label="1">机构</el-radio> |
|
|
|
<!-- <el-radio :label="2">个人</el-radio> --> |
|
|
|
</el-radio-group> |
|
|
|
</div> |
|
|
|
<div class="table"> |
|
|
|
<div class="table_left"> |
|
|
|
<p class="table_title">请如实上传以下资料：</p> |
|
|
|
<div class="table_content"> |
|
|
|
<div class="table_content_item" v-for="(item,index) in upList" :key="index"> |
|
|
|
<span>{{item.name}}</span> |
|
|
|
<div class="table_content_item_upload"> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
:action="action" |
|
|
|
:on-change="fileChange" |
|
|
|
:show-file-list="false" |
|
|
|
:on-error="handleAvatarError" |
|
|
|
list-type="picture" |
|
|
|
:on-success="(res,file)=>{handleAvatarSuccess(res,file,index,item.key)}" |
|
|
|
> |
|
|
|
<span class="upload_span">上传</span> |
|
|
|
</el-upload> |
|
|
|
<span class="el-icon-success" v-if="item.type==1"></span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<p class="table_title">请确认并完善以下信息：</p> |
|
|
|
<div class="table_content"> |
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left"> |
|
|
|
<template v-if="ruleForm.account_type==1"> |
|
|
|
<el-form-item label="机构名称" prop="firm_name" > |
|
|
|
<el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="统一社会信用代码" prop="credit_code" > |
|
|
|
<el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="主体类型" prop="main_type" > |
|
|
|
<el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="注册资本" prop="reg_money" > |
|
|
|
<el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="法定代表人" prop="legal_name" > |
|
|
|
<el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="住所" prop="domicile" > |
|
|
|
<el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="成立日期" prop="establish_time" > |
|
|
|
<el-date-picker |
|
|
|
v-model="ruleForm.establish_time" |
|
|
|
type="date" |
|
|
|
value-format="timestamp" |
|
|
|
placeholder="选择成立日期"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货地址" prop="address" > |
|
|
|
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系人" prop="uname" > |
|
|
|
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系电话" prop="phone" > |
|
|
|
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-form-item label="姓名" prop="username" > |
|
|
|
<el-input v-model="ruleForm.username" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号码" prop="id_card" > |
|
|
|
<el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机号码" prop="userphone" > |
|
|
|
<el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="开户行名称" prop="bank_name" > |
|
|
|
<el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="银行卡号" prop="id_bank" > |
|
|
|
<el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货地址" prop="address" > |
|
|
|
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系人" prop="uname" > |
|
|
|
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系电话" prop="phone" > |
|
|
|
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</el-form> |
|
|
|
<p class="table_title">请确认并完善以下信息：</p> |
|
|
|
<div class="table_content"> |
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm" label-position="left"> |
|
|
|
<template v-if="ruleForm.account_type==1"> |
|
|
|
<el-form-item label="机构名称" prop="firm_name" > |
|
|
|
<el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="统一社会信用代码" prop="credit_code" > |
|
|
|
<el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="主体类型" prop="main_type" > |
|
|
|
<el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="注册资本" prop="reg_money" > |
|
|
|
<el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="法定代表人" prop="legal_name" > |
|
|
|
<el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="住所" prop="domicile" > |
|
|
|
<el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="成立日期" prop="establish_time" > |
|
|
|
<el-date-picker |
|
|
|
v-model="ruleForm.establish_time" |
|
|
|
type="date" |
|
|
|
value-format="timestamp" |
|
|
|
placeholder="选择成立日期"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货地址" prop="address" > |
|
|
|
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系人" prop="uname" > |
|
|
|
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系电话" prop="phone" > |
|
|
|
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-form-item label="姓名" prop="username" > |
|
|
|
<el-input v-model="ruleForm.username" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="身份证号码" prop="id_card" > |
|
|
|
<el-input v-model="ruleForm.id_card" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="手机号码" prop="userphone" > |
|
|
|
<el-input v-model.number="ruleForm.userphone" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="开户行名称" prop="bank_name" > |
|
|
|
<el-input v-model="ruleForm.bank_name" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="银行卡号" prop="id_bank" > |
|
|
|
<el-input v-model.number="ruleForm.id_bank" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货地址" prop="address" > |
|
|
|
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系人" prop="uname" > |
|
|
|
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系电话" prop="phone" > |
|
|
|
<el-input v-model.number="ruleForm.phone" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="table_right"> |
|
|
|
<p class="table_title">已上传资料：</p> |
|
|
|
<div class="table_right_content"> |
|
|
|
<div v-for="(item,index) in upList" :key="index" > |
|
|
|
<template v-if="item.key=='else_file' && item.type==1"> |
|
|
|
<div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" > |
|
|
|
<span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span> |
|
|
|
<i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<div class="table_right_item" v-if="item.type==1" > |
|
|
|
<span @click="onPreview([item.url])">{{item.name}}</span> |
|
|
|
<i class="el-icon-close" @click="deleteUrl(item,index)"></i> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<div class="table_right"> |
|
|
|
<p class="table_title">已上传资料：</p> |
|
|
|
<div class="table_right_content"> |
|
|
|
<div v-for="(item,index) in upList" :key="index" > |
|
|
|
<template v-if="item.key=='else_file' && item.type==1"> |
|
|
|
<div class="table_right_item" v-for="(item1,index1) in item.url" :key="index1" > |
|
|
|
<span @click="onPreview([item.url[index1]])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span> |
|
|
|
<i class="el-icon-close" @click="deleteUrl(item,index,index1)"></i> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<div class="table_right_item" v-if="item.type==1" > |
|
|
|
<span @click="onPreview([item.url])">{{item.name}}</span> |
|
|
|
<i class="el-icon-close" @click="deleteUrl(item,index)"></i> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer"> |
|
|
|
<button class="submit" @click="submit">提交资料</button> |
|
|
|
<div> |
|
|
|
<el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox> |
|
|
|
<span class="footer_span">已阅读并同意</span> |
|
|
|
<span class="footer_span1">《开户申请书与承诺书》</span> |
|
|
|
<div class="footer"> |
|
|
|
<button class="submit" @click="submit">提交资料</button> |
|
|
|
<div> |
|
|
|
<el-checkbox v-model="checked" :true-label=1 :false-label=2></el-checkbox> |
|
|
|
<span class="footer_span">已阅读并同意</span> |
|
|
|
<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> |
|
|
|
</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,24 +290,28 @@ export default { |
|
|
|
} |
|
|
|
getAccountInfo(data).then(res => { |
|
|
|
console.info(res) |
|
|
|
if(res.data!=null){ |
|
|
|
this.disabled=true |
|
|
|
this.changeRadio(res.data.account_type) |
|
|
|
res.data.establish_time=res.data.establish_time*1000 |
|
|
|
// 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; |
|
|
|
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] |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
this.upList.forEach((v,i)=>{ |
|
|
|
if(key==v.key){ |
|
|
|
v.type=1; |
|
|
|
v.url=res.data[key] |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
@ -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; |
|
|
|
} |
|
|
|
|
