|
|
|
@ -130,7 +130,11 @@ |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click="setShareSetting(scope.row)" |
|
|
|
>设置分配比例</el-button> |
|
|
|
>设置分账</el-button> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click="setDomainSetting(scope.row)" |
|
|
|
>设置域名</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -158,7 +162,7 @@ |
|
|
|
: '查看商家' |
|
|
|
" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="30%" |
|
|
|
width="40%" |
|
|
|
center |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
@ -299,6 +303,28 @@ |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="PC端商城域名" |
|
|
|
prop="pcDomain" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
ref="addressCls" |
|
|
|
v-model="ruleForm.pcDomain" |
|
|
|
maxlength="60" |
|
|
|
:disabled="disabled" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="移动端商城域名" |
|
|
|
prop="mobileDomain" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
ref="addressCls" |
|
|
|
v-model="ruleForm.mobileDomain" |
|
|
|
maxlength="60" |
|
|
|
:disabled="disabled" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item |
|
|
|
label="直播间审核" |
|
|
|
prop="auditLive" |
|
|
|
> |
|
|
|
@ -331,7 +357,7 @@ |
|
|
|
>关闭 |
|
|
|
</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item>--> |
|
|
|
</el-form> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
@ -376,6 +402,125 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="新账通支付" |
|
|
|
name="third" |
|
|
|
> |
|
|
|
<div style="margin-left: 15px; margin-bottom: 20px"> |
|
|
|
<span v-if="hnapayStatus != '2' && currentHnapayId" style="color: orange;cursor: pointer" @click="showUploadCert()">上传资料</span> |
|
|
|
<span v-if="hnapayStatus === '1'" style="margin-left: 15px;color: #2e60f8">资料审核中</span> |
|
|
|
<span v-if="hnapayStatus === '2'">审核通过</span> |
|
|
|
<span v-if="hnapayStatus === '3'" style="margin-left: 15px;color: red">资料审核拒绝，请重新上传</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-form |
|
|
|
ref="hnapayForm" |
|
|
|
:model="hnapayForm" |
|
|
|
:rules="hnaPayRules" |
|
|
|
label-width="100px" |
|
|
|
> |
|
|
|
<el-form-item label="企业名称" prop="name"> |
|
|
|
<el-input |
|
|
|
v-model="hnapayForm.name" placeholder="请输入企业名称" :disabled="hnapayEditDisabled"/> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="营业执照号" prop="enterpriseCode"> |
|
|
|
<el-input |
|
|
|
v-model="hnapayForm.enterpriseCode" placeholder="请输入营业执照号" :disabled="hnapayEditDisabled"/> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="执照效期" :prop="isForever ? '' : 'validDate'"> |
|
|
|
<div class="acea-row" > |
|
|
|
<el-date-picker v-model="hnapayForm.validDate" type="date" style="width: 78%" |
|
|
|
value-format="yyyyMMdd" placeholder="请选择营业执照有效期" :disabled="validDateDisable || hnapayEditDisabled"/> |
|
|
|
<el-checkbox style="margin-left: 20px" v-model="isForever" @change="onForeverChange" :disabled="hnapayEditDisabled">永久</el-checkbox> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="银行卡号" prop="bankCard"> |
|
|
|
<el-input :disabled="hnapayEditDisabled" |
|
|
|
v-model="hnapayForm.bankCard" placeholder="请输入银行卡号"/> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="银行简码" prop="bankCode" > |
|
|
|
<el-select v-model="hnapayForm.bankCode" style="width: 100%" filterable :disabled="hnapayEditDisabled"> |
|
|
|
<el-option v-for="item in bankCodeList" :key="item.value" :label="item.value + ' ' + item.label" :value="item.value"> |
|
|
|
<span style="float: left">{{ item.value }}</span> |
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span> |
|
|
|
</el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="开户行省市" prop="bankProvince"> |
|
|
|
<el-cascader |
|
|
|
:disabled="hnapayEditDisabled" |
|
|
|
style="width: 100%" |
|
|
|
v-model="value.label" |
|
|
|
:options="areaList" |
|
|
|
:props="{ expandTrigger: 'hover' }" |
|
|
|
@change="handleChange" |
|
|
|
clearable |
|
|
|
filterable |
|
|
|
placeholder="请选择开户行所属省市"> |
|
|
|
</el-cascader> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="开户支行" prop="bankBranch"> |
|
|
|
<el-input |
|
|
|
:disabled="hnapayEditDisabled" |
|
|
|
v-model="hnapayForm.bankBranch" placeholder="请输入开户支行"/> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="预留手机号" prop="contactPhone"> |
|
|
|
<el-input |
|
|
|
:disabled="hnapayEditDisabled" |
|
|
|
v-model="hnapayForm.contactPhone" placeholder="请输入银行预留手机号"/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="微信支付宝" |
|
|
|
name="fourth" |
|
|
|
> |
|
|
|
<el-form |
|
|
|
ref="ruleForm" |
|
|
|
:model="ruleForm" |
|
|
|
:rules="rules" |
|
|
|
label-width="100px" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="账号" |
|
|
|
prop="businessPhone" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-if="businessPhoneShow" |
|
|
|
:value="hidden(ruleForm.businessPhone, 3, 4)" |
|
|
|
:disabled="disabled" |
|
|
|
maxlength="20" |
|
|
|
@focus="focusbusinessPhoneInput" |
|
|
|
/> |
|
|
|
<el-input |
|
|
|
v-else |
|
|
|
ref="businessPhoneCls" |
|
|
|
v-model="ruleForm.businessPhone" |
|
|
|
:disabled="disabled" |
|
|
|
maxlength="20" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="密码" |
|
|
|
prop="businessPassword" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
v-model="ruleForm.businessPassword" |
|
|
|
type="password" |
|
|
|
:disabled="disabled" |
|
|
|
maxlength="16" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
<span |
|
|
|
@ -389,15 +534,94 @@ |
|
|
|
@click="next" |
|
|
|
>下一步</el-button> |
|
|
|
<el-button |
|
|
|
v-else |
|
|
|
v-if="activeName == 'second'" |
|
|
|
type="primary" |
|
|
|
@click="addCheck('ruleForm')" |
|
|
|
>确 定</el-button> |
|
|
|
|
|
|
|
<el-button |
|
|
|
v-if="activeName == 'third'" |
|
|
|
type="primary" |
|
|
|
@click="handleSubmitHnapay" |
|
|
|
>提 交</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
<SharesettingDialog |
|
|
|
ref="shareSettingDialog"/> |
|
|
|
<DomainSettingDialog |
|
|
|
ref="domainSettingDialog" |
|
|
|
@onFinishSetDomain="onFinishSetDomain"/> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-dialog title="企业资料上传" :visible.sync="uploadCertDialog" :close-on-click-modal="false" :show-close="false" width="30%"> |
|
|
|
<div class="col-content"> |
|
|
|
<div class="row-content"> |
|
|
|
<div class="col-content"> |
|
|
|
<span style="margin-bottom: 10px;text-align: center">身份证正面</span> |
|
|
|
<el-upload |
|
|
|
class="avatar-uploader" |
|
|
|
action="#" |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
:on-change="handleFrontCardNoChange"> |
|
|
|
<img v-if="frontCardIdBase64" :src="frontCardIdBase64" class="avatar"> |
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i> |
|
|
|
</el-upload> |
|
|
|
<el-button type="primary" size="mini" style="margin-top: 8px" @click="uploadCertInfo(1)" :disabled="hasUploadFrontCard == true">{{hasUploadFrontCard ? '已上传' : '确认上传'}}</el-button> |
|
|
|
</div> |
|
|
|
<div class="col-content"> |
|
|
|
<span style="margin-bottom: 10px;text-align: center">身份证反面</span> |
|
|
|
<el-upload |
|
|
|
class="avatar-uploader" |
|
|
|
action="#" |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
:on-change="handleAfterCardNoChange"> |
|
|
|
<img v-if="afterCardIdBase64" :src="afterCardIdBase64" class="avatar"> |
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i> |
|
|
|
</el-upload> |
|
|
|
<el-button type="primary" size="mini" style="margin-top: 8px" @click="uploadCertInfo(2)" :disabled="hasUploadAfterCard == true">{{hasUploadAfterCard ? '已上传' : '确认上传'}}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row-content" style="margin-top: 40px"> |
|
|
|
<div class="col-content"> |
|
|
|
<span style="margin-bottom: 10px;text-align: center">营业执照</span> |
|
|
|
<el-upload |
|
|
|
class="avatar-uploader" |
|
|
|
action="#" |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
:on-change="handleCertNoChange"> |
|
|
|
<img v-if="certNoBase64" :src="certNoBase64" class="avatar"> |
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i> |
|
|
|
</el-upload> |
|
|
|
<el-button type="primary" size="mini" style="margin-top: 8px" @click="uploadCertInfo(4)" :disabled="hasUploadCertNo == true">{{hasUploadCertNo ? '已上传' : '确认上传'}}</el-button> |
|
|
|
</div> |
|
|
|
<div class="col-content"> |
|
|
|
<span style="margin-bottom: 10px;text-align: center">开户许可证</span> |
|
|
|
<el-upload |
|
|
|
class="avatar-uploader" |
|
|
|
action="#" |
|
|
|
:show-file-list="false" |
|
|
|
:auto-upload="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
:on-change="handlePermitCertChange"> |
|
|
|
<img v-if="permitCertBase64" :src="permitCertBase64" class="avatar"> |
|
|
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i> |
|
|
|
</el-upload> |
|
|
|
<el-button type="primary" size="mini" style="margin-top: 8px" @click="uploadCertInfo(7)" :disabled="hasUploadCertNo == true">{{hasUploadPermitCert ? '已上传' : '确认上传'}}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="onUploadCertCancel">取 消</el-button> |
|
|
|
<el-button type="primary" @click="onUploadCertConfirm">完 成</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -410,11 +634,16 @@ import { |
|
|
|
businessListGetById, |
|
|
|
businessListUpdate, |
|
|
|
businessListStart, |
|
|
|
delBusinessById |
|
|
|
delBusinessById, |
|
|
|
hnapaySave, |
|
|
|
uploadCertInfo, |
|
|
|
getHnaPayInfo |
|
|
|
} from '@/api/business' |
|
|
|
import SharesettingDialog from '../../../components/Sharesetting'; |
|
|
|
import DomainSettingDialog from '../../../components/DomainSetting'; |
|
|
|
import areaJSON from '@/assets/area' |
|
|
|
export default { |
|
|
|
components: {SharesettingDialog}, |
|
|
|
components: {SharesettingDialog, DomainSettingDialog}, |
|
|
|
data () { |
|
|
|
// 这里存放数据 |
|
|
|
return { |
|
|
|
@ -441,8 +670,55 @@ export default { |
|
|
|
auditLive: 1, |
|
|
|
auditLiveProduct: 1, |
|
|
|
businessPhone: '', // 账号 |
|
|
|
businessPassword: '' // 密码 |
|
|
|
businessPassword: '', // 密码 |
|
|
|
pcDomain: '', //PC端商城域名 |
|
|
|
mobileDomain: '' //移动端商城域名 |
|
|
|
}, |
|
|
|
|
|
|
|
hnapayForm: { |
|
|
|
name: '', // 企业名称 |
|
|
|
enterpriseCode: '', // 营业执照号 |
|
|
|
validDate: '', // 执照效期 |
|
|
|
bankCard: '', // 银行卡号 |
|
|
|
bankCode: '', // 银行简码 |
|
|
|
bankProvince: '', // 开户省份 |
|
|
|
bankCity: '', // 开户城市 |
|
|
|
bankBranch: '', //开户支行 |
|
|
|
contactPhone: '' //负责人电话 |
|
|
|
}, |
|
|
|
isForever: false, |
|
|
|
validDateDisable: false, |
|
|
|
|
|
|
|
hnaPayRules: { |
|
|
|
name: [ |
|
|
|
{ required: true, message: '企业名称不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
enterpriseCode: [ |
|
|
|
{ required: true, message: '统一社会信用代码不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
validDate: [ |
|
|
|
{ required: true, message: '营业执照有效期不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
contactPhone: [ |
|
|
|
{ required: true, message: '银行预留手机号不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
bankCard: [ |
|
|
|
{ required: true, message: '银行卡号不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
bankCode: [ |
|
|
|
{ required: true, message: '银行简码不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
bankProvince: [ |
|
|
|
{ required: true, message: '开户行所属省份不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
bankCity: [ |
|
|
|
{ required: true, message: '开户行所属城市不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
bankBranch: [ |
|
|
|
{ required: true, message: '开户支行不能为空', trigger: 'blur' } |
|
|
|
], |
|
|
|
}, |
|
|
|
|
|
|
|
showPhone: false, |
|
|
|
showAddress: false, |
|
|
|
userPhone: '', |
|
|
|
@ -522,7 +798,50 @@ export default { |
|
|
|
userState: 1, |
|
|
|
privacyTime: 0, |
|
|
|
cpPhoneShow: true, // 是否显示脱敏负责人手机号 |
|
|
|
businessPhoneShow: true // 是否显示脱敏账号 |
|
|
|
businessPhoneShow: true, // 是否显示脱敏账号 |
|
|
|
bankCodeList: [ |
|
|
|
{label : '中国银行', value: 'BOC'}, |
|
|
|
{label : '中信银行', value: 'CITIC'}, |
|
|
|
{label : '兴业银行', value: 'CIB'}, |
|
|
|
{label : '浦发银行', value: 'SPDB'}, |
|
|
|
{label : '广发银行', value: 'GDB'}, |
|
|
|
{label : '平安银行', value: 'SPABANK'}, |
|
|
|
{label : '华夏银行', value: 'HXBANK'}, |
|
|
|
{label : '恒丰银行', value: 'EGBANK'}, |
|
|
|
{label : '浙商银行', value: 'CZBANK'}, |
|
|
|
{label : '渤海银行', value: 'BOHAIB'}, |
|
|
|
{label : '徽商银行', value: 'HSBANK'}, |
|
|
|
{label : '中国农业银行', value: 'ANTBANK'}, |
|
|
|
{label : '中国工商银行', value: 'ICBC'}, |
|
|
|
{label : '中国建设银行', value: 'CCB'}, |
|
|
|
{label : '中国邮政储蓄银行', value: 'PSBC'}, |
|
|
|
{label : '中国民生银行', value: 'CMBC'}, |
|
|
|
{label : '中国光大银行', value: 'CEB'}, |
|
|
|
{label : '招商银行', value: 'CMB'}, |
|
|
|
{label : '交通银行', value: 'COMM'} |
|
|
|
], |
|
|
|
|
|
|
|
value: { |
|
|
|
label: [] |
|
|
|
}, |
|
|
|
areaList: [], |
|
|
|
currentBusinessId: undefined, |
|
|
|
currentHnapayId: undefined, |
|
|
|
hnapayStatus: '0', |
|
|
|
hnapayEditDisabled: false, |
|
|
|
uploadCertDialog: false, |
|
|
|
frontCardIdBase64: '', |
|
|
|
frontCardFormData: undefined, |
|
|
|
afterCardIdBase64: '', |
|
|
|
afterCardFormData: undefined, |
|
|
|
certNoBase64: '', |
|
|
|
certNoFormData: undefined, |
|
|
|
permitCertBase64: '', |
|
|
|
permitCertFormData: undefined, |
|
|
|
hasUploadFrontCard: false, |
|
|
|
hasUploadAfterCard: false, |
|
|
|
hasUploadCertNo: false, |
|
|
|
hasUploadPermitCert: false, |
|
|
|
} |
|
|
|
}, |
|
|
|
// 监听属性 类似于data概念 |
|
|
|
@ -537,12 +856,18 @@ export default { |
|
|
|
this.getAll(this.formInline) |
|
|
|
this.privacyTime = localStorage.getItem('privacyTime') |
|
|
|
console.log(this.privacyTime) |
|
|
|
this.initArea() |
|
|
|
}, |
|
|
|
// 方法集合 |
|
|
|
methods: { |
|
|
|
setShareSetting(row) { |
|
|
|
this.$refs.shareSettingDialog.showSetting(2, row.businessId) |
|
|
|
}, |
|
|
|
|
|
|
|
setDomainSetting(row) { |
|
|
|
this.$refs.domainSettingDialog.showSetting(row.businessId, row.pcDomain, row.mobileDomain) |
|
|
|
}, |
|
|
|
|
|
|
|
focusbusinessPhoneInput () { |
|
|
|
this.businessPhoneShow = false |
|
|
|
this.ruleForm.businessPhone = '' |
|
|
|
@ -589,6 +914,7 @@ export default { |
|
|
|
addbuss () { |
|
|
|
this.userState = 0 |
|
|
|
this.disabled = false |
|
|
|
this.hnapayEditDisabled = false |
|
|
|
this.newAddress = '' |
|
|
|
this.personPhone = '' |
|
|
|
this.ruleForm = { |
|
|
|
@ -686,15 +1012,35 @@ export default { |
|
|
|
const res = await businessListGetById({ businessId: row.businessId }) |
|
|
|
console.log(res) |
|
|
|
if (res.code === '') { |
|
|
|
|
|
|
|
this.userState = 3 |
|
|
|
this.disabled = true |
|
|
|
this.userState = 3 |
|
|
|
this.hnapayEditDisabled = true |
|
|
|
this.ruleForm = res.data |
|
|
|
this.dialogVisible = true |
|
|
|
} |
|
|
|
}, |
|
|
|
// 编辑 |
|
|
|
async edit (row) { |
|
|
|
this.currentBusinessId = row.businessId |
|
|
|
this.hnapayStatus = row.hnapayStatus |
|
|
|
this.currentHnapayId = row.hnaPayId |
|
|
|
if (this.currentHnapayId) { |
|
|
|
this.hnapayEditDisabled = true |
|
|
|
this.getHnaPayInfo() |
|
|
|
}else { |
|
|
|
this.hnapayEditDisabled = false |
|
|
|
this.hnapayForm = { |
|
|
|
name: '', // 企业名称 |
|
|
|
enterpriseCode: '', // 营业执照号 |
|
|
|
validDate: '', // 执照效期 |
|
|
|
bankCard: '', // 银行卡号 |
|
|
|
bankCode: '', // 银行简码 |
|
|
|
bankProvince: '', // 开户省份 |
|
|
|
bankCity: '', // 开户城市 |
|
|
|
bankBranch: '', //开户支行 |
|
|
|
contactPhone: '' //负责人电话 |
|
|
|
} |
|
|
|
} |
|
|
|
this.showPhone = false |
|
|
|
this.personPhone = '' |
|
|
|
this.userState = 1 |
|
|
|
@ -788,6 +1134,10 @@ export default { |
|
|
|
this.$refs.userPhoneCls.focus() |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
onFinishSetDomain() { |
|
|
|
this.onSubmit() |
|
|
|
}, |
|
|
|
// 中间部分 |
|
|
|
hidden (str, frontLen, endLen) { |
|
|
|
let endLenData = 0 |
|
|
|
@ -802,6 +1152,252 @@ export default { |
|
|
|
return ( |
|
|
|
str.substring(0, frontLen) + xing + str.substring(str.length - endLenData) |
|
|
|
) |
|
|
|
}, |
|
|
|
|
|
|
|
onForeverChange(val) { |
|
|
|
this.validDateDisable = val |
|
|
|
if (val) { |
|
|
|
this.hnapayForm.validDate = undefined |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 初始化地区 |
|
|
|
initArea() { |
|
|
|
const { province_list, city_list } = areaJSON |
|
|
|
const provinceKeys = Object.keys(province_list) |
|
|
|
const cityKeys = Object.keys(city_list) |
|
|
|
this.areaList = provinceKeys.map(provinceKey => { |
|
|
|
provinceKey += '' |
|
|
|
let provinceList = [] |
|
|
|
const provinceKeyId = provinceKey.slice(0, 2) |
|
|
|
const provinceName = province_list[provinceKey] |
|
|
|
let provinceSelected = false |
|
|
|
cityKeys.map(cityKey => { |
|
|
|
const cityKeyId = cityKey.slice(0, 2) |
|
|
|
const cityName = city_list[cityKey] |
|
|
|
if ( |
|
|
|
provinceKeyId === cityKeyId |
|
|
|
) { |
|
|
|
provinceList.push({ |
|
|
|
value: cityKey, |
|
|
|
label: cityName |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
return { |
|
|
|
value: provinceKeyId, |
|
|
|
label: provinceName, |
|
|
|
children: provinceList |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
handleChange (val) { |
|
|
|
if (val.length) { |
|
|
|
this.areaList.forEach(i => { |
|
|
|
if (i.value === val[0]) { |
|
|
|
this.hnapayForm.bankProvince = i.label |
|
|
|
i.children.forEach(j => { |
|
|
|
if (j.value === val[1]) { |
|
|
|
this.hnapayForm.bankCity = j.label |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
} else { |
|
|
|
this.hnapayForm.bankProvince = undefined |
|
|
|
this.hnapayForm.bankCity = undefined |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 企业新账通开通 |
|
|
|
handleSubmitHnapay() { |
|
|
|
let _this = this; |
|
|
|
this.$refs['hnapayForm'].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
let param = { |
|
|
|
businessId: this.currentBusinessId, |
|
|
|
name: this.hnapayForm.name, |
|
|
|
enterpriseCode: this.hnapayForm.enterpriseCode, |
|
|
|
validDate: this.hnapayForm.validDate, |
|
|
|
bankCard: this.hnapayForm.bankCard, |
|
|
|
bankCode: this.hnapayForm.bankCode, |
|
|
|
bankProvince: this.hnapayForm.bankProvince, |
|
|
|
bankCity: this.hnapayForm.bankCity, |
|
|
|
bankBranch: this.hnapayForm.bankBranch, |
|
|
|
contactPhone: this.hnapayForm.contactPhone |
|
|
|
} |
|
|
|
hnapaySave(param).then(res => { |
|
|
|
console.log(res) |
|
|
|
if (res.code === '') { |
|
|
|
_this.currentHnapayId = res.data |
|
|
|
_this.hnapayEditDisabled = true |
|
|
|
this.$message({ |
|
|
|
message: '提交成功，请上传企业资料', |
|
|
|
type: 'success' |
|
|
|
}) |
|
|
|
_this.showUploadCert() |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
showUploadCert() { |
|
|
|
this.frontCardIdBase64 = "" |
|
|
|
this.afterCardIdBase64 = "" |
|
|
|
this.certNoBase64 = "" |
|
|
|
this.permitCertBase64 = "" |
|
|
|
this.hasUploadFrontCard = false |
|
|
|
this.hasUploadAfterCard = false |
|
|
|
this.hasUploadCertNo = false |
|
|
|
this.hasUploadPermitCert = false |
|
|
|
this.uploadCertDialog = true |
|
|
|
}, |
|
|
|
|
|
|
|
onUploadCertCancel() { |
|
|
|
this.uploadCertDialog = false |
|
|
|
}, |
|
|
|
|
|
|
|
onUploadCertConfirm() { |
|
|
|
if (this.hasUploadFrontCard == false){ |
|
|
|
this.$message.warning("请上传身份证正面") |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
if (this.hasUploadAfterCard == false){ |
|
|
|
this.$message.warning("请上传身份证反面") |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
if (this.hasUploadCertNo == false){ |
|
|
|
this.$message.warning("请上传营业执照") |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
if (this.hasUploadPermitCert == false){ |
|
|
|
this.$message.warning("请上传开户许可证") |
|
|
|
return |
|
|
|
} |
|
|
|
this.uploadCertDialog = false |
|
|
|
this.hnapayStatus = '1' |
|
|
|
this.$message.success("资料都已上传成功，等待新账通平台审核") |
|
|
|
}, |
|
|
|
|
|
|
|
handleFrontCardNoChange(file, fileList) { |
|
|
|
this.frontCardFormData = new FormData(); |
|
|
|
this.frontCardFormData.append('file', file.raw) |
|
|
|
this.hasUploadFrontCard = false |
|
|
|
const reader = new FileReader(); |
|
|
|
// 文件读取成功后执行的回调函数 |
|
|
|
reader.onload = (e) => { |
|
|
|
this.frontCardIdBase64 = e.target.result; |
|
|
|
}; |
|
|
|
|
|
|
|
// 以Base64形式读取文件 |
|
|
|
reader.readAsDataURL(file.raw); |
|
|
|
}, |
|
|
|
|
|
|
|
handleAfterCardNoChange(file, fileList) { |
|
|
|
this.afterCardFormData = new FormData(); |
|
|
|
this.afterCardFormData.append('file', file.raw) |
|
|
|
this.hasUploadAfterCard = false |
|
|
|
const reader = new FileReader(); |
|
|
|
// 文件读取成功后执行的回调函数 |
|
|
|
reader.onload = (e) => { |
|
|
|
this.afterCardIdBase64 = e.target.result; |
|
|
|
}; |
|
|
|
|
|
|
|
// 以Base64形式读取文件 |
|
|
|
reader.readAsDataURL(file.raw); |
|
|
|
}, |
|
|
|
|
|
|
|
handleCertNoChange(file, fileList) { |
|
|
|
this.certNoFormData = new FormData(); |
|
|
|
this.certNoFormData.append('file', file.raw) |
|
|
|
this.hasUploadCertNo = false |
|
|
|
const reader = new FileReader(); |
|
|
|
// 文件读取成功后执行的回调函数 |
|
|
|
reader.onload = (e) => { |
|
|
|
this.afterCardIdBase64 = e.target.result; |
|
|
|
}; |
|
|
|
|
|
|
|
// 以Base64形式读取文件 |
|
|
|
reader.readAsDataURL(file.raw); |
|
|
|
}, |
|
|
|
|
|
|
|
handlePermitCertChange(file, fileList) { |
|
|
|
this.permitCertFormData = new FormData(); |
|
|
|
this.permitCertFormData.append('file', file.raw) |
|
|
|
this.hasUploadPermitCert = false |
|
|
|
const reader = new FileReader(); |
|
|
|
// 文件读取成功后执行的回调函数 |
|
|
|
reader.onload = (e) => { |
|
|
|
this.afterCardIdBase64 = e.target.result; |
|
|
|
}; |
|
|
|
|
|
|
|
// 以Base64形式读取文件 |
|
|
|
reader.readAsDataURL(file.raw); |
|
|
|
}, |
|
|
|
|
|
|
|
beforeUpload(file) { |
|
|
|
let isLt2M = true |
|
|
|
isLt2M = file.size / 1024 / 1024 < 2 |
|
|
|
if (!isLt2M) { |
|
|
|
this.$message.error('上传文件大小不能超过 2MB!') |
|
|
|
} |
|
|
|
return isLt2M |
|
|
|
}, |
|
|
|
|
|
|
|
uploadCertInfo(type) { |
|
|
|
let formData = undefined |
|
|
|
switch (type) { |
|
|
|
case 1: |
|
|
|
formData = this.frontCardFormData; |
|
|
|
break; |
|
|
|
case 2: |
|
|
|
formData = this.afterCardFormData |
|
|
|
break |
|
|
|
case 4: |
|
|
|
formData = this.certNoFormData |
|
|
|
break |
|
|
|
case 7: |
|
|
|
formData = this.permitCertFormData |
|
|
|
break |
|
|
|
} |
|
|
|
formData.append('businessId', this.currentBusinessId) |
|
|
|
formData.append('shareParId', this.currentHnapayId) |
|
|
|
formData.append('type', type) |
|
|
|
uploadCertInfo(formData).then(res => { |
|
|
|
this.$message.success("上传成功") |
|
|
|
switch (type) { |
|
|
|
case 1: |
|
|
|
this.hasUploadFrontCard = true |
|
|
|
break; |
|
|
|
case 2: |
|
|
|
this.hasUploadAfterCard = true |
|
|
|
break |
|
|
|
case 4: |
|
|
|
this.hasUploadCertNo = true |
|
|
|
break |
|
|
|
case 7: |
|
|
|
this.hasUploadPermitCert = true |
|
|
|
break |
|
|
|
} |
|
|
|
this.hnapayStatus = '1' |
|
|
|
}).catch(err => { |
|
|
|
this.$message.error("上传失败") |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
getHnaPayInfo(){ |
|
|
|
let _this = this; |
|
|
|
getHnaPayInfo(this.currentBusinessId).then(res => { |
|
|
|
console.log(res) |
|
|
|
if (res.code === '') { |
|
|
|
_this.hnapayForm = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -838,4 +1434,39 @@ export default { |
|
|
|
.elspan { |
|
|
|
margin-left: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
<style> |
|
|
|
.avatar-uploader .el-upload { |
|
|
|
border: 1px dashed #d9d9d9; |
|
|
|
border-radius: 6px; |
|
|
|
cursor: pointer; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.avatar-uploader .el-upload:hover { |
|
|
|
border-color: #409EFF; |
|
|
|
} |
|
|
|
.avatar-uploader-icon { |
|
|
|
font-size: 28px; |
|
|
|
color: #8c939d; |
|
|
|
width: 130px; |
|
|
|
height: 130px; |
|
|
|
line-height: 130px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.row-content{ |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: space-around; |
|
|
|
} |
|
|
|
.avatar { |
|
|
|
width: 130px; |
|
|
|
height: 130px; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.col-content{ |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
</style> |
dy-hu