|
|
|
@ -32,6 +32,7 @@ |
|
|
|
<span class="upload_span">上传</span> |
|
|
|
</el-upload> |
|
|
|
<span class="el-icon-success" v-if="item.type==1"></span> |
|
|
|
<a class="listing_button" v-if="item.upType==1 && item.file!=''" :href="item.file" style="margin-left:15px" target="_blank" rel="nofollow">下载模板</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -121,13 +122,17 @@ |
|
|
|
<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> |
|
|
|
<span v-if="item.url[index1].type==0" @click="onPreview([item.url[index1].url])">{{item.name}}<span v-if="index1!=0">{{index1}}</span></span> |
|
|
|
<a class="table_right_item_a" v-else :href="item.url[index1].url" target="_blank" rel="nofollow">{{item.name}}<span v-if="index1!=0">{{index1}}</span></a> |
|
|
|
<!-- <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> |
|
|
|
<span v-if="item.url.type==0" @click="onPreview([item.url.url])">{{item.name}}</span> |
|
|
|
<a class="table_right_item_a" v-else :href="item.url.url" target="_blank" rel="nofollow">{{item.name}}</a> |
|
|
|
<!-- <span @click="onPreview([item.url])">{{item.name}}</span> --> |
|
|
|
<i class="el-icon-close" @click="deleteUrl(item,index)"></i> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -175,7 +180,7 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import {openAccount,getAccountInfo} from '../../../api/index'; |
|
|
|
import {openAccount,getAccountInfo,getFileType} from '../../../api/index'; |
|
|
|
export default { |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
@ -187,17 +192,17 @@ export default { |
|
|
|
host:'http://wenhua.xingtongworld.com', |
|
|
|
action:'http://wenhua.xingtongworld.com/api/Index/uploadimg', |
|
|
|
upList:[ |
|
|
|
{name:'营业执照（复印件）',type:0,url:'',key:'business_license',required:true}, |
|
|
|
{name:'法人代表证明书',type:0,url:'',key:'legal_certificate',required:true}, |
|
|
|
{name:'法人身份证件（正面）',type:0,url:'',key:'legal_card_front',required:true}, |
|
|
|
{name:'法人身份证件（反面）',type:0,url:'',key:'legal_card_backfacade',required:true}, |
|
|
|
{name:' 数字证书申请表',type:0,url:'',key:'number_certificate',required:true}, |
|
|
|
{name:' 银行开户证明',type:0,url:'',key:'bank_account_certificate',required:true}, |
|
|
|
{name:'标的证明文件',type:0,url:'',key:'asset_certificate',required:true}, |
|
|
|
{name:'法人授权委托书',type:0,url:'',key:'legal_authorization',required:false}, |
|
|
|
{name:'经办人身份证（正反面）',type:0,url:'',key:'operator_card_front',required:false}, |
|
|
|
{name:'经办人身份证（反面）',type:0,url:'',key:'operator_card_backfacade',required:false}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file',required:false}, |
|
|
|
{name:'营业执照（复印件）',type:0,url:'',key:'business_license',required:true,upType:0}, |
|
|
|
{name:'法人代表证明书',type:0,url:'',key:'legal_certificate',required:true,upType:1,file:''}, |
|
|
|
{name:'法人身份证件（正面）',type:0,url:'',key:'legal_card_front',required:true,upType:0}, |
|
|
|
{name:'法人身份证件（反面）',type:0,url:'',key:'legal_card_backfacade',required:true,upType:0}, |
|
|
|
// {name:' 数字证书申请表',type:0,url:'',key:'number_certificate',required:true,upType:0}, |
|
|
|
{name:' 银行开户证明',type:0,url:'',key:'bank_account_certificate',required:true,upType:0}, |
|
|
|
// {name:'标的证明文件',type:0,url:'',key:'asset_certificate',required:true,upType:0}, |
|
|
|
{name:'法人授权委托书',type:0,url:'',key:'legal_authorization',required:false,upType:1,file:''}, |
|
|
|
{name:'经办人身份证（正反面）',type:0,url:'',key:'operator_card_front',required:false,upType:0}, |
|
|
|
{name:'经办人身份证（反面）',type:0,url:'',key:'operator_card_backfacade',required:false,upType:0}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file',required:false,upType:1,file:''}, |
|
|
|
], |
|
|
|
ruleForm: { |
|
|
|
open_account_type:'enter_shop', |
|
|
|
@ -291,7 +296,8 @@ export default { |
|
|
|
email: [ |
|
|
|
{ required: true, message: '请输入电子邮件', trigger: 'blur' }, |
|
|
|
], |
|
|
|
} |
|
|
|
}, |
|
|
|
mode_foel:[] |
|
|
|
} |
|
|
|
}, |
|
|
|
components: { |
|
|
|
@ -302,7 +308,8 @@ export default { |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
goAgreement(type){ |
|
|
|
this.$router.resolve({path: "/agreement",query: {type:type}}); |
|
|
|
let routeData = this.$router.resolve({path: "/agreement",query: {type:type}}); |
|
|
|
window.open(routeData.href, '_blank'); |
|
|
|
}, |
|
|
|
checkStatus(){ |
|
|
|
this.check_status=-1 |
|
|
|
@ -324,6 +331,9 @@ export default { |
|
|
|
console.info(res) |
|
|
|
if (res.code==100) { |
|
|
|
this.check_status=res.data.check_status |
|
|
|
this.mode_foel=res.data.file |
|
|
|
this.$set(this.upList[1], 'file', res.data.file[0]); |
|
|
|
this.$set(this.upList[5], 'file', res.data.file[4]); |
|
|
|
if(res.data!=null){ |
|
|
|
if (res.data.account_type) { |
|
|
|
this.disabled=true |
|
|
|
@ -340,50 +350,58 @@ export default { |
|
|
|
continue; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
getFileType(){ |
|
|
|
let data ={file_info:this.ruleForm} |
|
|
|
getFileType(data).then(res=>{ |
|
|
|
console.info(res) |
|
|
|
if (res.code==100 && res.file_info.length!=0) { |
|
|
|
for(let key in res.file_info){ |
|
|
|
this.upList.forEach((v,i)=>{ |
|
|
|
if(key==v.key &&res.data[key]!=''){ |
|
|
|
if (key=='else_file' && res.data['else_file'] ==null) { |
|
|
|
|
|
|
|
if(key==v.key &&res.file_info[key]!=''){ |
|
|
|
if (key=='else_file' && res.file_info['else_file'] ==null) { |
|
|
|
v.type=0; |
|
|
|
v.url=[] |
|
|
|
}else{ |
|
|
|
v.type=1; |
|
|
|
v.url=res.data[key] |
|
|
|
v.url=res.file_info[key] |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}) |
|
|
|
}, |
|
|
|
//切换rado事件 |
|
|
|
changeRadio(label){ |
|
|
|
if(label==1){ |
|
|
|
this.upList=[ |
|
|
|
|
|
|
|
{name:'营业执照（复印件）',type:0,url:'',key:'business_license',required:true}, |
|
|
|
{name:'法人代表证明书',type:0,url:'',key:'legal_certificate',required:true}, |
|
|
|
{name:'法人身份证件（正面）',type:0,url:'',key:'legal_card_front',required:true}, |
|
|
|
{name:'法人身份证件（反面）',type:0,url:'',key:'legal_card_backfacade',required:true}, |
|
|
|
{name:' 数字证书申请表',type:0,url:'',key:'number_certificate',required:true}, |
|
|
|
{name:' 银行开户证明',type:0,url:'',key:'bank_account_certificate',required:true}, |
|
|
|
// {name:'标的证明文件',type:0,url:'',key:'asset_certificate',required:true}, |
|
|
|
{name:'法人授权委托书',type:0,url:'',key:'legal_authorization',required:false}, |
|
|
|
{name:'经办人身份证（正反面）',type:0,url:'',key:'operator_card_front',required:false}, |
|
|
|
{name:'经办人身份证（反面）',type:0,url:'',key:'operator_card_backfacade',required:false}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file',required:false}, |
|
|
|
{name:'营业执照（复印件）',type:0,url:'',key:'business_license',required:true,upType:0}, |
|
|
|
{name:'法人代表证明书',type:0,url:'',key:'legal_certificate',required:true,upType:1,file:this.mode_foel[0]}, |
|
|
|
{name:'法人身份证件（正面）',type:0,url:'',key:'legal_card_front',required:true,upType:0}, |
|
|
|
{name:'法人身份证件（反面）',type:0,url:'',key:'legal_card_backfacade',required:true,upType:0}, |
|
|
|
{name:' 银行开户证明',type:0,url:'',key:'bank_account_certificate',required:true,upType:0}, |
|
|
|
{name:'法人授权委托书',type:0,url:'',key:'legal_authorization',required:false,upType:1,file:this.mode_foel[4]}, |
|
|
|
{name:'经办人身份证（正反面）',type:0,url:'',key:'operator_card_front',required:false,upType:0}, |
|
|
|
{name:'经办人身份证（反面）',type:0,url:'',key:'operator_card_backfacade',required:false,upType:0}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file',required:false,upType:1,file:''}, |
|
|
|
] |
|
|
|
}else{ |
|
|
|
this.upList=[ |
|
|
|
|
|
|
|
{name:'身份证正面',type:0,url:'',key:'user_card_front',required:true}, |
|
|
|
{name:'身份证背面',type:0,url:'',key:'user_card_backfacade',required:true}, |
|
|
|
{name:' 数字证书申请表',type:0,url:'',key:'number_certificate',required:true}, |
|
|
|
{name:'标的证明文件',type:0,url:'',key:'asset_certificate',required:true}, |
|
|
|
{name:'授权委托证明书',type:0,url:'',key:'legal_authorization',required:false}, |
|
|
|
{name:'被授权人身份证（正面）',type:0,url:'',key:'operator_card_front',required:false}, |
|
|
|
{name:'被授权人身份证（反面）',type:0,url:'',key:'operator_card_backfacade',required:false}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file',required:false}, |
|
|
|
{name:'身份证正面',type:0,url:'',key:'user_card_front',required:true,upType:0}, |
|
|
|
{name:'身份证背面',type:0,url:'',key:'user_card_backfacade',required:true,upType:0}, |
|
|
|
{name:'授权委托证明书',type:0,url:'',key:'legal_authorization',required:false,upType:1,file:this.mode_foel[5]}, |
|
|
|
{name:'被授权人身份证（正面）',type:0,url:'',key:'operator_card_front',required:false,upType:0}, |
|
|
|
{name:'被授权人身份证（反面）',type:0,url:'',key:'operator_card_backfacade',required:false,upType:0}, |
|
|
|
{name:'其他要求文件',type:0,url:[],key:'else_file',required:false,upType:0}, |
|
|
|
] |
|
|
|
} |
|
|
|
this.ruleForm.else_file=[]; |
|
|
|
@ -406,7 +424,9 @@ export default { |
|
|
|
}, |
|
|
|
submit(){ |
|
|
|
console.info(this.ruleForm) |
|
|
|
|
|
|
|
if (this.checked==2) { |
|
|
|
this.$message.error('请先勾选《隐私权政策》等') |
|
|
|
}else{ |
|
|
|
this.$refs["ruleForm1"].validate((valid) => { |
|
|
|
if(valid){ |
|
|
|
if(this.ruleForm.account_type==1){ |
|
|
|
@ -427,35 +447,48 @@ export default { |
|
|
|
}); |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
handleAvatarError(){ |
|
|
|
this.$message.error('文件上传失败！'); |
|
|
|
}, |
|
|
|
handleAvatarSuccess(res, file, index,key){ |
|
|
|
if(res.code==1){ |
|
|
|
const typeArr1 = ['application/pdf']; |
|
|
|
const isJPG1 = typeArr1.indexOf(file.raw.type) !== -1; |
|
|
|
let type; |
|
|
|
if (isJPG1) { |
|
|
|
type=1 |
|
|
|
}else{ |
|
|
|
type=0 |
|
|
|
} |
|
|
|
let data={ |
|
|
|
url:this.host+res.data.img_url, |
|
|
|
type:type |
|
|
|
} |
|
|
|
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); |
|
|
|
this.upList[index].url.push(data); |
|
|
|
}else{ |
|
|
|
this.upList[index].type=1; |
|
|
|
this.upList[index].url=this.host+res.data.img_url; |
|
|
|
this.upList[index].url=data; |
|
|
|
this.ruleForm[key]=this.host+res.data.img_url |
|
|
|
} |
|
|
|
this.$message.success('文件上传成功！'); |
|
|
|
} |
|
|
|
}, |
|
|
|
fileChange(file){ |
|
|
|
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg']; |
|
|
|
const typeArr = ['image/png', 'image/gif', 'image/jpeg', 'image/jpg','application/pdf']; |
|
|
|
const isJPG = typeArr.indexOf(file.raw.type) !== -1; |
|
|
|
const isLt3M = file.size / 1024 / 1024 < 3; |
|
|
|
const isLt3M = file.size / 1024 / 1024 < 10; |
|
|
|
if (!isJPG) { |
|
|
|
this.$message.error('只能是图片!'); |
|
|
|
this.$message.error('只能上传图片和PDF文件!'); |
|
|
|
this.$refs.upload.clearFiles(); |
|
|
|
return; |
|
|
|
} |
|
|
|
if (!isLt3M) { |
|
|
|
this.$message.error('上传图片大小不能超过 3MB!'); |
|
|
|
this.$message.error('上传图片大小不能超过 10MB!'); |
|
|
|
this.$refs.upload.clearFiles(); |
|
|
|
// this.$set(this.query, 'goods_img', ''); |
|
|
|
return; |
|
|
|
@ -603,6 +636,7 @@ export default { |
|
|
|
.footer_span1{ |
|
|
|
color: rgb(201, 76, 76); |
|
|
|
text-decoration: underline; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
.examine_content{ |
|
|
|
width: 100%; |
|
|
|
@ -616,4 +650,19 @@ export default { |
|
|
|
.table_content_item_span{ |
|
|
|
color: red; |
|
|
|
} |
|
|
|
.listing_button{ |
|
|
|
display: inline-block; |
|
|
|
width: 70px; |
|
|
|
height: 32px; |
|
|
|
border-radius: 5px; |
|
|
|
border: 1px solid #E7B0B0; |
|
|
|
background: #F3D8D8; |
|
|
|
font-size: 14px; |
|
|
|
color: rgba(201, 76, 76, 0.898039215686275); |
|
|
|
text-align: center; |
|
|
|
cursor: pointer; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
