|
@@ -1,131 +1,114 @@
|
|
<template>
|
|
<template>
|
|
<!-- 提现账号 -->
|
|
<!-- 提现账号 -->
|
|
<div class="shandeMchPage flex-col"
|
|
<div class="shandeMchPage flex-col"
|
|
- :class="{ page1: pageType === '1', page2: pageType === '2', page3: pageType === '3', page4: pageType === '4' }">
|
|
|
|
|
|
+ :class="{ page1: pageType === '1', page2: pageType === '2', page3: pageType === '3', page4: pageType === '4' }">
|
|
<s-header :name="$t('joinpayMch.withdrawalAccountNo')" :noback="false"></s-header>
|
|
<s-header :name="$t('joinpayMch.withdrawalAccountNo')" :noback="false"></s-header>
|
|
<div class="shandeMchBox flex-col">
|
|
<div class="shandeMchBox flex-col">
|
|
<div class="topSpeed" v-if="pageType !== '4'"
|
|
<div class="topSpeed" v-if="pageType !== '4'"
|
|
- :class="{ page1: pageType === '1', page2: pageType === '2', page3: pageType === '3' }"></div>
|
|
|
|
|
|
+ :class="{ page1: pageType === '1', page2: pageType === '2', page3: pageType === '3' }"></div>
|
|
<div v-if="pageType === '1' || pageType === '4'">
|
|
<div v-if="pageType === '1' || pageType === '4'">
|
|
<van-form @submit="saveJoinPayMchFun">
|
|
<van-form @submit="saveJoinPayMchFun">
|
|
<van-field v-model="altMchName" name="altMchName" :label="$t('joinpayMch.merchantNameLabel')" readonly />
|
|
<van-field v-model="altMchName" name="altMchName" :label="$t('joinpayMch.merchantNameLabel')" readonly />
|
|
<van-field v-model="altMchNo" name="altMchNo" :label="$t('joinpayMch.merchantAccountLabel')" readonly />
|
|
<van-field v-model="altMchNo" name="altMchNo" :label="$t('joinpayMch.merchantAccountLabel')" readonly />
|
|
- <van-field v-model="altMchShortName" name="altMchShortName" :label="$t('joinpayMch.merchantAbbreviationLabel')"
|
|
|
|
- readonly />
|
|
|
|
|
|
+ <van-field v-model="altMchShortName" name="altMchShortName" :label="$t('joinpayMch.merchantAbbreviationLabel')" readonly />
|
|
<div class="van-cell van-field requiredLeft">
|
|
<div class="van-cell van-field requiredLeft">
|
|
- <div class="van-cell__title van-field__label"><span>{{ $t('joinpayMch.merchantType') }}:</span></div>
|
|
|
|
|
|
+ <div class="van-cell__title van-field__label"><span>{{$t('joinpayMch.merchantType')}}:</span></div>
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<van-radio-group v-model="altMerchantType" direction="horizontal" @change="fieldUpdate">
|
|
<van-radio-group v-model="altMerchantType" direction="horizontal" @change="fieldUpdate">
|
|
- <van-radio name="10" icon-size="18px">{{ $t('joinpayMch.personal') }}</van-radio>
|
|
|
|
- <van-radio name="11" icon-size="18px">{{ $t('joinpayMch.individualBusinesses') }}</van-radio>
|
|
|
|
- <van-radio name="12" icon-size="18px">{{ $t('joinpayMch.enterprise') }}</van-radio>
|
|
|
|
|
|
+ <van-radio name="10" icon-size="18px">{{$t('joinpayMch.personal')}}</van-radio>
|
|
|
|
+ <van-radio name="11" icon-size="18px">{{$t('joinpayMch.individualBusinesses')}}</van-radio>
|
|
|
|
+ <van-radio name="12" icon-size="18px">{{$t('joinpayMch.enterprise')}}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="intervalRow"></div>
|
|
<div class="intervalRow"></div>
|
|
- <van-field class="requiredLeft" v-model="busiContactName" name="busiContactName"
|
|
|
|
- :label="$t('joinpayMch.contactNameLabel')" :placeholder="$t('joinpayMch.contactNamePlaceholder')"
|
|
|
|
- :rules="[{ required: true, message: $t('joinpayMch.contactNamePlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field class="requiredLeft" v-model="busiContactMobileNo" name="busiContactMobileNo"
|
|
|
|
- :label="$t('joinpayMch.cellPhoneLabel')" :placeholder="$t('joinpayMch.cellPhonePlaceholder')"
|
|
|
|
- :rules="[{ required: true, message: $t('joinpayMch.cellPhonePlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field class="requiredLeft" v-model="legalPerson" name="legalPerson"
|
|
|
|
- :label="$t('joinpayMch.nameOfLegalPerson/IndividualLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.nameOfLegalPerson/IndividualPlaceholder')"
|
|
|
|
- :rules="[{ required: true, message: $t('joinpayMch.nameOfLegalPerson/IndividualPlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field class="requiredLeft" v-model="phoneNo" name="phoneNo"
|
|
|
|
- :label="$t('joinpayMch.phoneNumberOfLegalPerson/IndividualLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.phoneNumberOfLegalPerson/IndividualPlaceholder')"
|
|
|
|
- :rules="[{ required: true, message: $t('joinpayMch.phoneNumberOfLegalPerson/IndividualPlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field class="requiredLeft" v-model="idCardNo" name="idCardNo" :label="$t('joinpayMch.IDLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.IDPlaceholder')"
|
|
|
|
- :rules="[{ required: true, message: $t('joinpayMch.IDPlaceholder') }]" @update:model-value="fieldUpdate" />
|
|
|
|
|
|
+ <van-field class="requiredLeft" v-model="busiContactName" name="busiContactName" :label="$t('joinpayMch.contactNameLabel')"
|
|
|
|
+ :placeholder="$t('joinpayMch.contactNamePlaceholder')" :rules="[{ required: true, message:$t('joinpayMch.contactNamePlaceholder') }]"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field class="requiredLeft" v-model="busiContactMobileNo" name="busiContactMobileNo" :label="$t('joinpayMch.cellPhoneLabel')"
|
|
|
|
+ :placeholder="$t('joinpayMch.cellPhonePlaceholder')" :rules="[{ required: true, message: $t('joinpayMch.cellPhonePlaceholder') }]"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field class="requiredLeft" v-model="legalPerson" name="legalPerson" :label="$t('joinpayMch.nameOfLegalPerson/IndividualLabel')"
|
|
|
|
+ :placeholder="$t('joinpayMch.nameOfLegalPerson/IndividualPlaceholder')" :rules="[{ required: true, message: $t('joinpayMch.nameOfLegalPerson/IndividualPlaceholder') }]"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field class="requiredLeft" v-model="phoneNo" name="phoneNo" :label="$t('joinpayMch.phoneNumberOfLegalPerson/IndividualLabel')" :placeholder="$t('joinpayMch.phoneNumberOfLegalPerson/IndividualPlaceholder')"
|
|
|
|
+ :rules="[{ required: true, message:$t('joinpayMch.phoneNumberOfLegalPerson/IndividualPlaceholder') }]" @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field class="requiredLeft" v-model="idCardNo" name="idCardNo" :label="$t('joinpayMch.IDLabel')" :placeholder="$t('joinpayMch.IDPlaceholder')"
|
|
|
|
+ :rules="[{ required: true, message: $t('joinpayMch.IDPlaceholder')}]" @update:model-value="fieldUpdate" />
|
|
<van-cell :title="$t('joinpayMch.validityOfIDCard')" :value="idCardExpiry" @click="idCardExpiryShow = true" />
|
|
<van-cell :title="$t('joinpayMch.validityOfIDCard')" :value="idCardExpiry" @click="idCardExpiryShow = true" />
|
|
- <van-calendar v-model:show="idCardExpiryShow" @confirm="idCardExpiryOnConfirm" color="#4d6add" />
|
|
|
|
|
|
+ <van-calendar v-model:show="idCardExpiryShow" @confirm="idCardExpiryOnConfirm" color="#4d6add"/>
|
|
<div class="van-cell van-field" v-if="pageType === '4'">
|
|
<div class="van-cell van-field" v-if="pageType === '4'">
|
|
- <div class="van-cell__title van-field__label"><span>{{ $t('joinpayMch.pictureReview') }}:</span></div>
|
|
|
|
|
|
+ <div class="van-cell__title van-field__label"><span>{{$t('joinpayMch.pictureReview')}}:</span></div>
|
|
<div class="van-cell__value van-field__value radioBox"
|
|
<div class="van-cell__value van-field__value radioBox"
|
|
- style="display: flex; justify-content: space-around; align-items: center;">
|
|
|
|
|
|
+ style="display: flex; justify-content: space-around; align-items: center;">
|
|
{{ approveStatus }}
|
|
{{ approveStatus }}
|
|
<van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" @click='updateSentImage()'>
|
|
<van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" @click='updateSentImage()'>
|
|
- {{ $t('joinpayMch.reUpload') }}</van-button>
|
|
|
|
|
|
+ {{$t('joinpayMch.reUpload')}}</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-cell van-field" v-if="pageType === '4'">
|
|
<div class="van-cell van-field" v-if="pageType === '4'">
|
|
- <div class="van-cell__title van-field__label"><span>{{ $t('joinpayMch.signingStatus') }}:</span></div>
|
|
|
|
|
|
+ <div class="van-cell__title van-field__label"><span>{{$t('joinpayMch.signingStatus')}}:</span></div>
|
|
<div class="van-cell__value van-field__value radioBox"
|
|
<div class="van-cell__value van-field__value radioBox"
|
|
- style="display: flex; justify-content: space-around; align-items: center;">
|
|
|
|
|
|
+ style="display: flex; justify-content: space-around; align-items: center;">
|
|
{{ signStatus }}
|
|
{{ signStatus }}
|
|
- <van-button span="5" round type="primary" style="height: 2em; padding: 0 2em"
|
|
|
|
- @click='altMchSignFun()'>{{ $t('joinpayMch.signAContract') }}
|
|
|
|
|
|
+ <van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" @click='altMchSignFun()'>{{$t('joinpayMch.signAContract')}}
|
|
</van-button>
|
|
</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="intervalRow"></div>
|
|
<div class="intervalRow"></div>
|
|
<div class="van-cell van-field requiredLeft">
|
|
<div class="van-cell van-field requiredLeft">
|
|
- <div class="van-cell__title van-field__label"><span>{{ $t('joinpayMch.accountType') }}:</span></div>
|
|
|
|
|
|
+ <div class="van-cell__title van-field__label"><span>{{$t('joinpayMch.accountType')}}:</span></div>
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<van-radio-group v-model="bankAccountType" direction="horizontal" @change="fieldUpdate">
|
|
<van-radio-group v-model="bankAccountType" direction="horizontal" @change="fieldUpdate">
|
|
- <van-radio name="1" icon-size="18px">{{ $t('joinpayMch.debitCard') }}</van-radio>
|
|
|
|
- <van-radio name="4" icon-size="18px">{{ $t('joinpayMch.corporateAccount') }}</van-radio>
|
|
|
|
|
|
+ <van-radio name="1" icon-size="18px">{{$t('joinpayMch.debitCard')}}</van-radio>
|
|
|
|
+ <van-radio name="4" icon-size="18px">{{$t('joinpayMch.corporateAccount')}}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <van-field class="requiredLeft" v-model="bankAccountName" name="bankAccountName"
|
|
|
|
- :label="$t('joinpayMch.bankAccountNameLabel')" :placeholder="$t('joinpayMch.bankAccountNamePlaceholder')"
|
|
|
|
- :rules="[{ required: true, message: $t('joinpayMch.bankAccountNamePlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field class="requiredLeft" v-model="bankAccountNo" name="bankAccountNo"
|
|
|
|
- :label="$t('joinpayMch.bankAccountLabel')" :placeholder="$t('joinpayMch.bankAccountPlaceholder')"
|
|
|
|
- :rules="[{ required: true, message: $t('joinpayMch.bankAccountPlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
|
|
+ <van-field class="requiredLeft" v-model="bankAccountName" name="bankAccountName" :label="$t('joinpayMch.bankAccountNameLabel')"
|
|
|
|
+ :placeholder="$t('joinpayMch.bankAccountNamePlaceholder')" :rules="[{ required: true, message: $t('joinpayMch.bankAccountNamePlaceholder') }]"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field class="requiredLeft" v-model="bankAccountNo" name="bankAccountNo" :label="$t('joinpayMch.bankAccountLabel')"
|
|
|
|
+ :placeholder="$t('joinpayMch.bankAccountPlaceholder')" :rules="[{ required: true, message: $t('joinpayMch.bankAccountPlaceholder') }]"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
<div :class="{ requiredLeft: bankAccountType === '4' }">
|
|
<div :class="{ requiredLeft: bankAccountType === '4' }">
|
|
- <van-field v-model="bankChannelNo" name="bankChannelNo" :label="$t('joinpayMch.interBankNoLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.interBankNoPlaceholder')"
|
|
|
|
- :rules="[{ required: bankAccountType === '4', message: $t('joinpayMch.interBankNoPlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field v-model="licenseNo" name="licenseNo" :label="$t('joinpayMch.businessLicenseNoLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.businessLicenseNoPlaceholder')"
|
|
|
|
- :rules="[{ required: bankAccountType === '4', message: $t('joinpayMch.businessLicenseNoPlaceholder') }]"
|
|
|
|
- @update:model-value="fieldUpdate" />
|
|
|
|
- <van-cell :title="$t('joinpayMch.validityOfBusinessLicenseLabel')" :value="licenseExpiry"
|
|
|
|
- @click="licenseExpiryShow = true" />
|
|
|
|
- <van-calendar v-model:show="licenseExpiryShow" @confirm="licenseExpiryOnConfirm" color="#4d6add" />
|
|
|
|
|
|
+ <van-field v-model="bankChannelNo" name="bankChannelNo" :label="$t('joinpayMch.interBankNoLabel')" :placeholder="$t('joinpayMch.interBankNoPlaceholder')"
|
|
|
|
+ :rules="[{ required: bankAccountType === '4', message: $t('joinpayMch.interBankNoPlaceholder') }]" @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field v-model="licenseNo" name="licenseNo" :label="$t('joinpayMch.businessLicenseNoLabel') " :placeholder="$t('joinpayMch.businessLicenseNoPlaceholder') "
|
|
|
|
+ :rules="[{ required: bankAccountType === '4', message: $t('joinpayMch.businessLicenseNoPlaceholder') }]"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-cell :title="$t('joinpayMch.validityOfBusinessLicenseLabel')" :value="licenseExpiry" @click="licenseExpiryShow = true" />
|
|
|
|
+ <van-calendar v-model:show="licenseExpiryShow" @confirm="licenseExpiryOnConfirm" color="#4d6add"/>
|
|
</div>
|
|
</div>
|
|
<div class="intervalRow"></div>
|
|
<div class="intervalRow"></div>
|
|
<div class="van-cell van-field">
|
|
<div class="van-cell van-field">
|
|
- <div class="van-cell__title van-field__label"><span>{{ $t('joinpayMch.settlementMethod') }}:</span></div>
|
|
|
|
|
|
+ <div class="van-cell__title van-field__label"><span>{{$t('joinpayMch.settlementMethod')}}:</span></div>
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<van-radio-group v-model="settMode" direction="horizontal" @change="fieldUpdate">
|
|
<van-radio-group v-model="settMode" direction="horizontal" @change="fieldUpdate">
|
|
- <van-radio name="1" icon-size="18px">{{ $t('joinpayMch.autoSettlementByConvergence') }}</van-radio>
|
|
|
|
- <van-radio name="2" icon-size="18px">{{ $t('joinpayMch.manuallySettledByMerchantPlatform') }}</van-radio>
|
|
|
|
|
|
+ <van-radio name="1" icon-size="18px">{{$t('joinpayMch.autoSettlementByConvergence')}}</van-radio>
|
|
|
|
+ <van-radio name="2" icon-size="18px">{{$t('joinpayMch.manuallySettledByMerchantPlatform')}}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="van-cell van-field">
|
|
<div class="van-cell van-field">
|
|
- <div class="van-cell__title van-field__label"><span>{{ $t('joinpayMch.settlementCycleType') }}:</span></div>
|
|
|
|
|
|
+ <div class="van-cell__title van-field__label"><span>{{$t('joinpayMch.settlementCycleType')}}:</span></div>
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<div class="van-cell__value van-field__value radioBox">
|
|
<van-radio-group v-model="settDateType" direction="horizontal" @change="fieldUpdate">
|
|
<van-radio-group v-model="settDateType" direction="horizontal" @change="fieldUpdate">
|
|
- <van-radio name="1" icon-size="18px">{{ $t('joinpayMch.weekDay') }}</van-radio>
|
|
|
|
- <van-radio name="2" icon-size="18px">{{ $t('joinpayMch.naturalDay') }}</van-radio>
|
|
|
|
- <van-radio name="3" icon-size="18px">{{ $t('joinpayMch.monthlySettlementDate') }}</van-radio>
|
|
|
|
|
|
+ <van-radio name="1" icon-size="18px">{{$t('joinpayMch.weekDay')}}</van-radio>
|
|
|
|
+ <van-radio name="2" icon-size="18px">{{$t('joinpayMch.naturalDay')}}</van-radio>
|
|
|
|
+ <van-radio name="3" icon-size="18px">{{$t('joinpayMch.monthlySettlementDate')}}</van-radio>
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <van-field v-model="riskDay" name="riskDay" :label="$t('joinpayMch.settlementCycleLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.settlementCyclePlaceholder')" @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field v-model="manageScope" name="manageScope" :label="$t('joinpayMch.natureOfBusinessLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.natureOfBusinessPlaceholder')" @update:model-value="fieldUpdate" />
|
|
|
|
- <van-field v-model="manageAddr" name="manageAddr" :label="$t('joinpayMch.businessAddressLabel')"
|
|
|
|
- :placeholder="$t('joinpayMch.businessAddressPlaceholder')" @update:model-value="fieldUpdate" />
|
|
|
|
|
|
+ <van-field v-model="riskDay" name="riskDay" :label="$t('joinpayMch.settlementCycleLabel')" :placeholder="$t('joinpayMch.settlementCyclePlaceholder')"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field v-model="manageScope" name="manageScope" :label="$t('joinpayMch.natureOfBusinessLabel')" :placeholder="$t('joinpayMch.natureOfBusinessPlaceholder')"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
|
|
+ <van-field v-model="manageAddr" name="manageAddr" :label="$t('joinpayMch.businessAddressLabel')" :placeholder="$t('joinpayMch.businessAddressPlaceholder')"
|
|
|
|
+ @update:model-value="fieldUpdate" />
|
|
<!-- 操作 -->
|
|
<!-- 操作 -->
|
|
<van-row justify="space-around" style="padding: 1em">
|
|
<van-row justify="space-around" style="padding: 1em">
|
|
- <van-button span="5" round type="primary" style="height: 2em; padding: 0 2em"
|
|
|
|
- native-type="submit">{{ $t('joinpayMch.submitDataForReview') }}
|
|
|
|
|
|
+ <van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" native-type="submit">{{$t('joinpayMch.submitDataForReview')}}
|
|
</van-button>
|
|
</van-button>
|
|
</van-row>
|
|
</van-row>
|
|
</van-form>
|
|
</van-form>
|
|
@@ -134,39 +117,33 @@
|
|
<img src='../../assets/joinPayMch/center.png' style="width: 50%; margin-top: 3em;" />
|
|
<img src='../../assets/joinPayMch/center.png' style="width: 50%; margin-top: 3em;" />
|
|
<div v-if="joinPayMchType === '0'" style="width: 100%;">
|
|
<div v-if="joinPayMchType === '0'" style="width: 100%;">
|
|
<div style="width: 100%; text-align: center;">
|
|
<div style="width: 100%; text-align: center;">
|
|
- <span
|
|
|
|
- style=" font-size: 1.4em; font-weight: bold; line-height: 3;">{{ $t('joinpayMch.thePlatformAdministratorIsReviewing') }}</span>
|
|
|
|
|
|
+ <span style=" font-size: 1.4em; font-weight: bold; line-height: 3;">{{$t('joinpayMch.thePlatformAdministratorIsReviewing')}}</span>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; text-align: center;">
|
|
<div style="width: 100%; text-align: center;">
|
|
- <span style="line-height: 1.2;">{{ $t('joinpayMch.youCan') }}<span
|
|
|
|
- style="color: #4d6add; text-decoration: underline;"
|
|
|
|
- @click='updateJoinPay()'>{{ $t('joinpayMch.withdrawAndRevise') }}</span></span>
|
|
|
|
|
|
+ <span style="line-height: 1.2;">{{$t('joinpayMch.youCan')}}<span style="color: #4d6add; text-decoration: underline;"
|
|
|
|
+ @click='updateJoinPay()'>{{$t('joinpayMch.withdrawAndRevise')}}</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-if="joinPayMchType === '2' || joinPayMchType === '3'" style="width: 100%;">
|
|
<div v-if="joinPayMchType === '2' || joinPayMchType === '3'" style="width: 100%;">
|
|
<div style="width: 100%; text-align: center;">
|
|
<div style="width: 100%; text-align: center;">
|
|
- <span
|
|
|
|
- style=" font-size: 1.4em; font-weight: bold; line-height: 3; color: #ee0a24;">{{ $t('joinpayMch.failedToPassTheReview') }}</span>
|
|
|
|
|
|
+ <span style=" font-size: 1.4em; font-weight: bold; line-height: 3; color: #ee0a24;">{{$t('joinpayMch.failedToPassTheReview')}}</span>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; text-align: center;">
|
|
<div style="width: 100%; text-align: center;">
|
|
- <span style="line-height: 1.2;">{{ $t('joinpayMch.failedToPassTheReview') }},<span
|
|
|
|
- style="color: #4d6add; text-decoration: underline;"
|
|
|
|
- @click='pageType = "1"'>{{ $t('joinpayMch.clickHereToFillInTheInformationAgain') }}</span></span>
|
|
|
|
|
|
+ <span style="line-height: 1.2;">{{$t('joinpayMch.failedToPassTheReview')}},<span style="color: #4d6add; text-decoration: underline;"
|
|
|
|
+ @click='pageType = "1"'>{{$t('joinpayMch.clickHereToFillInTheInformationAgain')}}</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-if="joinPayMchStep === '0'">
|
|
<div v-if="joinPayMchStep === '0'">
|
|
<div style="width: 100%; text-align: center;">
|
|
<div style="width: 100%; text-align: center;">
|
|
- <span
|
|
|
|
- style=" font-size: 1.4em; font-weight: bold; line-height: 3; color: #07c160;">{{ $t('joinpayMch.approvalPassed') }}</span>
|
|
|
|
|
|
+ <span style=" font-size: 1.4em; font-weight: bold; line-height: 3; color: #07c160;">{{$t('joinpayMch.approvalPassed')}}</span>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; text-align: center;">
|
|
<div style="width: 100%; text-align: center;">
|
|
- <span style="line-height: 1.2;">{{ $t('joinpayMch.approvalPassed') }},{{ $t('joinpayMch.youCan') }}<span
|
|
|
|
- style="color: #4d6add; text-decoration: underline;"
|
|
|
|
- @click='pageType = "1"'>{{ $t('joinpayMch.clickHereToFillInAgainAndSubmitForReview') }}</span></span>
|
|
|
|
|
|
+ <span style="line-height: 1.2;">{{$t('joinpayMch.approvalPassed')}},{{$t('joinpayMch.youCan')}}<span style="color: #4d6add; text-decoration: underline;"
|
|
|
|
+ @click='pageType = "1"'>{{$t('joinpayMch.clickHereToFillInAgainAndSubmitForReview')}}</span></span>
|
|
</div>
|
|
</div>
|
|
<van-row justify="space-around" style="padding: 1em">
|
|
<van-row justify="space-around" style="padding: 1em">
|
|
<van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" @click='pageType = "3"'>
|
|
<van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" @click='pageType = "3"'>
|
|
- {{ $t('joinpayMch.nextGoToUploadIDPhotos') }}</van-button>
|
|
|
|
|
|
+ {{$t('joinpayMch.nextGoToUploadIDPhotos')}}</van-button>
|
|
</van-row>
|
|
</van-row>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -175,50 +152,49 @@
|
|
<div class="upLoaderRow">
|
|
<div class="upLoaderRow">
|
|
<div class="baseRow flex-row justify-between">
|
|
<div class="baseRow flex-row justify-between">
|
|
<div class="group2 flex-col"></div>
|
|
<div class="group2 flex-col"></div>
|
|
- <span class="baseText">{{ $t('joinpayMch.uploYourIdCard') }}</span>
|
|
|
|
|
|
+ <span class="baseText">{{$t('joinpayMch.uploYourIdCard')}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="cardRow">
|
|
<div class="cardRow">
|
|
<div class="cardLi">
|
|
<div class="cardLi">
|
|
<van-uploader v-model="cardNegativeList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
<van-uploader v-model="cardNegativeList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
- :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
- <p>{{ $t('joinpayMch.uploPortrait') }}</p>
|
|
|
|
|
|
+ :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
+ <p>{{$t('joinpayMch.uploPortrait')}}</p>
|
|
</div>
|
|
</div>
|
|
<div class="cardLi">
|
|
<div class="cardLi">
|
|
<van-uploader v-model="cardPositiveList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
<van-uploader v-model="cardPositiveList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
- :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
- <p>{{ $t('joinpayMch.uploNatiEmblem') }}</p>
|
|
|
|
|
|
+ :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
+ <p>{{$t('joinpayMch.uploNatiEmblem')}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upLoaderRow" v-if="bankAccountType === '4'">
|
|
<div class="upLoaderRow" v-if="bankAccountType === '4'">
|
|
<div class="baseRow flex-row justify-between">
|
|
<div class="baseRow flex-row justify-between">
|
|
<div class="group2 flex-col"></div>
|
|
<div class="group2 flex-col"></div>
|
|
- <span class="baseText">{{ $t('joinpayMch.businessLicensePlace') }}</span>
|
|
|
|
|
|
+ <span class="baseText">{{$t('joinpayMch.businessLicensePlace')}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="cardRow">
|
|
<div class="cardRow">
|
|
<div class="cardLi">
|
|
<div class="cardLi">
|
|
<van-uploader v-model="tradeLicenceList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
<van-uploader v-model="tradeLicenceList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
- :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
- <p>{{ $t('joinpayMch.businessLicense') }}</p>
|
|
|
|
|
|
+ :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
+ <p>{{$t('joinpayMch.businessLicense')}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="upLoaderRow" v-if="bankAccountType === '4'">
|
|
<div class="upLoaderRow" v-if="bankAccountType === '4'">
|
|
<div class="baseRow flex-row justify-between">
|
|
<div class="baseRow flex-row justify-between">
|
|
<div class="group2 flex-col"></div>
|
|
<div class="group2 flex-col"></div>
|
|
- <span class="baseText">{{ $t('joinpayMch.accountOpeningLicensePlace') }}</span>
|
|
|
|
|
|
+ <span class="baseText">{{$t('joinpayMch.accountOpeningLicensePlace')}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="cardRow">
|
|
<div class="cardRow">
|
|
<div class="cardLi">
|
|
<div class="cardLi">
|
|
<van-uploader v-model="openAccountLicenceList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
<van-uploader v-model="openAccountLicenceList" :max-size="2 * 1024 * 1024" :max-count="1"
|
|
- :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
- <p>{{ $t('joinpayMch.accountOpeningLicense') }}</p>
|
|
|
|
|
|
+ :after-read="afterRead" @oversize="onOversize" />
|
|
|
|
+ <p>{{$t('joinpayMch.accountOpeningLicense')}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<van-row justify="space-around" style="padding: 1em">
|
|
<van-row justify="space-around" style="padding: 1em">
|
|
- <van-button span="5" round type="primary" style="height: 2em; padding: 0 2em"
|
|
|
|
- native-type="submit">{{ $t('joinpayMch.submissions') }}
|
|
|
|
|
|
+ <van-button span="5" round type="primary" style="height: 2em; padding: 0 2em" native-type="submit">{{$t('joinpayMch.submissions')}}
|
|
</van-button>
|
|
</van-button>
|
|
</van-row>
|
|
</van-row>
|
|
</van-form>
|
|
</van-form>
|
|
@@ -240,7 +216,7 @@ export default {
|
|
components: { sHeader },
|
|
components: { sHeader },
|
|
setup() {
|
|
setup() {
|
|
// 引入语言
|
|
// 引入语言
|
|
- const { t } = useI18n();
|
|
|
|
|
|
+ const {t} = useI18n();
|
|
const user = getLoginUser();
|
|
const user = getLoginUser();
|
|
const idCardExpiryShow = ref(false);
|
|
const idCardExpiryShow = ref(false);
|
|
const idCardExpiryOnConfirm = (value) => {
|
|
const idCardExpiryOnConfirm = (value) => {
|
|
@@ -481,4 +457,6 @@ export default {
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped>@import "../../common/style/common.less";</style>
|
|
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+@import "../../common/style/common.less";
|
|
|
|
+</style>
|