2101 行
103 KiB
HTML
可执行文件
2101 行
103 KiB
HTML
可执行文件
<!doctype html>
|
|
<html>
|
|
<!--[1.4.46]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>新大陆进件</title>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common-upload.css">
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.11.0/lib/theme-chalk/index.css">
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
|
|
<style>
|
|
.formLsit {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.el-col-2, .el-col-3, .el-col-4 {
|
|
text-align: right
|
|
}
|
|
|
|
.el-col-10, .el-col-9, .el-col-8 {
|
|
padding-left: 20px;
|
|
word-wrap: break-word;
|
|
color: #409EFF;
|
|
}
|
|
|
|
.img_bor {
|
|
width: 100px;
|
|
height: 100px;
|
|
cursor: pointer;
|
|
margin: 0 10px 10px 0;
|
|
border: 1px dashed rgb(204, 204, 204);
|
|
border-radius: 10px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.Simg {
|
|
width: 100px;
|
|
height: 100px;
|
|
cursor: pointer;
|
|
margin: 0 10px 10px 0;
|
|
border: 1px dashed rgb(204, 204, 204);
|
|
border-radius: 10px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
/* justify-content: center; */
|
|
align-items: center;
|
|
}
|
|
|
|
.Simg:hover > .dlt {
|
|
display: block;
|
|
}
|
|
|
|
.btnBox {
|
|
text-align: center;
|
|
}
|
|
|
|
.dlt {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: none;
|
|
top: -7px;
|
|
right: 3px;
|
|
color: #ccc;
|
|
font-size: 20px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.cc {
|
|
padding: 40px;
|
|
height: 280px;
|
|
font-size: 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
background-color: #fff;
|
|
border-color: #e4e7ed;
|
|
color: #c0c4cc;
|
|
cursor: auto;
|
|
}
|
|
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
background-color: #fff;
|
|
border-color: #e4e7ed;
|
|
color: #c0c4cc;
|
|
cursor: auto;
|
|
}
|
|
|
|
.Succ, .err {
|
|
width: 56px;
|
|
height: 56px;
|
|
background: #5fb878;
|
|
border-radius: 50%;
|
|
font-size: 40px;
|
|
color: #fff;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.el-input.is-disabled .el-input__inner {
|
|
color: #000;
|
|
}
|
|
|
|
.el-textarea.is-disabled .el-textarea__inner {
|
|
color: #000;
|
|
}
|
|
|
|
.err {
|
|
background: #F56C6C;
|
|
}
|
|
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
|
|
.el-select-width {
|
|
width: 100%;
|
|
}
|
|
|
|
/* 上传图片 */
|
|
.avatar-uploader {
|
|
display: inline-block;
|
|
}
|
|
|
|
.avatar-uploader .el-upload {
|
|
border: 1px dashed #d9d9d9;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.avatar-uploader .el-upload:hover {
|
|
border-color: #409EFF;
|
|
}
|
|
|
|
.avatar-uploader-icon {
|
|
font-size: 28px;
|
|
color: #8c939d;
|
|
width: 100px;
|
|
height: 100px;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
.avatar {
|
|
width: 100px;
|
|
height: 100px;
|
|
display: block;
|
|
}
|
|
|
|
.img-tip {
|
|
color: rgb(204, 204, 204);
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.el-col-4 {
|
|
font-size: 14px;
|
|
color: #666;
|
|
}
|
|
|
|
.el-col-8 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.el-divider__text {
|
|
color: #222;
|
|
}
|
|
|
|
.img-box {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.img-text {
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app" v-cloak>
|
|
<el-card shadow="never">
|
|
<el-steps :active="step - 1" finish-status="success">
|
|
<el-step title="基本信息"></el-step>
|
|
<el-step title="进件类型"></el-step>
|
|
<el-step title="银行结算信息"></el-step>
|
|
<el-step title="营业执照信息"></el-step>
|
|
<el-step title="检查并提交"></el-step>
|
|
</el-steps>
|
|
<template v-if="step == 1">
|
|
<el-card class="cards" shadow="never">
|
|
<el-alert title="完善商户的基本信息" type="info" show-icon :closable="false"></el-alert>
|
|
<br/>
|
|
<el-form class="formLsit" :model="infoForm" ref="infoForm" :rules="rules" label-width="160px">
|
|
<el-form-item label="商户全称:" prop="merc_nm">
|
|
<el-input :readonly="open_type" class="el-select-width" v-model="infoForm.merc_nm"
|
|
placeholder="请填写商户全称,20字以内" clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="商户简称:" prop="scan_stoe_cnm">
|
|
<el-input :readonly="open_type" class="el-select-width" v-model="infoForm.scan_stoe_cnm"
|
|
placeholder="请填写商户简称,20字以内,该名称显示于支付成功详情页" clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="联系人姓名:" prop="stoe_cnt_nm">
|
|
<el-input :readonly="open_type" class="el-select-width" v-model="infoForm.stoe_cnt_nm"
|
|
placeholder="请填写联系姓名" clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="联系人手机号:" prop="stoe_cnt_tel">
|
|
<el-input :readonly="open_type" class="el-select-width" v-model="infoForm.stoe_cnt_tel"
|
|
placeholder="请填写联系人手机号" clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="联系人邮箱:" prop="mailbox">
|
|
<el-input :readonly="open_type" class="el-select-width" v-model="infoForm.mailbox"
|
|
placeholder="请填写联系人邮箱"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="经营类目:" prop="mcc_cd">
|
|
<el-select class="el-select-width"
|
|
v-model="infoForm.mcc_cd"
|
|
:loading="m_loading"
|
|
clearable
|
|
:disabled="entry_status||open_type?true:false"
|
|
placeholder="请选择经营类目" filterable>
|
|
<el-option-group v-for="(val,key) in mcc_arr" :label="val.sup_mcc_nm" :key="key">
|
|
<el-option v-for="(v,k) in val.options" :label="v.mcc_nm" :value="v.mcc_cd"
|
|
:key="k"></el-option>
|
|
</el-option-group>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="经营地址:" prop="province">
|
|
<el-col :span="8" style="padding-left: 0px;">
|
|
<el-select :disabled="open_type" class="el-select-width" v-model="infoForm.province"
|
|
:loading="p_loading"
|
|
placeholder="请选择所在省" @change="getCity" filterable clearable>
|
|
<el-option v-for="(val,key) in province" :label="val.city_name" :value="val.cityid"
|
|
:key="key"></el-option>
|
|
</el-select>
|
|
</el-col>
|
|
<el-col :span="8" v-show="infoForm.province && city.length > 0">
|
|
<el-select :disabled="open_type" class="el-select-width" v-model="infoForm.city"
|
|
:loading="c_loading"
|
|
placeholder="请选择所在市" @change="getAreaCod(infoForm.province,infoForm.city)"
|
|
filterable clearable>
|
|
<el-option v-for="(val,key) in city" :label="val.city_name" :value="val.cityid"
|
|
:key="key"></el-option>
|
|
</el-select>
|
|
</el-col>
|
|
<el-col :span="8" v-show="infoForm.city && stoe_area_cod.length > 0">
|
|
<el-select :disabled="open_type" class="el-select-width"
|
|
v-model="infoForm.stoe_area_cod"
|
|
:loading="s_loading"
|
|
placeholder="请选择区" filterable clearable>
|
|
<el-option v-for="(val,key) in stoe_area_cod" :label="val.city_name" :value="val.cityid"
|
|
:key="key"></el-option>
|
|
</el-select>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="详细地址:" prop="stoe_adds">
|
|
<el-input :readonly="open_type" v-model="infoForm.stoe_adds" placeholder="请填写商家正确的详情地址"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-divider></el-divider>
|
|
<el-row class="btnBox">
|
|
<el-button type="primary" @click="nextStep">下一步</el-button>
|
|
</el-row>
|
|
</el-card>
|
|
</template>
|
|
<template v-if="step == 2">
|
|
<el-card class="cards" shadow="never">
|
|
<el-alert title="选择商户的进件类型" type="info" show-icon :closable="false"></el-alert>
|
|
<el-form class="formLsit" :model="incomeForm" ref="incomeForm" :rules="rules" ref="incomeForm"
|
|
label-width="160px">
|
|
<el-form-item label="进件类型:" prop="incom_type">
|
|
<el-radio :readonly="open_type" v-model="incomeForm.incom_type" label="1">小微进件</el-radio>
|
|
<el-radio :readonly="open_type" v-model="incomeForm.incom_type" label="2">企业进件</el-radio>
|
|
</el-form-item>
|
|
<el-form-item label="公众号appid:" prop="wx_appid">
|
|
<el-input :readonly="open_type" placeholder="请填写正确的公众号appid" v-model="incomeForm.wx_appid"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="公众号key:" prop="wx_appsecrect">
|
|
<el-input :readonly="open_type" placeholder="请填写正确的公众号key" v-model="incomeForm.wx_appsecrect"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="推荐关注公众号appid:" prop="recom_wx_appid">
|
|
<el-input :readonly="open_type" placeholder="请填写推荐关注公众号appid"
|
|
v-model="incomeForm.recom_wx_appid"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="支付授权目录:" prop="wx_pay_catalog">
|
|
<el-input :readonly="open_type" placeholder="请填写支付授权目录" v-model="incomeForm.wx_pay_catalog"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-divider></el-divider>
|
|
<el-row class="btnBox">
|
|
<el-button type="primary" @click="previousStep">上一步</el-button>
|
|
<el-button type="primary" @click="nextStep">下一步</el-button>
|
|
</el-row>
|
|
</el-card>
|
|
</template>
|
|
<template v-if="step == 3">
|
|
<el-card class="cards" shadow="never">
|
|
<el-alert title="完善商户的银行信息" type="info" show-icon :closable="false"></el-alert>
|
|
<el-form class="formLsit" :model="bankInfoForm" :rules="rules" ref="bankInfoForm" label-width="170px">
|
|
<el-form-item label="收款银行:" prop="bank_name">
|
|
<el-select name="selectBank" :disabled="open_type" class="el-select-width" @change="selectBank"
|
|
v-model="bankInfoForm.bank_name"
|
|
:loading="b_loading"
|
|
clearable
|
|
filterable
|
|
placeholder="请选择收款银行">
|
|
<el-option v-for="(val,key) in bank_info" :label="val.bank_name" :value="val.id"
|
|
:key="key"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="开户行信息:" prop="wc_lbnk_name">
|
|
<el-select
|
|
style="width: 100%;"
|
|
:value="bankInfoForm.wc_lbnk_name"
|
|
filterable
|
|
:disabled="open_type"
|
|
remote
|
|
clearable
|
|
v-load-more="getMoreWcLbnkNo"
|
|
reserve-keyword
|
|
placeholder="请输入开户行关键词"
|
|
:remote-method="getWcLbnkNo"
|
|
@change="selectWcLbnkNo">
|
|
<el-option
|
|
v-for="item in WcLbnkList"
|
|
:key="item.lbnk_no"
|
|
:label="item.lbnk_nm"
|
|
:value="item">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="账户类型:" prop="stl_sign">
|
|
<el-select :disabled="open_type" class="el-select-width" v-model="bankInfoForm.stl_sign"
|
|
placeholder="请选择账户类型">
|
|
<el-option label="个人账户" value="1"></el-option>
|
|
<el-option label="对公账户" value="0"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="银行卡号:" prop="stl_oac">
|
|
<el-input :readonly="open_type" placeholder="请填写正确的银行卡号" v-model="bankInfoForm.stl_oac"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="持卡人:" prop="bnk_acnm">
|
|
<el-input :readonly="open_type" placeholder="请填写持卡人" v-model="bankInfoForm.bnk_acnm"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="持卡人身份证号:" prop="icrp_id_no">
|
|
<el-input :readonly="open_type" placeholder="请填写正确的持卡人身份证号" v-model="bankInfoForm.icrp_id_no"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item class="el-select-width" label="持卡人身份证起始日期:" prop="crp_start_dt">
|
|
<el-date-picker
|
|
:readonly="open_type"
|
|
v-model="bankInfoForm.crp_start_dt"
|
|
align="left"
|
|
type="date"
|
|
format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item class="el-select-width" label="持卡人身份证有效期:" prop="crp_end_dt">
|
|
<el-date-picker
|
|
v-model="bankInfoForm.crp_end_dt"
|
|
:readonly="bankInfoForm.crp_end_dt_permanent||open_type"
|
|
align="left"
|
|
type="date"
|
|
format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
<el-checkbox :disabled="open_type" v-model="bankInfoForm.crp_end_dt_permanent"
|
|
@change="allPermanent(1)">永久期限
|
|
</el-checkbox>
|
|
</el-form-item>
|
|
<el-divider content-position="left">上传相关凭证</el-divider>
|
|
<el-alert title="上传图片支持PNG、JPG格式,图片大小为500KB以下" type="warning" show-icon
|
|
:closable="false"></el-alert>
|
|
<br/>
|
|
<el-alert title="当法人和结算人不一致时,需提供最后一项图片信息,否则无需上传" type="error" show-icon
|
|
:closable="false"></el-alert>
|
|
<br/>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="结算人身份证(正):" prop="settlement">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="settlement"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="bankInfoForm.settlement" class="avatar" :src="bankInfoForm.settlement">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p class="img-tip">结算人身份证正面</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="结算人身份证(反):" prop="settlement_side">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="settlement_side"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="bankInfoForm.settlement_side" class="avatar"
|
|
:src="bankInfoForm.settlement_side">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p class="img-tip">结算人身份证反面</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="银行卡图:" prop="bank_card">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="bank_card"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="bankInfoForm.bank_card" class="avatar" :src="bankInfoForm.bank_card">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p class="img-tip">请上传银行卡图片</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="非法人授权委托书:" prop="power">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="power"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="bankInfoForm.power" class="avatar" :src="bankInfoForm.power">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p class="img-tip">非法人授权委托书</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="手持委托书合照:" prop="group">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="group"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="bankInfoForm.group" class="avatar" :src="bankInfoForm.group">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p class="img-tip">结算人与法人手持委托书合照</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
<el-divider></el-divider>
|
|
<el-row class="btnBox">
|
|
<el-button type="primary" @click="previousStep">上一步</el-button>
|
|
<el-button type="primary" @click="nextStep">下一步</el-button>
|
|
</el-row>
|
|
</el-card>
|
|
</template>
|
|
<template v-if="step == 4">
|
|
<el-card class="cards" shadow="never">
|
|
<el-alert title="设置营业执照信息" type="info" show-icon :closable="false"></el-alert>
|
|
<el-form class="formLsit" :model="businessLicenseForm" :rules="rules" ref="businessLicenseForm"
|
|
label-width="160px">
|
|
<el-form-item label="营业执照号:" prop="bus_lic_no">
|
|
<el-input :readonly="open_type" placeholder="请填写营业执照号" v-model="businessLicenseForm.bus_lic_no"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="营业执照名:" prop="bse_lice_nm">
|
|
<el-input :readonly="open_type" placeholder="请填写营业执照名" v-model="businessLicenseForm.bse_lice_nm"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="营业执照上的地址:" prop="merc_adds">
|
|
<el-input :readonly="open_type" placeholder="请填写营业执照上的地址"
|
|
v-model="businessLicenseForm.merc_adds"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="营业执照起始日期:" style="width:100%;" prop="bus_eff_dt">
|
|
<el-date-picker
|
|
:readonly="open_type"
|
|
v-model="businessLicenseForm.bus_eff_dt"
|
|
align="left"
|
|
type="date"
|
|
format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期"
|
|
>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="营业执照有效期:" style="width:100%;" prop="bus_exp_dt">
|
|
<el-date-picker
|
|
v-model="businessLicenseForm.bus_exp_dt"
|
|
:readonly="businessLicenseForm.bus_exp_dt_permanent||open_type"
|
|
align="left"
|
|
type="date"
|
|
format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期"
|
|
>
|
|
</el-date-picker>
|
|
<el-checkbox :disabled="open_type" v-model="businessLicenseForm.bus_exp_dt_permanent"
|
|
@change="allPermanent(2)">
|
|
永久期限
|
|
</el-checkbox>
|
|
</el-form-item>
|
|
<el-form-item label="法人:" prop="crp_nm">
|
|
<el-input :readonly="open_type" placeholder="请填写法人" v-model="businessLicenseForm.crp_nm"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="法人身份证号:" prop="crp_id_no">
|
|
<el-input :readonly="open_type" placeholder="请填写法人身份证号" v-model="businessLicenseForm.crp_id_no"
|
|
clearable></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="法人身份证起始日期:" style="width:100%;" prop="crp_eff_dt">
|
|
<el-date-picker
|
|
:readonly="open_type"
|
|
v-model="businessLicenseForm.crp_eff_dt"
|
|
align="left"
|
|
type="date"
|
|
format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期"
|
|
>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="法人身份证有效期:" style="width:100%;" prop="crp_exp_dt">
|
|
<el-date-picker
|
|
v-model="businessLicenseForm.crp_exp_dt"
|
|
align="left"
|
|
type="date"
|
|
format="yyyy-MM-dd"
|
|
value-format="yyyy-MM-dd"
|
|
:readonly="businessLicenseForm.crp_exp_dt_permanent||open_type"
|
|
placeholder="选择日期"
|
|
>
|
|
</el-date-picker>
|
|
<el-checkbox :disabled="open_type" v-model="businessLicenseForm.crp_exp_dt_permanent"
|
|
@change="allPermanent(3)">
|
|
永久期限
|
|
</el-checkbox>
|
|
</el-form-item>
|
|
<el-divider content-position="left">上传相关凭证</el-divider>
|
|
<el-alert title="上传图片支持PNG、JPG格式,图片大小为500KB以下" type="warning" show-icon
|
|
:closable="false"></el-alert>
|
|
<br/>
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="营业执照:" prop="license">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="license"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.license" class="avatar"
|
|
:src="businessLicenseForm.license">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p style="color: #ccc;">营业执照</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="法人身份证(正):" prop="identity_card">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="identity_card"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.identity_card" class="avatar"
|
|
:src="businessLicenseForm.identity_card">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p style="color: #ccc;">请提供正面照片</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="法人身份证(反):" prop="identity_card_side">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="identity_card_side"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.identity_card_side" class="avatar"
|
|
:src="businessLicenseForm.identity_card_side">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p style="color: #ccc;">请提供反面照片</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="门头照片:" prop="door_head">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="door_head"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.door_head" class="avatar"
|
|
:src="businessLicenseForm.door_head">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p style="color: #ccc;">请提供门头照片</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label-width="140px" label="门店内景:" prop="interior">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="interior"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.interior" class="avatar"
|
|
:src="businessLicenseForm.interior">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p style="color: #ccc;">请提供门店内景照片</p>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-divider content-position="left">协议等信息</el-divider>
|
|
<br/>
|
|
<el-form-item label-width="140px" label="用户信息表:" prop="mer_info">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="mer_info"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.mer_info" class="avatar"
|
|
:src="businessLicenseForm.mer_info">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="mer_info_2"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.mer_info_2" class="avatar"
|
|
:src="businessLicenseForm.mer_info_2">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p style="color: #ccc;">请提供2张用户信息表</p>
|
|
</el-form-item>
|
|
|
|
<el-form-item label-width="140px" label="用户协议表:" prop="agreement">
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="agreement"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.agreement" class="avatar"
|
|
:src="businessLicenseForm.agreement">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="agreement_2"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.agreement_2" class="avatar"
|
|
:src="businessLicenseForm.agreement_2">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="agreement_3"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.agreement_3" class="avatar"
|
|
:src="businessLicenseForm.agreement_3">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<el-upload
|
|
:disabled="open_type"
|
|
name="agreement_4"
|
|
class="avatar-uploader"
|
|
action="{:U('uploads')}"
|
|
:data="uploadsData"
|
|
:show-file-list="false"
|
|
:before-upload="checkUpload"
|
|
:on-success="uploadSuccess">
|
|
<img v-if="businessLicenseForm.agreement_4" class="avatar"
|
|
:src="businessLicenseForm.agreement_4">
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
</el-upload>
|
|
<p style="color: #ccc;">请提供4张用户协议表</p>
|
|
</el-form-item>
|
|
<div style="clear: both"></div>
|
|
<el-divider></el-divider>
|
|
<el-row class="btnBox">
|
|
<el-button type="primary" @click="previousStep">上一步</el-button>
|
|
<el-button type="primary" @click="nextStep">下一步</el-button>
|
|
</el-row>
|
|
</el-form>
|
|
</el-card>
|
|
</template>
|
|
<template v-if="step == 5">
|
|
<el-card class="cards" shadow="never">
|
|
<el-alert title="检查数据并提交审核" type="info" show-icon :closable="false"></el-alert>
|
|
<template v-if="all_data.crp_nm != all_data.bnk_acnm && (!all_data.power || !all_data.group)">
|
|
<br/>
|
|
<el-alert title="法人和结算人不一致,请上传非法人授权委托书和结算人与法人手持委托书合照" type="error" show-icon
|
|
:closable="false"></el-alert>
|
|
</template>
|
|
<br/>
|
|
<el-card shadow="never">
|
|
<el-divider content-position="left">基本信息</el-divider>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
商户全称:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{ all_data.merc_nm ? all_data.merc_nm : "加载中...." }}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
商户简称:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{ all_data.scan_stoe_cnm ? all_data.scan_stoe_cnm : "加载中...." }}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
联系人姓名:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{ all_data.stoe_cnt_nm ? all_data.stoe_cnt_nm : "加载中...." }}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
联系人电话:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.stoe_cnt_tel ? all_data.stoe_cnt_tel : "加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
联系人邮箱:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.mailbox ? all_data.mailbox : "加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
经营类目:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{ all_data.mcc_nm ? all_data.mcc_nm : "加载中...." }}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
经营地址:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.stoe_adds ? all_data.stoe_adds : "加载中...."}}
|
|
</el-col>
|
|
</el-row>
|
|
<el-divider content-position="left">进件类型</el-divider>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
进件类型:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.incom_type==1 ? "小微进件":(all_data.incom_type==2? "企业进件": "加载中....")}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
公众号key:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.wx_appsecrect ? all_data.wx_appsecrect:"暂无"}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
推荐关注appid:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.recom_wx_appid?all_data.recom_wx_appid:"暂无"}}
|
|
</el-col>
|
|
|
|
<el-col :span="4">
|
|
支付授权目录:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.wx_pay_catalog?all_data.wx_pay_catalog:"暂无"}}
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-divider content-position="left">银行结算信息</el-divider>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
收款银行:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.bank_name_str?all_data.bank_name_str:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
银行卡号:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.stl_oac?all_data.stl_oac:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
持卡人:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.bnk_acnm?all_data.bnk_acnm:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
开户行信息:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.wc_lbnk_name?all_data.wc_lbnk_name:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
持卡人身份证号:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.icrp_id_no?all_data.icrp_id_no:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
持卡人身份证有效期:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.crp_start_dt?all_data.crp_start_dt:"加载中...."}} ~
|
|
{{all_data.crp_end_dt?all_data.crp_end_dt:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
新大陆费率:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.merchant_rate?all_data.merchant_rate+"%":"加载中...."}}
|
|
</el-col>
|
|
</el-row>
|
|
<el-divider content-position="left">营业执照信息</el-divider>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
营业执照号:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.bus_lic_no?all_data.bus_lic_no:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
营业执照名:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.bse_lice_nm?all_data.bse_lice_nm:"加载中...."}}
|
|
</el-col>
|
|
<div style="clear: both"></div>
|
|
<el-col :span="4">
|
|
营业执照地址:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.merc_adds?all_data.merc_adds:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
营业执照有效期:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.bus_eff_dt?all_data.bus_eff_dt:"加载中...."}} ~
|
|
{{all_data.bus_exp_dt?all_data.bus_exp_dt:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
法人:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.crp_nm?all_data.crp_nm:"加载中...."}}
|
|
</el-col>
|
|
<el-col :span="4">
|
|
法人身份证:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.crp_id_no?all_data.crp_id_no:"加载中...."}}
|
|
</el-col>
|
|
<div style="clear: both"></div>
|
|
<el-col :span="4">
|
|
法人身份证有效期:
|
|
</el-col>
|
|
<el-col :span="8">
|
|
{{all_data.crp_eff_dt?all_data.crp_eff_dt:"加载中...."}} ~
|
|
{{all_data.crp_exp_dt?all_data.crp_exp_dt:"加载中...."}}
|
|
</el-col>
|
|
<div style="clear: both"></div>
|
|
<el-divider content-position="left">相关图片信息</el-divider>
|
|
<el-row class="imgsBox" :gutter="30">
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.license"
|
|
:preview-src-list="[all_data.license]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
营业执照信息
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.identity_card"
|
|
:preview-src-list="[all_data.identity_card]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
法人身份证-正
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.identity_card_side"
|
|
:preview-src-list="[all_data.identity_card_side]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
法人身份证-反
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:preview-src-list="[all_data.door_head]"
|
|
:src="all_data.door_head"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
门头照片
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
:preview-src-list="[all_data.interior]"
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.interior"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
内景照片
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
:preview-src-list="[all_data.mer_info]"
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.mer_info"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
门店信息表1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
:preview-src-list="[all_data.mer_info_2]"
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.mer_info_2"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
门店信息表2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
:preview-src-list="[all_data.agreement]"
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.agreement"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
门店协议表1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
:preview-src-list="[all_data.agreement_2]"
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.agreement_2"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
门店协议表2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
:preview-src-list="[all_data.agreement_3]"
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.agreement_3"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
门店协议表3
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
:preview-src-list="[all_data.agreement_4]"
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.agreement_4"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
门店协议表4
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<br/>
|
|
<el-row class="imgsBox" :gutter="30">
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.settlement"
|
|
:preview-src-list="[all_data.settlement]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
结算身份证-正
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.settlement_side"
|
|
:preview-src-list="[all_data.settlement_side]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
结算身份证-反
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.bank_card"
|
|
:preview-src-list="[all_data.bank_card]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
银行卡照片信息
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.power"
|
|
:preview-src-list="[all_data.power]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
非法人
|
|
</div>
|
|
<div class="img-text">
|
|
授权委托书
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="4">
|
|
<div class="img-box">
|
|
<div class="seeimg">
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
:src="all_data.group"
|
|
:preview-src-list="[all_data.group]"
|
|
fit="contain">
|
|
</el-image>
|
|
<div class="img-text">
|
|
结算人与法人
|
|
</div>
|
|
<div class="img-text">
|
|
手持委托书合照
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</el-card>
|
|
<el-divider></el-divider>
|
|
<el-row class="btnBox">
|
|
<el-button type="primary" @click="previousStep">上一步</el-button>
|
|
<el-button type="primary" v-if="!open_type" @click="toIncomingParts"
|
|
:disabled="all_data.crp_nm != all_data.bnk_acnm && (!all_data.power || !all_data.group)">
|
|
提交审核
|
|
</el-button>
|
|
</el-row>
|
|
</el-card>
|
|
</template>
|
|
<template v-if="step == 6">
|
|
<el-card class="cards" shadow="never">
|
|
<el-alert
|
|
title="提交过程中请不要中途退出,否则会出现异常情况,时长一分钟左右"
|
|
type="info"
|
|
:closable="false"
|
|
show-icon>
|
|
</el-alert>
|
|
<br/>
|
|
<el-progress
|
|
:text-inside="true"
|
|
:stroke-width="20"
|
|
:stroke-width="12"
|
|
:color="progressStatus==1?'#409eff':(progressStatus==2?'#67c23a':'#f56c6c')"
|
|
:percentage="parseInt(submitTage)"></el-progress>
|
|
<br/>
|
|
<el-card shadow="never">
|
|
<p v-if="progressStatus==3" style="color: red;">{{incomingPartsMsg}}</p>
|
|
<template v-else>
|
|
<p v-if="submitTage>0">核对完成,开始提交审核.....<span v-if="submitTage>0&&submitTage<=25"
|
|
class="el-icon-loading"></span><span
|
|
v-if="submitTage>=25" class="el-icon-check"></span></p>
|
|
<p v-if="submitTage>25">正在提交进件信息到对应的银行通道.....<span v-if="submitTage>25&&submitTage<=50"
|
|
class="el-icon-loading"></span><span
|
|
v-if="submitTage>=50" class="el-icon-check"></span></p>
|
|
<p v-if="submitTage>50">获取通道响应信息,请稍等.....<span v-if="submitTage>50&&submitTage<=80"
|
|
class="el-icon-loading"></span><span
|
|
v-if="submitTage>=80" class="el-icon-check"></span></p>
|
|
<p v-if="submitTage>80">正在返回进件结果.....<span class="el-icon-loading"></span></p>
|
|
</template>
|
|
</el-card>
|
|
</el-card>
|
|
<el-row class="btnBox" v-if="progressStatus==3" style="margin-top: 10px;">
|
|
<el-button type="primary" @click="step=1">修改资料</el-button>
|
|
</el-row>
|
|
</template>
|
|
<template v-if="step == 7">
|
|
<div class="text item">
|
|
<div class="cc">
|
|
<template v-if="applyStatus==1">
|
|
<div class="Succ">
|
|
<i class="el-icon-check"></i>
|
|
</div>
|
|
<p style="margin: 14px 0 10px;">进件成功</p>
|
|
<p style="color: #ccc;">开起新大陆支付即可支付</p>
|
|
<p style="color: #ccc;">使用公众号与小程序支付的请与新大陆工作人员提交相应信息去同步</p>
|
|
<div style="margin-top: 30px">
|
|
<el-button size="medium" @click="goPaySet">返回支付设置</el-button>
|
|
</div>
|
|
</template>
|
|
<template v-if="applyStatus==3">
|
|
<div class="Succ">
|
|
<i class="el-icon-check"></i>
|
|
</div>
|
|
<p style="margin: 14px 0 10px;">您已成功提交进件审核,请耐心等待审核结果</p>
|
|
<p style="color: #ccc;">请定期前往间联详情页面查询审核结果</p>
|
|
<div style="margin-top: 30px">
|
|
<el-button size="medium" @click="goPaySet">返回支付设置</el-button>
|
|
<el-button plain size="medium" @click="reEdit">修改资料</el-button>
|
|
</div>
|
|
</template>
|
|
<template v-else>
|
|
<div class="err">
|
|
<i class="el-icon-close"></i>
|
|
</div>
|
|
<p style="margin: 14px 0 10px;">进件失败,请检查修改后重新提交</p>
|
|
<p style="color: #F56C6C;">{{applyMsg}}</p>
|
|
<div style="margin-top: 30px">
|
|
<el-button size="medium" @click="goPaySet">返回支付设置</el-button>
|
|
<el-button plain size="medium" @click="reEdit">重新编辑资料</el-button>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-card>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script src="https://unpkg.com/element-ui@2.11.0/lib/index.js"></script>
|
|
<script>
|
|
Vue.directive('load-more', {
|
|
bind(el, binding) {
|
|
// 获取element-ui定义好的scroll盒子
|
|
const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
|
|
SELECTWRAP_DOM.addEventListener('scroll', function () {
|
|
const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight;
|
|
if (CONDITION) {
|
|
binding.value();
|
|
}
|
|
})
|
|
}
|
|
});
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
// 自定义省,市,县,区验证
|
|
var validateCloseAddress = (rule, value, callback) => {
|
|
if (!this.infoForm.province) {
|
|
return callback(new Error("请选择所在省"));
|
|
}
|
|
if (!this.infoForm.city) {
|
|
return callback(new Error("请选择所在市"));
|
|
}
|
|
if (this.stoe_area_cod.length > 0 && !this.infoForm.stoe_area_cod) {
|
|
return callback(new Error("请选择所在县或区"));
|
|
}
|
|
callback();
|
|
};
|
|
// 页面数据
|
|
return {
|
|
loading: false, // 加载
|
|
m_loading: false, // 营销分类加载
|
|
p_loading: false, // 省加载
|
|
c_loading: false, // 市加载
|
|
s_loading: false, // 县,区加载
|
|
b_loading: false, // 银行卡
|
|
merchant_id: "{$merchant_id}",
|
|
uploadsData: {
|
|
merchant_id: "{$merchant_id}",
|
|
},
|
|
step: 1, // 步骤
|
|
mcc_arr: [], // 经营类目
|
|
province: [], // 省
|
|
city: [], // 市
|
|
stoe_area_cod: [], // 县,区
|
|
bank_info: [], // 银行信息
|
|
infoForm: {
|
|
merc_nm: '',
|
|
scan_stoe_cnm: '',
|
|
stoe_cnt_nm: '',
|
|
stoe_cnt_tel: '',
|
|
mailbox: '',
|
|
mcc_cd: '',
|
|
province: '',
|
|
city: '',
|
|
stoe_area_cod: '',
|
|
stoe_adds: '',
|
|
},
|
|
incomeForm: {
|
|
incom_type: '1',
|
|
wx_appid: '',
|
|
wx_appsecrect: '',
|
|
recom_wx_appid: '',
|
|
wx_pay_catalog: '',
|
|
},
|
|
bankInfoForm: {
|
|
bank_name: '',
|
|
wc_lbnk_name: '',
|
|
wc_lbnk_no: '',
|
|
stl_sign: '',
|
|
stl_oac: '',
|
|
bnk_acnm: '',
|
|
icrp_id_no: '',
|
|
crp_start_dt: '',
|
|
crp_end_dt: '',
|
|
crp_end_dt_permanent: false,
|
|
settlement: '',
|
|
settlement_side: '',
|
|
bank_card: '',
|
|
power: '',
|
|
group: '',
|
|
},
|
|
businessLicenseForm: {
|
|
bus_lic_no: '',
|
|
bse_lice_nm: '',
|
|
merc_adds: '',
|
|
bus_eff_dt: '',
|
|
bus_exp_dt: '',
|
|
bus_exp_dt_permanent: false,
|
|
crp_nm: '',
|
|
crp_id_no: '',
|
|
crp_eff_dt: '',
|
|
crp_exp_dt: '',
|
|
crp_exp_dt_permanent: '',
|
|
license: '',
|
|
identity_card: '',
|
|
identity_card_side: '',
|
|
door_head: '',
|
|
interior: '',
|
|
mer_info: '',
|
|
mer_info_2: '',
|
|
agreement: '',
|
|
agreement_2: '',
|
|
agreement_3: '',
|
|
agreement_4: '',
|
|
},
|
|
all_data: {},
|
|
rules: { // 验证规则
|
|
merc_nm: [
|
|
{required: true, message: '请输入商户全称', trigger: ['blur', 'change']},
|
|
{min: 1, max: 20, message: '限制长度 1 到 20',}
|
|
], // 验证规则
|
|
scan_stoe_cnm: [
|
|
{required: true, message: '请输入商户简称', trigger: ['blur', 'change']},
|
|
{min: 1, max: 20, message: '限制长度 1 到 20',}
|
|
],
|
|
stoe_cnt_nm: [
|
|
{required: true, message: '请输入联系人名称', trigger: ['blur', 'change']},
|
|
{min: 2, max: 10, message: '限制长度 2 到 10',}
|
|
],
|
|
stoe_cnt_tel: [
|
|
{required: true, message: '请输入联系人手机号', trigger: ['blur', 'change']},
|
|
{pattern: /^1[3456789]\d{9}$/, message: '请输入正确的手机号', trigger: ['blur', 'change']}
|
|
],
|
|
mailbox: [
|
|
{required: true, message: '请输入邮箱地址', trigger: "blur"},
|
|
{type: 'email', required: true, message: '请输入正确的邮箱地址', trigger: 'change'}
|
|
],
|
|
mcc_cd: [
|
|
{required: true, message: '请选择经营类目', trigger: ['blur', 'change']}
|
|
],
|
|
province: [
|
|
{required: true, validator: validateCloseAddress, trigger: ['blur', 'change']}
|
|
],
|
|
city: [
|
|
{required: true, validator: validateCloseAddress, trigger: ['blur', 'change']}
|
|
],
|
|
stoe_area_cod: [
|
|
{required: true, validator: validateCloseAddress, trigger: ['blur', 'change']}
|
|
],
|
|
stoe_adds: [
|
|
{required: true, message: '请填写商家正确的详情地址', trigger: ['blur', 'change']},
|
|
{min: 1, max: 100, message: '限制长度 1 到 100',}
|
|
],
|
|
incom_type: [
|
|
{required: true, message: '请填写正确的进件类型', trigger: ['blur', 'change']}
|
|
],
|
|
bank_name: [
|
|
{required: true, message: '请选择收款银行', trigger: ['blur', 'change']}
|
|
],
|
|
wc_lbnk_name: [
|
|
{required: true, message: '请填写开户行信息', trigger: ['blur', 'change']},
|
|
],
|
|
stl_sign: [
|
|
{required: true, message: '请选择账户类型', trigger: ['blur', 'change']}
|
|
],
|
|
stl_oac: [
|
|
{required: true, message: '请填写银行卡号', trigger: ['blur', 'change']},
|
|
{min: 1, max: 23, message: '限制长度 1 到 23',}
|
|
],
|
|
bnk_acnm: [
|
|
{required: true, message: '请填写持卡人信息', trigger: ['blur', 'change']},
|
|
{min: 1, max: 45, message: '限制长度 1 到 45',}
|
|
],
|
|
icrp_id_no: [
|
|
{required: true, message: '请填写持卡人身份证号', trigger: ['blur', 'change']},
|
|
{
|
|
pattern: /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/,
|
|
message: '请填写正确的持卡人身份证号',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
crp_start_dt: [
|
|
{type: 'string', required: true, message: '请选择日期', trigger: ['change']},
|
|
],
|
|
crp_end_dt: [
|
|
{type: 'string', required: true, message: '请选择日期', trigger: ['change']},
|
|
],
|
|
settlement: [
|
|
{required: true, message: '请上传结算人身份证正面', trigger: ['blur', 'change']},
|
|
],
|
|
settlement_side: [
|
|
{required: true, message: '请上传结算人身份证反面', trigger: ['blur', 'change']},
|
|
],
|
|
bank_card: [
|
|
{required: true, message: '请上传银行卡图片', trigger: ['blur', 'change']},
|
|
],
|
|
power: [
|
|
{required: false, message: '请上传非法人授权委托书', trigger: ['blur', 'change']},
|
|
],
|
|
group: [
|
|
{required: false, message: '请上传非法人授权委托书', trigger: ['blur', 'change']},
|
|
],
|
|
bus_lic_no: [
|
|
{required: true, message: '请填写营业执照号', trigger: ['blur', 'change']},
|
|
{min: 1, max: 27, message: '限制长度 1 到 27',}
|
|
],
|
|
bse_lice_nm: [
|
|
{required: true, message: '请填写营业执照名', trigger: ['blur', 'change']},
|
|
{min: 1, max: 27, message: '限制长度 1 到 36',}
|
|
],
|
|
merc_adds: [
|
|
{required: true, message: '请填写营业执照地址', trigger: ['blur', 'change']}
|
|
],
|
|
crp_nm: [
|
|
{required: true, message: '请填写法人', trigger: ['blur', 'change']},
|
|
{min: 2, max: 20, message: '限制长度 2 到 10 ',}
|
|
],
|
|
crp_id_no: [
|
|
{required: true, message: '请填写法人身份证号', trigger: ['blur', 'change']},
|
|
{
|
|
pattern: /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/,
|
|
message: '请填写正确的法人身份证号',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
license: [
|
|
{required: true, message: '请上传营业执照', trigger: ['blur', 'change']},
|
|
],
|
|
identity_card: [
|
|
{required: true, message: '请上传正面照片', trigger: ['blur', 'change']},
|
|
],
|
|
identity_card_side: [
|
|
{required: true, message: '请上传反面照片', trigger: ['blur', 'change']},
|
|
],
|
|
door_head: [
|
|
{required: true, message: '请上传门头照片', trigger: ['blur', 'change']},
|
|
],
|
|
interior: [
|
|
{required: true, message: '请上传门店内景照片', trigger: ['blur', 'change']},
|
|
],
|
|
mer_info: [{required: true, message: '请上传用户信息表1', trigger: ['blur', 'change']}, {
|
|
validator: function (rule, value, callback) {
|
|
if (!value) {
|
|
callback(new Error("请上传用户信息表1"));
|
|
} else if (!app.businessLicenseForm.mer_info_2) {
|
|
callback(new Error("请上传用户信息表2"));
|
|
} else {
|
|
callback();
|
|
}
|
|
}, trigger: 'blur'
|
|
}],
|
|
agreement: [{required: true, message: '请上传用户协议表1', trigger: ['blur', 'change']}, {
|
|
validator: function (rule, value, callback) {
|
|
if (!value) {
|
|
callback(new Error("请上传用户协议表1"));
|
|
} else if (!app.businessLicenseForm.agreement_2) {
|
|
callback(new Error("请上传用户协议表2"));
|
|
} else if (!app.businessLicenseForm.agreement_3) {
|
|
callback(new Error("请上传用户协议表3"));
|
|
} else if (!app.businessLicenseForm.agreement_4) {
|
|
callback(new Error("请上传用户协议表4"));
|
|
} else {
|
|
callback();
|
|
}
|
|
}, trigger: 'blur'
|
|
}],
|
|
},
|
|
bank_info_obj: {},
|
|
wc_lbnk_loading: false,
|
|
WcLbnkList: [],//联行号列表
|
|
submitTage: 0,
|
|
applyStatus: false,
|
|
applyMsg: '',
|
|
entry_status: 0,
|
|
progressStatus: 1,
|
|
incomingPartsMsg: '',
|
|
open_type: "{$open_type}" == 3 ? true : false,//打开方式
|
|
bank_keyword: '',//开户行搜索关键词
|
|
bank_page: 0,
|
|
};
|
|
},
|
|
methods: {
|
|
//选择收款银行
|
|
selectBank: function (id) {
|
|
if (id && this.bank_info_obj[id]) {
|
|
this.bankInfoForm.bank_name_str = this.bank_info_obj[id];
|
|
} else {
|
|
this.bankInfoForm.bank_name_str = '';
|
|
}
|
|
},
|
|
//查询银行信息
|
|
getWcLbnkNo: function (keyword) {
|
|
// console.log(keyword);
|
|
this.bank_keyword = keyword;
|
|
this.bank_page = 0;
|
|
this.getMoreWcLbnkNo();
|
|
},
|
|
getMoreWcLbnkNo: function () {
|
|
var that = this;
|
|
console.log(this.wc_lbnk_loading);
|
|
if (this.wc_lbnk_loading) {
|
|
return;
|
|
}
|
|
this.wc_lbnk_loading = true;
|
|
var page = that.bank_page + 1;
|
|
console.log(that.bank_page);
|
|
$.ajax({
|
|
url: "{:U('getWcLbnkNo')}",
|
|
type: 'post',
|
|
data: {
|
|
keyword: that.bank_keyword,
|
|
page: page,
|
|
},
|
|
success: function (res) {
|
|
if (page == 1) {
|
|
that.WcLbnkList = res.data;
|
|
} else {
|
|
that.WcLbnkList.push.apply(that.WcLbnkList, res.data);
|
|
}
|
|
that.bank_page = page;
|
|
that.$nextTick(function () {
|
|
that.wc_lbnk_loading = false;
|
|
})
|
|
},
|
|
error: function () {
|
|
that.wc_lbnk_loading = false;
|
|
that.$message({
|
|
message: '请求发生错误',
|
|
type: 'warning'
|
|
});
|
|
}
|
|
})
|
|
},
|
|
//选择开户行信息
|
|
selectWcLbnkNo: function (item) {
|
|
// console.log(item);
|
|
this.bankInfoForm.wc_lbnk_no = item.lbnk_no;
|
|
this.bankInfoForm.wc_lbnk_name = item.lbnk_nm;
|
|
// console.log(this.bankInfoForm.wc_lbnk_no);
|
|
// console.log(this.bankInfoForm.wc_lbnk_name);
|
|
},
|
|
//加载数据,初始新大陆信息设置
|
|
initialNewPaySet() {
|
|
var that = this;
|
|
that.$loading({
|
|
lock: true,
|
|
text: '数据加载中......',
|
|
spinner: 'el-icon-loading',
|
|
background: 'rgba(255, 255, 255, 0.7)'
|
|
});
|
|
$.ajax({
|
|
url: "{:U('initialNewPaySet')}",
|
|
type: "post",
|
|
data: {
|
|
merchant_id: that.merchant_id
|
|
},
|
|
success: function (res) {
|
|
that.$loading().close();
|
|
if (res.status == 1) {
|
|
that.step = res.step;
|
|
if (res.infoForm.province) {
|
|
that.getCity(res.infoForm.province, function () {
|
|
that.getAreaCod(res.infoForm.province, res.infoForm.city, function () {
|
|
that.infoForm = JSON.parse(JSON.stringify(res.infoForm));
|
|
});
|
|
});
|
|
} else {
|
|
that.infoForm = JSON.parse(JSON.stringify(res.infoForm));
|
|
}
|
|
that.incomeForm = res.incomeForm;
|
|
that.bankInfoForm = res.bankInfoForm;
|
|
that.businessLicenseForm = res.businessLicenseForm;
|
|
that.all_data = res.all_data;
|
|
that.applyStatus = res.applyStatus;
|
|
that.applyMsg = res.applyMsg;
|
|
that.entry_status = res.entry_status ? 1 : 0;
|
|
} else if (res.status == 0) {
|
|
that.$message({
|
|
message: res.msg,
|
|
type: 'warning'
|
|
});
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//获取经营类目
|
|
getMccArr() {
|
|
var that = this;
|
|
that.m_loading = true;
|
|
$.ajax({
|
|
url: "{:U('getMccArr')}",
|
|
type: "post",
|
|
success: function (res) {
|
|
that.m_loading = false;
|
|
if (res.status == 1) {
|
|
that.mcc_arr = res.mcc_arr;
|
|
} else {
|
|
that.mcc_arr = [];
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//获取省级
|
|
getProvince() {
|
|
var that = this;
|
|
that.p_loading = true;
|
|
$.ajax({
|
|
url: "{:U('getProvince')}",
|
|
type: "post",
|
|
success: function (res) {
|
|
that.p_loading = false;
|
|
if (res.status == 1) {
|
|
that.province = res.province;
|
|
} else {
|
|
that.province = [];
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//获取市级
|
|
getCity(val, fn) {
|
|
var that = this;
|
|
that.c_loading = true;
|
|
that.infoForm.city = '';
|
|
that.infoForm.stoe_area_cod = '';
|
|
$.ajax({
|
|
url: "{:U('getSubordinate')}",
|
|
type: "post",
|
|
data: {p_id: val},
|
|
success: function (res) {
|
|
that.c_loading = false;
|
|
if (res.status == 1) {
|
|
that.city = res.data;
|
|
} else {
|
|
that.city = [];
|
|
}
|
|
if (typeof fn == "function") {
|
|
fn();
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//获取县级
|
|
getAreaCod(province, city, fn) {
|
|
var that = this;
|
|
that.s_loading = true;
|
|
that.infoForm.stoe_area_cod = '';
|
|
$.ajax({
|
|
url: "{:U('getArea')}",
|
|
type: "post",
|
|
data: {
|
|
province: province,
|
|
city: city,
|
|
},
|
|
success: function (res) {
|
|
that.s_loading = false;
|
|
if (res.status == 1) {
|
|
that.stoe_area_cod = res.data;
|
|
} else {
|
|
that.stoe_area_cod = [];
|
|
}
|
|
if (typeof fn == "function") {
|
|
fn();
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//获取银行
|
|
getBank() {
|
|
var that = this;
|
|
that.b_loading = true;
|
|
$.ajax({
|
|
url: "{:U('getBank')}",
|
|
type: "post",
|
|
success: function (res) {
|
|
that.b_loading = false;
|
|
if (res.status == 1) {
|
|
that.bank_info = res.bank_info;
|
|
var bank_info_obj = {};
|
|
for (var i = 0; i < res.bank_info.length; i++) {
|
|
bank_info_obj[res.bank_info[i].id] = res.bank_info[i].bank_name;
|
|
}
|
|
that.bank_info_obj = bank_info_obj;
|
|
}
|
|
}
|
|
})
|
|
},
|
|
//永久有效
|
|
allPermanent(index) {
|
|
// 下标自动变为9999-12-31
|
|
switch (index) {
|
|
case 1:
|
|
if (this.bankInfoForm.crp_end_dt_permanent == true) {
|
|
this.bankInfoForm.crp_end_dt = "9999-12-31";
|
|
} else {
|
|
this.bankInfoForm.crp_end_dt = "";
|
|
}
|
|
break;
|
|
case 2:
|
|
if (this.businessLicenseForm.bus_exp_dt_permanent == true) {
|
|
this.businessLicenseForm.bus_exp_dt = "9999-12-31";
|
|
} else {
|
|
this.businessLicenseForm.bus_exp_dt = "";
|
|
}
|
|
break;
|
|
case 3:
|
|
if (this.businessLicenseForm.crp_exp_dt_permanent == true) {
|
|
this.businessLicenseForm.crp_exp_dt = "9999-12-31";
|
|
} else {
|
|
this.businessLicenseForm.crp_exp_dt = "";
|
|
}
|
|
}
|
|
},
|
|
//验证上传的图片
|
|
checkUpload(field) {
|
|
// 判断类型
|
|
if (field.type != "image/png" && field.type != "image/jpeg") {
|
|
this.$message({
|
|
showClose: true,
|
|
message: '图片格式有误,图片仅支持PNG、JPG格式',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
// 判断大小
|
|
if (parseInt(field.size) > 512000) {
|
|
this.$message({
|
|
showClose: true,
|
|
message: '图片大小为500KB以下',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
},
|
|
//图片上传成功的钩子
|
|
uploadSuccess(response, file, fileList) {
|
|
if (response.status == 1) {
|
|
switch (response.key) {
|
|
case 'settlement':
|
|
this.bankInfoForm.settlement = response.path;
|
|
break;
|
|
case 'settlement_side':
|
|
this.bankInfoForm.settlement_side = response.path;
|
|
break;
|
|
case 'bank_card':
|
|
this.bankInfoForm.bank_card = response.path;
|
|
break;
|
|
case 'power':
|
|
this.bankInfoForm.power = response.path;
|
|
break;
|
|
case 'group':
|
|
this.bankInfoForm.group = response.path;
|
|
break;
|
|
case 'license':
|
|
this.businessLicenseForm.license = response.path;
|
|
break;
|
|
case 'identity_card':
|
|
this.businessLicenseForm.identity_card = response.path;
|
|
break;
|
|
case 'identity_card_side':
|
|
this.businessLicenseForm.identity_card_side = response.path;
|
|
break;
|
|
case 'door_head':
|
|
this.businessLicenseForm.door_head = response.path;
|
|
break;
|
|
case 'interior':
|
|
this.businessLicenseForm.interior = response.path;
|
|
break;
|
|
case 'mer_info':
|
|
this.businessLicenseForm.mer_info = response.path;
|
|
break;
|
|
case 'mer_info_2':
|
|
this.businessLicenseForm.mer_info_2 = response.path;
|
|
break;
|
|
case 'agreement':
|
|
this.businessLicenseForm.agreement = response.path;
|
|
break;
|
|
case 'agreement_2':
|
|
this.businessLicenseForm.agreement_2 = response.path;
|
|
break;
|
|
case 'agreement_3':
|
|
this.businessLicenseForm.agreement_3 = response.path;
|
|
break;
|
|
case 'agreement_4':
|
|
this.businessLicenseForm.agreement_4 = response.path;
|
|
break;
|
|
default:
|
|
this.$message({
|
|
showClose: true,
|
|
message: '系统异常,请刷新重试',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
} else {
|
|
this.$message({
|
|
showClose: true,
|
|
message: '上传失败',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
},
|
|
//上一步
|
|
previousStep() {
|
|
this.step = this.step > 0 ? --this.step : 0;
|
|
},
|
|
//下一步,保存
|
|
nextStep: function () {
|
|
var step = this.step;
|
|
if (this.open_type) {
|
|
//查看
|
|
this.step++;
|
|
} else {
|
|
//修改资料
|
|
switch (parseInt(step)) {
|
|
case 1:
|
|
this.$refs['infoForm'].validate((valid) => {
|
|
if (valid) {
|
|
this.updateNewPaySet(this.infoForm, step);
|
|
}
|
|
});
|
|
break;
|
|
case 2:
|
|
this.$refs['incomeForm'].validate((valid) => {
|
|
if (valid) {
|
|
this.updateNewPaySet(this.incomeForm, step);
|
|
}
|
|
});
|
|
break;
|
|
case 3:
|
|
this.$refs['bankInfoForm'].validate((valid) => {
|
|
if (valid) {
|
|
this.updateNewPaySet(this.bankInfoForm, step);
|
|
}
|
|
});
|
|
break;
|
|
case 4:
|
|
this.$refs['businessLicenseForm'].validate((valid) => {
|
|
if (valid) {
|
|
var that = this;
|
|
this.updateNewPaySet(this.businessLicenseForm, step, function () {
|
|
location.reload();
|
|
});
|
|
}
|
|
});
|
|
break;
|
|
default:
|
|
this.$message({
|
|
showClose: true,
|
|
message: '系统异常,请刷新重试',
|
|
type: 'warning'
|
|
});
|
|
return false;
|
|
}
|
|
}
|
|
|
|
},
|
|
//编辑保存数据
|
|
updateNewPaySet(data, step, fn) {
|
|
var that = this;
|
|
$.ajax({
|
|
url: "{:U('updateNewPaySet')}",
|
|
type: "post",
|
|
data: {
|
|
step: step,
|
|
data: data,
|
|
merchant_id: that.merchant_id
|
|
},
|
|
success: function (res) {
|
|
if (res.status == 1) {
|
|
that.step = ++step;
|
|
if (typeof fn == "function") {
|
|
fn();
|
|
}
|
|
} else {
|
|
that.$message({
|
|
message: res.msg,
|
|
type: 'warning'
|
|
})
|
|
}
|
|
|
|
}
|
|
})
|
|
},
|
|
//计算数值
|
|
reCalculation(num) {
|
|
var arr = String(num).split('.');
|
|
var num = Math.round(num * 100) / 100;
|
|
if (arr.length == 2 && arr[1].length == 16) {
|
|
var str = arr[1].substring(2);
|
|
if (str == '49999999999998') {
|
|
var num_2 = parseInt(arr[1].substring(0, 2)) + 1;
|
|
num = parseFloat(arr[0] + '.' + num_2);
|
|
}
|
|
}
|
|
return num;
|
|
},
|
|
//提交审核
|
|
toIncomingParts: function () {
|
|
var that = this;
|
|
that.incomingPartsMsg = '';
|
|
that.progressStatus = 1;
|
|
that.step = 6;
|
|
var timer = setInterval(function () {
|
|
if (that.submitTage < 99.84) {
|
|
that.submitTage = that.reCalculation(that.submitTage + 0.96);
|
|
// console.log(that.submitTage);
|
|
} else {
|
|
clearInterval(timer);
|
|
}
|
|
}, 600);
|
|
$.ajax({
|
|
url: "{:U('toIncomingParts')}",
|
|
type: "post",
|
|
data: {
|
|
merchant_id: that.merchant_id
|
|
},
|
|
success: function (res) {
|
|
if (res.status == 1) {
|
|
that.submitTage = 100;
|
|
that.progressStatus = 2;
|
|
that.submitApply(timer);
|
|
} else {
|
|
that.incomingPartsMsg = res.msg ? res.msg : '请求出错了';
|
|
that.progressStatus = 3;
|
|
clearInterval(timer);
|
|
that.$message({
|
|
message: res.msg ? res.msg : '请求出错了',
|
|
type: 'warning'
|
|
});
|
|
}
|
|
},
|
|
error: function () {
|
|
that.progressStatus = 3;
|
|
that.incomingPartsMsg = res.msg ? res.msg : '请求出错了';
|
|
clearInterval(timer);
|
|
that.$message({
|
|
message: '请求出错了',
|
|
type: 'warning'
|
|
});
|
|
}
|
|
})
|
|
},
|
|
//去提交审核
|
|
submitApply: function (timer) {
|
|
var that = this;
|
|
$.ajax({
|
|
url: "{:U('submitApply')}",
|
|
type: "post",
|
|
data: {
|
|
merchant_id: that.merchant_id
|
|
},
|
|
success: function (res) {
|
|
clearInterval(timer);
|
|
that.applyStatus = res.status;
|
|
that.applyMsg = res.msg ? res.msg : '请求出错了';
|
|
if (res.status == 1 || res.status == 2 || res.status == 3) {
|
|
that.submitTage = 100;
|
|
that.progressStatus = 2;
|
|
that.step = 7;
|
|
that.$message({
|
|
message: res.msg,
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
that.progressStatus = 3;
|
|
that.incomingPartsMsg = res.msg ? res.msg : '请求出错了';
|
|
that.$message({
|
|
message: res.msg ? res.msg : '请求出错了',
|
|
type: 'warning'
|
|
});
|
|
}
|
|
},
|
|
error: function () {
|
|
that.progressStatus = 3;
|
|
that.incomingPartsMsg = res.msg ? res.msg : '请求出错了';
|
|
clearInterval(timer);
|
|
that.$message({
|
|
message: '请求出错了',
|
|
type: 'warning'
|
|
});
|
|
}
|
|
})
|
|
},
|
|
//返回支付设置
|
|
goPaySet: function () {
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
},
|
|
//重新编辑资料提交
|
|
reEdit: function () {
|
|
this.step = 1;
|
|
},
|
|
},
|
|
// 初始加载
|
|
created() {
|
|
this.initialNewPaySet();
|
|
this.getProvince();
|
|
this.getMccArr();
|
|
this.getBank();
|
|
},
|
|
})
|
|
</script>
|
|
</html> |