|
|
@@ -7,6 +7,7 @@
|
|
|
<el-step title="商户主体信息"></el-step>
|
|
|
<el-step title="商户法人信息"></el-step>
|
|
|
<el-step title="商户联系人信息"></el-step>
|
|
|
+ <el-step title="贸易证明信息"></el-step>
|
|
|
</el-steps>
|
|
|
</div>
|
|
|
<!-- 商户主体信息 -->
|
|
|
@@ -168,18 +169,58 @@
|
|
|
</el-card>
|
|
|
</div>
|
|
|
|
|
|
+ <!-- 贸易证明信息 -->
|
|
|
+ <div style="margin-top: 40px;" v-if="active==3">
|
|
|
+ <el-card style="margin-top: 10px;">
|
|
|
+ <el-form ref="form4" :model="form4" :rules="rules4" label-width="120px">
|
|
|
+ <el-row>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-form-item prop="agreementPhotoUrl" label="业务协议图片/附件" label-width="140px">
|
|
|
+ <el-upload class="upload-demo" action="/api/putObject" :limit="1"
|
|
|
+ :on-preview="handlePreview" :file-list="form4.agreementPhotoUrlList" :on-success="uploadAgreementPhotoUrl" :before-upload="beforeUploadProductQualUrl">
|
|
|
+ <el-button size="small" type="primary">点击上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <span style="color: red; font-size: 12px;">使用付款作业时与上下游签署的协议扫面件<br>或者复印件或者照片压缩包等</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col span="12">
|
|
|
+ <el-form-item prop="systemScreenshotUrl" label="业务系统截图/附件" label-width="140px">
|
|
|
+ <el-upload class="upload-demo" action="/api/putObject" :limit="1"
|
|
|
+ :on-preview="handlePreview" :file-list="form4.systemScreenshotUrlList" :on-success="uploadSystemScreenshotUrl" :before-upload="beforeUploadProductQualUrl">
|
|
|
+ <el-button size="small" type="primary">点击上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <span style="color: red; font-size: 12px;">使用到付款业务的系统截图等证明资料</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item prop="specialPermitProcessUrl" label="特批开通流程/截图" label-width="130px">
|
|
|
+ <el-upload class="upload-demo" action="/api/putObject" :limit="1"
|
|
|
+ :on-preview="handlePreview" :file-list="form4.specialPermitProcessUrlList" :on-success="uploadSpecialPermitProcessUrl" :before-upload="beforeUploadProductQualUrl">
|
|
|
+ <el-button size="small" type="primary">点击上传</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <span style="color: red; font-size: 12px;">特定情况下,申请开通付款业务的易宝审批完成截图</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<div v-if="curEvent === 'add'">
|
|
|
<el-button v-if="active!=0" @click="active--">上一步</el-button>
|
|
|
<el-button type="primary" @click="handelNext" v-if="this.form1.id != null && this.form1.id.length > 0">下一步</el-button>
|
|
|
<el-button type="primary" @click="next">保存</el-button>
|
|
|
- <el-button v-if="active==2" type="primary" @click="submit()">提交申请</el-button>
|
|
|
+ <el-button v-if="active==3" type="primary" @click="submit()">提交申请</el-button>
|
|
|
</div>
|
|
|
<div v-if="curEvent === 'edit'">
|
|
|
<el-button v-if="active!=0" @click="active--">上一步</el-button>
|
|
|
<el-button type="primary" @click="handelNext">下一步</el-button>
|
|
|
<el-button type="primary" @click="next">保存</el-button>
|
|
|
- <el-button v-if="active==2" type="primary" @click="submit()">提交申请</el-button>
|
|
|
+ <el-button v-if="active==3" type="primary" @click="submit()">提交申请</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
@@ -194,13 +235,14 @@
|
|
|
getDistrictList
|
|
|
} from "@/api/bussinessregion/bussinessregion";
|
|
|
import {getDictionary} from "@/api/system/dictbiz";
|
|
|
- import {add as saveBussInfo, update as updateBussInfo} from "@/api/bussinessmng/bussinessinfo"
|
|
|
+ import {add as saveBussInfo, update as updateBussInfo, updateProductQual as updateBussInfoProductQual} from "@/api/bussinessmng/bussinessinfo"
|
|
|
import {add as saveContactInfo} from "@/api/bussinessmng/bussinesscontactinfo"
|
|
|
export default {
|
|
|
props:{
|
|
|
form1:Object,
|
|
|
form2:Object,
|
|
|
form3:Object,
|
|
|
+ form4:Object,
|
|
|
curEvent: 'add',
|
|
|
},
|
|
|
data() {
|
|
|
@@ -244,6 +286,7 @@
|
|
|
label: 'cityName',
|
|
|
value: 'cityCode',
|
|
|
},
|
|
|
+ paymentSceneOptions: [],
|
|
|
bussinessRoleOptions: [],
|
|
|
signTypeOptions: [],
|
|
|
legalLicenceTypeOptions: [],
|
|
|
@@ -283,10 +326,10 @@
|
|
|
{ required: true, message: '请上传商户证件照片', trigger: 'blur' },
|
|
|
],
|
|
|
openAccountLicenceUrl: [
|
|
|
- { required: true, message: '请上传法人证件照正面照片', trigger: 'blur' },
|
|
|
+ { required: true, message: '请上传开户许可证照片', trigger: 'change' },
|
|
|
],
|
|
|
handLicenceUrl: [
|
|
|
- { required: true, message: '请上传法人证件照反面照片', trigger: 'blur' },
|
|
|
+ { required: true, message: '请上传手持营业执照在经营场所的照片', trigger: 'change' },
|
|
|
],
|
|
|
},
|
|
|
rules2:{
|
|
|
@@ -300,10 +343,10 @@
|
|
|
{required: true, message: '请输入法人证件号码', trigger: 'blur' },
|
|
|
],
|
|
|
legalLicenceFrontUrl:[
|
|
|
- {required: true, message: '请上传法人证件正面照片', trigger: 'blur' },
|
|
|
+ {required: true, message: '请上传法人证件正面照片', trigger: 'change' },
|
|
|
],
|
|
|
legalLicenceBackUrl:[
|
|
|
- {required: true, message: '请上传法人证件反面照片', trigger: 'blur' },
|
|
|
+ {required: true, message: '请上传法人证件反面照片', trigger: 'change' },
|
|
|
]
|
|
|
},
|
|
|
rules3:{
|
|
|
@@ -317,6 +360,15 @@
|
|
|
{required: true, trigger: 'blur', validator: validateEmail },
|
|
|
]
|
|
|
},
|
|
|
+
|
|
|
+ rules4:{
|
|
|
+ agreementPhotoUrl:[
|
|
|
+ {required: true, message: '请上传付款业务协议图片/附件', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ systemScreenshotUrl: [
|
|
|
+ { required: true, message: '请上传付款业务系统截图/附件', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ },
|
|
|
//勋章配置
|
|
|
medalList:[],
|
|
|
}
|
|
|
@@ -326,10 +378,18 @@
|
|
|
this.loadDict("business_sign_type");
|
|
|
this.loadDict("legal_licence_type");
|
|
|
this.loadDict("yee_business_role");
|
|
|
+ this.loadDict("yee_payment_scene");
|
|
|
},
|
|
|
methods: {
|
|
|
+ handlePreview(file){
|
|
|
+ let fileTag = document.createElement('a')
|
|
|
+ let event = new MouseEvent('click');
|
|
|
+ fileTag.download = file.name
|
|
|
+ fileTag.href = file.response.data;
|
|
|
+ fileTag.dispatchEvent(event)
|
|
|
+ },
|
|
|
beforeUploadLicenceUrl(file){
|
|
|
- if(file.size > 5242880){
|
|
|
+ if(file.size > 2621440){
|
|
|
this.$message.error("图片大小不能超过2.5M");
|
|
|
return false;
|
|
|
}else{
|
|
|
@@ -344,6 +404,14 @@
|
|
|
return true;
|
|
|
}
|
|
|
},
|
|
|
+ beforeUploadProductQualUrl(file){
|
|
|
+ if(file.size > 31457280){
|
|
|
+ this.$message.error("文件大小不能超过30M");
|
|
|
+ return false;
|
|
|
+ }else{
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ },
|
|
|
openDialog(){
|
|
|
if(this.curEvent == 'edit'){
|
|
|
this.loadCity(this.form1.province);
|
|
|
@@ -358,6 +426,8 @@
|
|
|
this.legalLicenceTypeOptions = res.data.data;
|
|
|
}else if(code === 'yee_business_role'){
|
|
|
this.bussinessRoleOptions = res.data.data;
|
|
|
+ }else if(code === 'yee_payment_scene'){
|
|
|
+ this.paymentSceneOptions = res.data.data;
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -412,24 +482,37 @@
|
|
|
uploadLegalLicenceBackUrl(res) {
|
|
|
this.form2.legalLicenceBackUrl = res.data
|
|
|
},
|
|
|
+ //上传付款业务协议图片/附件
|
|
|
+ uploadAgreementPhotoUrl(res) {
|
|
|
+ this.form4.agreementPhotoUrl = res.data
|
|
|
+ },
|
|
|
+ //上传付款业务系统截图/附件
|
|
|
+ uploadSystemScreenshotUrl(res) {
|
|
|
+ this.form4.systemScreenshotUrl = res.data
|
|
|
+ },
|
|
|
+ //上传特批开通流程/截图
|
|
|
+ uploadSpecialPermitProcessUrl(res) {
|
|
|
+ this.form4.specialPermitProcessUrl = res.data
|
|
|
+ },
|
|
|
next(){
|
|
|
switch (this.active){
|
|
|
case 0: {
|
|
|
let validForm1 = this.validForm('form1');
|
|
|
if(validForm1){
|
|
|
- if(this.curEvent == "add"){
|
|
|
+ if(this.curEvent === "add"){
|
|
|
saveBussInfo(this.form1).then(res => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
message: res.data.msg
|
|
|
});
|
|
|
- this.form1.id = res.data.data.id;
|
|
|
this.form.bussinessInfoId = res.data.data.id;
|
|
|
+ this.form1.id = res.data.data.id;
|
|
|
this.form2.bussinessInfoId = res.data.data.id;
|
|
|
this.form3.bussinessInfoId = res.data.data.id;
|
|
|
+ this.form4.bussinessInfoId = res.data.data.id;
|
|
|
this.handelNext()
|
|
|
});
|
|
|
- }else if(this.curEvent == "edit" && this.form1.id != null){
|
|
|
+ }else if(this.curEvent === "edit" && this.form1.id != null){
|
|
|
updateBussInfo(this.form1).then(res => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
@@ -438,6 +521,7 @@
|
|
|
this.form.bussinessInfoId = res.data.data.id;
|
|
|
this.form2.bussinessInfoId = res.data.data.id;
|
|
|
this.form3.bussinessInfoId = res.data.data.id;
|
|
|
+ this.form4.bussinessInfoId = res.data.data.id;
|
|
|
this.handelNext()
|
|
|
});
|
|
|
}
|
|
|
@@ -448,7 +532,7 @@
|
|
|
let validForm2 = this.validForm('form2');
|
|
|
if(validForm2){
|
|
|
this.form2.contactType = 10;
|
|
|
- this.form2.bussinessInfoId = this.form1.id
|
|
|
+ this.form2.bussinessInfoId = this.form1.id;
|
|
|
saveContactInfo(this.form2).then(res => {
|
|
|
this.$message({
|
|
|
type: "success",
|
|
|
@@ -461,10 +545,10 @@
|
|
|
break;
|
|
|
}
|
|
|
case 2:{
|
|
|
- let validForm3 = this.validForm('form3');
|
|
|
+ let validForm3 = this.validForm('form4');
|
|
|
if(validForm3){
|
|
|
this.form3.contactType = 11;
|
|
|
- this.form3.bussinessInfoId = this.form1.id
|
|
|
+ this.form3.bussinessInfoId = this.form1.id;
|
|
|
this.form3.servicePhone = this.form3.contactMobile;
|
|
|
saveContactInfo(this.form3).then(res => {
|
|
|
this.$message({
|
|
|
@@ -477,6 +561,19 @@
|
|
|
}
|
|
|
break;
|
|
|
}
|
|
|
+ case 3:{
|
|
|
+ let validForm4 = this.validForm('form4');
|
|
|
+ if(validForm4){
|
|
|
+ updateBussInfoProductQual(this.form4).then(res => {
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: res.data.msg
|
|
|
+ });
|
|
|
+ this.handelNext()
|
|
|
+ });
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
default:
|
|
|
break;
|
|
|
}
|
|
|
@@ -495,7 +592,7 @@
|
|
|
return result;
|
|
|
},
|
|
|
handelNext(){
|
|
|
- if (this.active !=2) {
|
|
|
+ if (this.active !=3) {
|
|
|
this.active++
|
|
|
}
|
|
|
},
|