文件
mashangyoujiu/Application/Api/View/Continent/merchantEntry.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>