|
|
|
@ -4,8 +4,8 @@ |
|
|
|
<p class="title_info">用户在购买资产前需先进行开户信息审核，待审核通过后方能进行购买。（个人用户目前仅支持人才产权交易，如需交易有形实物资产或无形实物资产请注册机构用户！）</p> |
|
|
|
<div class="subject"> |
|
|
|
<span>账户主体：</span> |
|
|
|
<el-radio v-model="subject" :label="1">机构</el-radio> |
|
|
|
<el-radio v-model="subject" :label="2">个人</el-radio> |
|
|
|
<el-radio v-model="ruleForm.account_type" :label="1">机构</el-radio> |
|
|
|
<el-radio v-model="ruleForm.account_type" :label="2">个人</el-radio> |
|
|
|
</div> |
|
|
|
<div class="table"> |
|
|
|
<div class="table_left"> |
|
|
|
@ -16,7 +16,7 @@ |
|
|
|
<div class="table_content_item_upload"> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
action="https://jsonplaceholder.typicode.com/posts/" |
|
|
|
:action="action" |
|
|
|
:on-change="fileChange" |
|
|
|
:show-file-list="false" |
|
|
|
:on-error="handleAvatarError" |
|
|
|
@ -25,50 +25,67 @@ |
|
|
|
> |
|
|
|
<span class="upload_span">上传</span> |
|
|
|
</el-upload> |
|
|
|
<span class="el-icon-success"></span> |
|
|
|
<span class="el-icon-success" v-if="item.type==1"></span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<p class="table_title">请确认并完善以下信息：</p> |
|
|
|
<div class="table_content"> |
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="200px" class="ruleForm" label-position="left"> |
|
|
|
<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"></el-input> |
|
|
|
<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"></el-input> |
|
|
|
<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"></el-input> |
|
|
|
<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"></el-input> |
|
|
|
<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"></el-input> |
|
|
|
<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"></el-input> |
|
|
|
<el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="成立日期" prop="establish_time" > |
|
|
|
<el-input v-model="ruleForm.establish_time"></el-input> |
|
|
|
<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"></el-input> |
|
|
|
<el-input v-model="ruleForm.address" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系人" prop="uname" > |
|
|
|
<el-input v-model="ruleForm.uname"></el-input> |
|
|
|
<el-input v-model="ruleForm.uname" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收货联系电话" prop="phone" > |
|
|
|
<el-input v-model="ruleForm.phone"></el-input> |
|
|
|
<el-input v-model="ruleForm.phone" placeholder="请输入"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
</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" > |
|
|
|
<div class="table_right_item" v-if="item.type==1"> |
|
|
|
<span>{{item.name}}</span> |
|
|
|
<i class="el-icon-close" @click="deleteUrl(item,index)"></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="footer"> |
|
|
|
<button class="submit" @click="submit">提交资料</button> |
|
|
|
@ -81,25 +98,29 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import {openAccount} from '../../../api/index'; |
|
|
|
export default { |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
subject:1, |
|
|
|
checked:1, |
|
|
|
host:'http://wenhua.xingtongworld.com', |
|
|
|
action:'http://wenhua.xingtongworld.com/public/index.php/api/Index/uploadimg', |
|
|
|
upList:[ |
|
|
|
{name:'营业执照（复印件）'}, |
|
|
|
{name:'法人代表证明书'}, |
|
|
|
{name:'法人身份证件（复印件）'}, |
|
|
|
{name:' 数字证书申请表'}, |
|
|
|
{name:' 银行开户证明'}, |
|
|
|
{name:'资产证明文件'}, |
|
|
|
{name:'法人授权委托书'}, |
|
|
|
{name:'经办人身份证（复印件）'}, |
|
|
|
{name:'其他要求文件'}, |
|
|
|
{name:'营业执照（复印件）',type:0,url:'',key:'business_license'}, |
|
|
|
{name:'法人代表证明书',type:0,url:'',key:'business_license'}, |
|
|
|
{name:'法人身份证件（复印件）',type:0,url:'',key:'business_license'}, |
|
|
|
{name:' 数字证书申请表',type:0,url:'',key:'business_license'}, |
|
|
|
{name:' 银行开户证明',type:0,url:'',key:'business_license'}, |
|
|
|
{name:'资产证明文件',type:0,url:'',key:'business_license'}, |
|
|
|
{name:'法人授权委托书',type:0,url:'',key:'business_license'}, |
|
|
|
{name:'经办人身份证（复印件）',type:0,url:'',key:'business_license'}, |
|
|
|
{name:'其他要求文件',type:0,url:'',key:'business_license'}, |
|
|
|
], |
|
|
|
ruleForm: { |
|
|
|
open_account_type:'buyer', |
|
|
|
nopen_account_typeame: '', |
|
|
|
account_type: '', |
|
|
|
account_type: 1, |
|
|
|
business_license: '', |
|
|
|
legal_certificate: '', |
|
|
|
legal_card: '', |
|
|
|
@ -129,34 +150,97 @@ export default { |
|
|
|
phone: '', |
|
|
|
}, |
|
|
|
rules: { |
|
|
|
name: [ |
|
|
|
{ required: true, message: '请输入活动名称', trigger: 'blur' }, |
|
|
|
firm_name: [ |
|
|
|
{ required: true, message: '请输入机构名称', trigger: 'blur' }, |
|
|
|
], |
|
|
|
credit_code: [ |
|
|
|
{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, |
|
|
|
], |
|
|
|
main_type: [ |
|
|
|
{ required: true, message: '请输入主体类型', trigger: 'blur' }, |
|
|
|
], |
|
|
|
reg_money: [ |
|
|
|
{ required: true, message: '请输入注册资本', trigger: 'blur' }, |
|
|
|
], |
|
|
|
legal_name: [ |
|
|
|
{ required: true, message: '请输入法定代表人', trigger: 'blur' }, |
|
|
|
], |
|
|
|
domicile: [ |
|
|
|
{ required: true, message: '请输入住所', trigger: 'blur' }, |
|
|
|
], |
|
|
|
establish_time: [ |
|
|
|
{ required: true, message: '请选择成立日期', trigger: 'blur' }, |
|
|
|
], |
|
|
|
address: [ |
|
|
|
{ required: true, message: '请输入收货地址', trigger: 'blur' }, |
|
|
|
], |
|
|
|
uname: [ |
|
|
|
{ required: true, message: '请输入收货人姓名', trigger: 'blur' }, |
|
|
|
], |
|
|
|
phone: [ |
|
|
|
{ required: true, message: '请输入收货人电话', trigger: 'blur' }, |
|
|
|
], |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
console.info(this.$route.query) |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
//删除图片 |
|
|
|
deleteUrl(item,index){ |
|
|
|
|
|
|
|
}, |
|
|
|
submit(){ |
|
|
|
console.info(this.ruleForm) |
|
|
|
this.$refs["ruleForm1"].validate((valid) => { |
|
|
|
if(valid){ |
|
|
|
openAccount(this.ruleForm).then(res => { |
|
|
|
console.info(res) |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleAvatarError(){ |
|
|
|
this.$message.error('文件上传失败！'); |
|
|
|
}, |
|
|
|
handleAvatarSuccess(res, file, index){ |
|
|
|
console.info(res) |
|
|
|
console.info(file) |
|
|
|
console.info(index) |
|
|
|
if(res.code===1){ |
|
|
|
let name; |
|
|
|
if(type==0){ |
|
|
|
name='goods_img' |
|
|
|
}else if(type==1){ |
|
|
|
// name='praise_img' |
|
|
|
console.info(res); |
|
|
|
return |
|
|
|
if(res.code==1){ |
|
|
|
this.upList[index].type=1; |
|
|
|
this.upList[index].url=this.host+res.data.img_url; |
|
|
|
this.$message.success('文件上传成功！'); |
|
|
|
if(this.ruleForm.account_type==1){ |
|
|
|
switch (index) { |
|
|
|
case 0: |
|
|
|
this.ruleForm.business_license=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 1: |
|
|
|
this.ruleForm.legal_certificate=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 2: |
|
|
|
this.ruleForm.legal_card=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 3: |
|
|
|
this.ruleForm.number_certificate=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 4: |
|
|
|
this.ruleForm.bank_account_certificate=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 5: |
|
|
|
this.ruleForm.asset_certificate=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 6: |
|
|
|
this.ruleForm.legal_authorization=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 7: |
|
|
|
this.ruleForm.operator_card=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
case 8: |
|
|
|
this.ruleForm.else_file=this.host+res.data.img_url |
|
|
|
break; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
this.$set(this.query.goods[index],name, this.host+ res.data.img_url); |
|
|
|
console.info(this.query) |
|
|
|
} |
|
|
|
}, |
|
|
|
fileChange(file){ |
|
|
|
@ -192,6 +276,23 @@ export default { |
|
|
|
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:hover{ |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
.subject{ |
|
|
|
display: flex; |
|
|
|
font-size: 14px; |
|
|
|
|
