|
|
|
@ -106,10 +106,18 @@ |
|
|
|
<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> |
|
|
|
<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> |
|
|
|
@ -122,6 +130,12 @@ |
|
|
|
<span class="footer_span1">《开户申请书与承诺书》</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-image-viewer |
|
|
|
v-if="showViewer" |
|
|
|
:on-close="closeViewer" |
|
|
|
:url-list="img_url" |
|
|
|
:z-index="9999" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
@ -132,6 +146,7 @@ export default { |
|
|
|
subject:1, |
|
|
|
checked:1, |
|
|
|
disabled:false, |
|
|
|
showViewer:false, |
|
|
|
host:'http://wenhua.xingtongworld.com', |
|
|
|
action:'http://wenhua.xingtongworld.com/api/Index/uploadimg', |
|
|
|
upList:[ |
|
|
|
@ -143,7 +158,7 @@ export default { |
|
|
|
{name:'资产证明文件',type:0,url:'',key:'asset_certificate'}, |
|
|
|
{name:'法人授权委托书',type:0,url:'',key:'legal_authorization'}, |
|
|
|
{name:'经办人身份证（复印件）',type:0,url:'',key:'operator_card'}, |
|
|
|
{name:'其他要求文件',type:0,url:'',key:'else_file'}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file'}, |
|
|
|
], |
|
|
|
ruleForm: { |
|
|
|
open_account_type:'buyer', |
|
|
|
@ -155,7 +170,7 @@ export default { |
|
|
|
bank_account_certificate: '', |
|
|
|
legal_authorization: '', |
|
|
|
operator_card: '', |
|
|
|
else_file: '', |
|
|
|
else_file: [], |
|
|
|
user_card_front: '', |
|
|
|
user_card_backfacade: '', |
|
|
|
asset_certificate: '', |
|
|
|
@ -225,10 +240,21 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
|
ElImageViewer: () => import('element-ui/packages/image/src/image-viewer') |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
this.getAccountInfo() |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
onPreview(img) { |
|
|
|
this.img_url = img |
|
|
|
this.showViewer = true |
|
|
|
}, |
|
|
|
// 关闭查看器 |
|
|
|
closeViewer() { |
|
|
|
this.showViewer = false |
|
|
|
}, |
|
|
|
//获取资料信息 |
|
|
|
getAccountInfo(){ |
|
|
|
let data={ |
|
|
|
@ -240,6 +266,7 @@ export default { |
|
|
|
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){ |
|
|
|
@ -269,7 +296,7 @@ export default { |
|
|
|
{name:'资产证明文件',type:0,url:'',key:'asset_certificate'}, |
|
|
|
{name:'法人授权委托书',type:0,url:'',key:'legal_authorization'}, |
|
|
|
{name:'经办人身份证（复印件）',type:0,url:'',key:'operator_card'}, |
|
|
|
{name:'其他要求文件',type:0,url:'',key:'else_file'}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file'}, |
|
|
|
] |
|
|
|
}else{ |
|
|
|
this.upList=[ |
|
|
|
@ -277,16 +304,26 @@ export default { |
|
|
|
{name:'身份证背面',type:0,url:'',key:'user_card_backfacade'}, |
|
|
|
{name:' 数字证书申请表',type:0,url:'',key:'number_certificate'}, |
|
|
|
{name:'资产证明文件',type:0,url:'',key:'asset_certificate'}, |
|
|
|
{name:'其他要求文件',type:0,url:'',key:'else_file'}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file'}, |
|
|
|
] |
|
|
|
} |
|
|
|
this.ruleForm.else_file=''; |
|
|
|
this.ruleForm.else_file=[]; |
|
|
|
}, |
|
|
|
//删除图片 |
|
|
|
deleteUrl(item,index){ |
|
|
|
this.upList[index].type=0; |
|
|
|
this.upList[index].url=''; |
|
|
|
this.ruleForm[item.key]='' |
|
|
|
deleteUrl(item,index,index1){ |
|
|
|
if(item.key=="else_file"){ |
|
|
|
this.ruleForm.else_file.splice(index1,1) |
|
|
|
this.upList[index].url.splice(index1,1) |
|
|
|
if(this.ruleForm.else_file.length==0){ |
|
|
|
this.upList[index].type=0; |
|
|
|
this.upList[index].url=[]; |
|
|
|
this.ruleForm[item.key]=[] |
|
|
|
} |
|
|
|
}else{ |
|
|
|
this.upList[index].type=0; |
|
|
|
this.upList[index].url=''; |
|
|
|
this.ruleForm[item.key]='' |
|
|
|
} |
|
|
|
}, |
|
|
|
submit(){ |
|
|
|
console.info(this.ruleForm) |
|
|
|
@ -304,6 +341,7 @@ export default { |
|
|
|
this.$message.success('上传资料成功！请等待审核~'); |
|
|
|
this.disabled=true |
|
|
|
} |
|
|
|
this.ruleForm.establish_time=this.ruleForm.establish_time*1000 |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
@ -313,9 +351,15 @@ export default { |
|
|
|
}, |
|
|
|
handleAvatarSuccess(res, file, index,key){ |
|
|
|
if(res.code==1){ |
|
|
|
this.upList[index].type=1; |
|
|
|
this.upList[index].url=this.host+res.data.img_url; |
|
|
|
this.ruleForm[key]=this.host+res.data.img_url |
|
|
|
if(key=="else_file"){ |
|
|
|
this.upList[index].type=1; |
|
|
|
this.ruleForm.else_file.push(this.host+res.data.img_url) |
|
|
|
this.upList[index].url.push(this.host+res.data.img_url); |
|
|
|
}else{ |
|
|
|
this.upList[index].type=1; |
|
|
|
this.upList[index].url=this.host+res.data.img_url; |
|
|
|
this.ruleForm[key]=this.host+res.data.img_url |
|
|
|
} |
|
|
|
this.$message.success('文件上传成功！'); |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -365,6 +409,9 @@ export default { |
|
|
|
font-size: 14px; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
.table_right_item>span{ |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.table_right_item>span:hover{ |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
|
