gitea
/
fundHoldApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

chore：app认证动态满屏调整

main
zhj 1 month ago
parent
7acd925e18
commit
c0ff22f41a
3 changed files with 393 additions and 387 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 262
      pages/mine/info/edit.vue
  2. 239
      pages/mine/info/merchant/edit.vue
  3. 279
      pages/mine/info/proxy/edit.vue

262
pages/mine/info/edit.vue
View File

@ -1,162 +1,162 @@
<template>
<view class="form-container container-with-elep full-height-with-titile">
<view style="background-color: white; padding: 30px 20px; border-radius: 20px;">
<u-steps :current="step">
<u-steps-item :title="languageData.me.basicInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.authenticationInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.submitForReview" desc=""></u-steps-item>
</u-steps>
<!-- <view class="form-title">{{formData.userType == '0' ? languageData.me.personalData:languageData.me.merchantInfo}}</view> -->
<uni-forms style="max-height: 60vh; margin-top:30px; overflow-y: auto;" label-position="left" :label-width="70" label-align="left" ref="form" :model="formData" :rules="rules">
<view v-show="step!==1">
<uni-forms-item :label="languageData.me.userType" name="userType">
<uni-easyinput disabled :placeholder="languageData.me.personAcc" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.phoneNumber" name="phone">
<view class="phone-item">
<uni-easyinput v-model="formData.phone" :placeholder="languageData.me.inputPhoneNumber"
:disabled="!!formData.phone" clearable />
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.me.email" name="email">
<view class="phone-item">
<uni-easyinput v-model="formData.email" :placeholder="languageData.me.pleaseEnterYourEmailAddress"
:disabled="step === 2" clearable />
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.me.name" name="name">
<uni-easyinput :disabled="step === 2" v-model="formData.fullName" :placeholder="languageData.me.namePh" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.gender">
<view class="gender-options">
<u-radio-group :disabled="step === 2"
v-model="formData.gender"
placement="row"
style="justify-content: space-around;"
>
<u-radio
size="25"
:customStyle="{marginBottom: '8px'}"
v-for="(item, index) in [{label: languageData.me.man, name:'1'},{label:languageData.me.woman,name:'0'}]"
:key="index"
:label="item.label"
:name="item.name"
>
</u-radio>
</u-radio-group>
</view>
</uni-forms-item>
<view @click="dateClick('b')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.dateOfBirth" name="birthday">
<u--input
border="surround"
v-model="formData.birthDate"
:placeholder="languageData.me.pleaseDelectYourDateOfBirth"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
<view style="background-color: white; height: 100%; overflow-y: auto; padding: 0px 20px; border-radius: 20px;">
<view style="position: sticky; top: 0; left:0; display: flex; padding-top: 30px; padding-bottom: 10px; background-color: white; z-index: 999;">
<u-steps :current="step">
<u-steps-item :title="languageData.me.basicInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.authenticationInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.submitForReview" desc=""></u-steps-item>
</u-steps>
</view>
<view style="flex: 1;">
<uni-forms style="margin-top:30px;" label-position="left" :label-width="70" label-align="left" ref="form" :model="formData" :rules="rules">
<view v-show="step!==1">
<uni-forms-item :label="languageData.me.userType" name="userType">
<uni-easyinput disabled :placeholder="languageData.me.personAcc" clearable />
</uni-forms-item>
</view>
</view>
<view v-show="step !== 0">
<view v-show="formData.userType == '0'">
<uni-forms-item :label="languageData.me.authenticationType">
<uni-forms-item :label="languageData.me.phoneNumber" name="phone">
<view class="phone-item">
<uni-easyinput v-model="formData.phone" :placeholder="languageData.me.inputPhoneNumber"
:disabled="!!formData.phone" clearable />
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.me.email" name="email">
<view class="phone-item">
<uni-easyinput v-model="formData.email" :placeholder="languageData.me.pleaseEnterYourEmailAddress"
:disabled="step === 2" clearable />
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.me.name" name="name">
<uni-easyinput :disabled="step === 2" v-model="formData.fullName" :placeholder="languageData.me.namePh" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.gender">
<view class="gender-options">
<u-radio-group :disabled="step === 2" v-model="formData.licenseType" placement="row"
style="justify-content: space-around;" >
<u-radio size="25" :customStyle="{marginBottom: '8px'}"
v-for="(item, index) in [{label: languageData.functions.idCard, name:1},{label:languageData.functions.passport,name:0}]"
:key="index" :label="item.label" :name="item.name">
<u-radio-group :disabled="step === 2"
v-model="formData.gender"
placement="row"
style="justify-content: space-around;"
>
<u-radio
size="25"
:customStyle="{marginBottom: '8px'}"
v-for="(item, index) in [{label: languageData.me.man, name:'1'},{label:languageData.me.woman,name:'0'}]"
:key="index"
:label="item.label"
:name="item.name"
>
</u-radio>
</u-radio-group>
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.functions.iDNumber" name="id">
<uni-easyinput :disabled="step === 2" v-model="formData.idCardNumber" :placeholder="languageData.me.idPh" clearable />
</uni-forms-item>
<view @click="dateClick('s')">
<uni-forms-item style="pointer-events: none;" :label="languageData.functions.dateOfdocumentissuance" name="expDate">
<view @click="dateClick('b')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.dateOfBirth" name="birthday">
<u--input
border="surround"
v-model="formData.dateOfIssue"
:placeholder="languageData.functions.dateOfdocumentissuance"
v-model="formData.birthDate"
:placeholder="languageData.me.pleaseDelectYourDateOfBirth"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
<view @click="dateClick('e')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.expireTime" name="expDate">
<u--input
border="surround"
v-model="formData.expirationTime"
:placeholder="languageData.functions.pleaseSelectTheExpirationDateOfTheDocument"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</view>
<view v-show="step !== 0">
<view v-show="formData.userType == '0'">
<uni-forms-item :label="languageData.me.authenticationType">
<view class="gender-options">
<u-radio-group :disabled="step === 2" v-model="formData.licenseType" placement="row"
style="justify-content: space-around;" >
<u-radio size="25" :customStyle="{marginBottom: '8px'}"
v-for="(item, index) in [{label: languageData.functions.idCard, name:1},{label:languageData.functions.passport,name:0}]"
:key="index" :label="item.label" :name="item.name">
</u-radio>
</u-radio-group>
</view>
</uni-forms-item>
</view>
<view @click="addrClick('a')">
<uni-forms-item style="pointer-events: none" :label="languageData.functions.BelongingRegion" name="address">
<u--input
border="surround"
v-model="formData.area"
:placeholder="languageData.me.pAddressPh"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
<uni-forms-item :label="languageData.functions.iDNumber" name="id">
<uni-easyinput :disabled="step === 2" v-model="formData.idCardNumber" :placeholder="languageData.me.idPh" clearable />
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.functions.detailedAddress" name="address">
<uni-easyinput :disabled="step === 2" v-model="formData.commonContactAddress" :placeholder="languageData.functions.detailedAddress" clearable />
</uni-forms-item>
</view>
<view v-if="formData.licenseType == 1">
<uni-forms-item style="align-items: left;" :label="languageData.functions.frontOfIDCard" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList1" @afterRead="(e)=>afterRead(e, 'up')"
@delete="(e)=>deletePic(e, 'up')" name="1" multiple :maxCount="1">
</u-upload>
<view @click="dateClick('s')">
<uni-forms-item style="pointer-events: none;" :label="languageData.functions.dateOfdocumentissuance" name="expDate">
<u--input
border="surround"
v-model="formData.dateOfIssue"
:placeholder="languageData.functions.dateOfdocumentissuance"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.functions.reverseOfIDCard" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList2" @afterRead="(e)=>afterRead(e, 'ba')"
@delete="(e)=>deletePic(e, 'ba')" name="2" multiple :maxCount="1">
</u-upload>
<view @click="dateClick('e')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.expireTime" name="expDate">
<u--input
border="surround"
v-model="formData.expirationTime"
:placeholder="languageData.functions.pleaseSelectTheExpirationDateOfTheDocument"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.functions.handheldIDPhoto" name="cardImg">
<view @click="addrClick('a')">
<uni-forms-item style="pointer-events: none" :label="languageData.functions.BelongingRegion" name="address">
<u--input
border="surround"
v-model="formData.area"
:placeholder="languageData.me.pAddressPh"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.functions.detailedAddress" name="address">
<uni-easyinput :disabled="step === 2" v-model="formData.commonContactAddress" :placeholder="languageData.functions.detailedAddress" clearable />
</uni-forms-item>
</view>
<view v-if="formData.licenseType == 1">
<uni-forms-item style="align-items: left;" :label="languageData.functions.frontOfIDCard" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList1" @afterRead="(e)=>afterRead(e, 'up')"
@delete="(e)=>deletePic(e, 'up')" name="1" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.functions.reverseOfIDCard" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList2" @afterRead="(e)=>afterRead(e, 'ba')"
@delete="(e)=>deletePic(e, 'ba')" name="2" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.functions.handheldIDPhoto" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList3" @afterRead="(e)=>afterRead(e, 'ha')"
@delete="(e)=>deletePic(e, 'ha')" name="3" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
</view>
<uni-forms-item v-if="formData.licenseType == 0" style="align-items: left;" :label="languageData.functions.passportInformation" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList3" @afterRead="(e)=>afterRead(e, 'ha')"
@delete="(e)=>deletePic(e, 'ha')" name="3" multiple :maxCount="1">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList4" @afterRead="(e)=>afterRead(e, 'pa')"
@delete="(e)=>deletePic(e, 'pa')" name="4" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
</view>
<uni-forms-item v-if="formData.licenseType == 0" style="align-items: left;" :label="languageData.functions.passportInformation" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList4" @afterRead="(e)=>afterRead(e, 'pa')"
@delete="(e)=>deletePic(e, 'pa')" name="4" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
</uni-forms>
<view style="position: sticky; bottom: 0; left:0; padding-bottom: 15px; background-color: white; z-index: 9999;">
<button v-show="step>0 && !checkOnly || true" class="submit-btn" @click="step = step === 0 ? step:step-1">{{languageData.functions.lastStep}}</button>
<button v-show="step<2 && !checkOnly" class="submit-btn" @click="nextStep()">{{languageData.functions.nextStep}}</button>
<button v-show="step===2 && !checkOnly" class="submit-btn" @click="handleSubmit">{{languageData.me.submit}}</button>
</view>
</uni-forms>
<view>
<button v-show="step>0 && !checkOnly" class="submit-btn" @click="step = step === 0 ? step:step-1">{{languageData.functions.lastStep}}</button>
<button v-show="step<2 && !checkOnly" class="submit-btn" @click="nextStep()">{{languageData.functions.nextStep}}</button>
<button v-show="step===2 && !checkOnly" class="submit-btn" @click="handleSubmit">{{languageData.me.submit}}</button>
</view>
</view>
<u-datetime-picker

239
pages/mine/info/merchant/edit.vue
View File

@ -1,144 +1,147 @@
<template>
<view class="form-container container-with-elep full-height-with-titile">
<view style="background-color: white; padding: 30px 20px; border-radius: 20px;">
<u-steps :current="step">
<u-steps-item :title="languageData.me.basicInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.authenticationInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.submitForReview" desc=""></u-steps-item>
</u-steps>
<!-- <view class="form-title">{{formData.userType === '0' ? languageData.me.personalData:languageData.me.merchantInfo}}</view> -->
<uni-forms style="max-height: 60vh; margin-top:30px; overflow-y: auto;" label-position="left" :label-width="70" label-align="left" ref="form" :model="formData" :rules="rules">
<view v-show="step!==1">
<uni-forms-item :label="languageData.me.userType" name="userType">
<uni-easyinput disabled :placeholder="languageData.me.merchantAcc" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.merchanrName" name="name">
<uni-easyinput :disabled="step === 2" v-model="formData.merchantName" :placeholder="languageData.log.merchantPh" clearable />
</uni-forms-item>
<view @click="showBizType = true">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runType" name="operateType">
<u--input
border="surround"
v-model="formData.operateTypeLabel"
:placeholder="languageData.me.runType"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
</view>
<view v-show="step !== 0">
<!-- 商户用户 -->
<view>
<uni-forms-item :label="languageData.me.authenticationType">
<view class="gender-options">
<u-radio-group :disabled="step === 2" v-model="formData.licenseType" placement="row"
style="justify-content: space-around;" >
<u-radio size="25" :customStyle="{marginBottom: '8px'}"
v-for="(item, index) in [{label:languageData.functions.passport,name:0},
{label:languageData.functions.idCard, name:1}]"
:key="index" :label="item.label" :name="item.name">
</u-radio>
</u-radio-group>
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.me.leName" name="legalPersoName">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonName" :placeholder="languageData.me.leName" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.lePhone" name="contactPersonPhone">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonPhone" :placeholder="languageData.me.lePhone" clearable />
<view style="background-color: white; height: 100%; overflow-y: auto; padding: 0px 20px; border-radius: 20px;">
<view style="position: sticky; top: 0; left:0; display: flex; padding-top: 30px; padding-bottom: 10px; background-color: white; z-index: 999;">
<u-steps :current="step">
<u-steps-item :title="languageData.me.basicInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.authenticationInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.submitForReview" desc=""></u-steps-item>
</u-steps>
</view>
<view style="flex: 1;">
<uni-forms style="margin-top:30px;" label-position="left" :label-width="70" label-align="left" ref="form" :model="formData" :rules="rules">
<view v-show="step!==1">
<uni-forms-item :label="languageData.me.userType" name="userType">
<uni-easyinput disabled :placeholder="languageData.me.merchantAcc" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.leMail" name="contactPersonEmail">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonEmail" :placeholder="languageData.me.leMail" clearable />
<uni-forms-item :label="languageData.me.merchanrName" name="name">
<uni-easyinput :disabled="step === 2" v-model="formData.merchantName" :placeholder="languageData.log.merchantPh" clearable />
</uni-forms-item>
<view @click="dateClick('i')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.signDate" name="expDate">
<view @click="showBizType = true">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runType" name="operateType">
<u--input
border="surround"
v-model="formData.legalPersonDateOfIssue"
:placeholder="languageData.me.signDate"
v-model="formData.operateTypeLabel"
:placeholder="languageData.me.runType"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
<view @click="dateClick('e')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.expireTime" name="expDate">
<u--input
border="surround"
v-model="formData.legalPersonExpirationTime"
:placeholder="languageData.me.expireTime"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</view>
<view v-show="step !== 0">
<!-- 商户用户 -->
<view>
<uni-forms-item :label="languageData.me.authenticationType">
<view class="gender-options">
<u-radio-group :disabled="step === 2" v-model="formData.licenseType" placement="row"
style="justify-content: space-around;" >
<u-radio size="25" :customStyle="{marginBottom: '8px'}"
v-for="(item, index) in [{label:languageData.functions.passport,name:0},
{label:languageData.functions.idCard, name:1}]"
:key="index" :label="item.label" :name="item.name">
</u-radio>
</u-radio-group>
</view>
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.leId" name="legalPersonIdCard">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonIdCard" :placeholder="languageData.me.leId" clearable />
</uni-forms-item>
<view v-show="formData.licenseType == 1">
<uni-forms-item style="align-items: left;" :label="languageData.me.leupIdImg" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList1" @afterRead="afterRead"
@delete="deletePic" name="1" multiple :maxCount="1">
</u-upload>
<uni-forms-item :label="languageData.me.leName" name="legalPersoName">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonName" :placeholder="languageData.me.leName" clearable />
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.lebackIdImg" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList2" @afterRead="afterRead"
@delete="deletePic" name="2" multiple :maxCount="1">
</u-upload>
<uni-forms-item :label="languageData.me.lePhone" name="contactPersonPhone">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonPhone" :placeholder="languageData.me.lePhone" clearable />
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.leholdIdImg" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList3" @afterRead="afterRead"
@delete="deletePic" name="3" multiple :maxCount="1">
</u-upload>
<uni-forms-item :label="languageData.me.leMail" name="contactPersonEmail">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonEmail" :placeholder="languageData.me.leMail" clearable />
</uni-forms-item>
</view>
<view v-show="formData.licenseType == 0">
<uni-forms-item v-if="formData.licenseType == 0" style="align-items: left;" :label="languageData.functions.passportInformation" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList4" @afterRead="(e)=>afterRead(e, 'pa')"
@delete="(e)=>deletePic(e, 'pa')" name="4" multiple :maxCount="1">
</u-upload>
<view @click="dateClick('i')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.signDate" name="expDate">
<u--input
border="surround"
v-model="formData.legalPersonDateOfIssue"
:placeholder="languageData.me.signDate"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
<view @click="dateClick('e')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.expireTime" name="expDate">
<u--input
border="surround"
v-model="formData.legalPersonExpirationTime"
:placeholder="languageData.me.expireTime"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.leId" name="legalPersonIdCard">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonIdCard" :placeholder="languageData.me.leId" clearable />
</uni-forms-item>
</view>
<view @click="addrClick('a')">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runArea" name="address">
<u--input
border="surround"
v-model="formData.area"
:placeholder="languageData.me.runArea"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
<view v-show="formData.licenseType == 1">
<uni-forms-item style="align-items: left;" :label="languageData.me.leupIdImg" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList1" @afterRead="afterRead"
@delete="deletePic" name="1" multiple :maxCount="1">
</u-upload>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.lebackIdImg" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList2" @afterRead="afterRead"
@delete="deletePic" name="2" multiple :maxCount="1">
</u-upload>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.leholdIdImg" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList3" @afterRead="afterRead"
@delete="deletePic" name="3" multiple :maxCount="1">
</u-upload>
</uni-forms-item>
</view>
<view v-show="formData.licenseType == 0">
<uni-forms-item v-if="formData.licenseType == 0" style="align-items: left;" :label="languageData.functions.passportInformation" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList4" @afterRead="(e)=>afterRead(e, 'pa')"
@delete="(e)=>deletePic(e, 'pa')" name="4" multiple :maxCount="1">
</u-upload>
</uni-forms-item>
</view>
<view @click="addrClick('a')">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runArea" name="address">
<u--input
border="surround"
v-model="formData.area"
:placeholder="languageData.me.runArea"
:disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'"
suffixIcon="arrow-down"
></u--input>
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.addrDetail" name="address">
<uni-easyinput :disabled="step === 2" v-model="formData.address" :placeholder="languageData.me.addrDetail" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.runCode" name="businessLicenseNumber">
<uni-easyinput :disabled="step === 2" v-model="formData.businessLicenseNumber" :placeholder="languageData.me.runCode" clearable />
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.addrDetail" name="address">
<uni-easyinput :disabled="step === 2" v-model="formData.address" :placeholder="languageData.me.addrDetail" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.runCode" name="businessLicenseNumber">
<uni-easyinput :disabled="step === 2" v-model="formData.businessLicenseNumber" :placeholder="languageData.me.runCode" clearable />
<uni-forms-item v-show="true" style="align-items: left;" :label="languageData.me.runImg" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList5" @afterRead="afterRead"
@delete="deletePic" name="5" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
</view>
<uni-forms-item v-show="true" style="align-items: left;" :label="languageData.me.runImg" name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList5" @afterRead="afterRead"
@delete="deletePic" name="5" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
</uni-forms>
<view style="position: sticky; bottom: 0; left:0; padding-bottom: 15px; background-color: white; z-index: 9999;">
<button v-show="step>0 && !checkOnly" class="submit-btn" @click="step = step === 0 ? step:step-1">{{languageData.functions.lastStep}}</button>
<button v-show="step<2 && !checkOnly" class="submit-btn" @click="nextStep()">{{languageData.functions.nextStep}}</button>
<button v-show="step===2 && !checkOnly" class="submit-btn" @click="handleSubmit">{{languageData.me.submit}}</button>
</view>
</uni-forms>
<view>
<button v-show="step>0 && !checkOnly" class="submit-btn" @click="step = step === 0 ? step:step-1">{{languageData.functions.lastStep}}</button>
<button v-show="step<2 && !checkOnly" class="submit-btn" @click="nextStep()">{{languageData.functions.nextStep}}</button>
<button v-show="step===2 && !checkOnly" class="submit-btn" @click="handleSubmit">{{languageData.me.submit}}</button>
</view>
</view>

279
pages/mine/info/proxy/edit.vue
View File

@ -1,162 +1,165 @@
<template>
<view class="form-container container-with-elep full-height-with-titile">
<view style="background-color: white; padding: 30px 20px; border-radius: 20px;">
<u-steps :current="step">
<u-steps-item :title="languageData.me.basicInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.authenticationInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.submitForReview" desc=""></u-steps-item>
</u-steps>
<!-- <view class="form-title">{{formData.userType === '0' ? languageData.me.personalData:languageData.me.merchantInfo}}</view> -->
<uni-forms style="max-height: 60vh; margin-top:30px; overflow-y: auto;" label-position="left"
:label-width="70" label-align="left" ref="form" :model="formData" :rules="rules">
<view v-show="step!==1">
<uni-forms-item :label="languageData.me.userType" name="userType">
<uni-easyinput disabled :placeholder="languageData.me.correspondentAccount" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.agentName" name="name">
<uni-easyinput :disabled="step === 2" v-model="formData.agentName"
:placeholder="languageData.me.agentName" clearable />
</uni-forms-item>
<view @click="showBizType = true">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runType"
name="operateType">
<u--input border="surround" v-model="formData.operateTypeLabel"
:placeholder="languageData.me.runType" :disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'" suffixIcon="arrow-down"></u--input>
</uni-forms-item>
</view>
</view>
<view v-show="step !== 0">
<view>
<uni-forms-item :label="languageData.me.authenticationType">
<view class="gender-options">
<u-radio-group :disabled="step === 2" v-model="formData.licenseType" placement="row"
style="justify-content: space-around;">
<u-radio size="25" :customStyle="{marginBottom: '8px'}" v-for="(item, index) in [{label:languageData.functions.passport,name:0},
{label:languageData.functions.idCard, name:1}]" :key="index" :label="item.label" :name="item.name">
</u-radio>
</u-radio-group>
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.me.leName" name="legalPersoName">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonName"
:placeholder="languageData.me.leName" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.lePhone" name="contactPersonPhone">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonPhone"
:placeholder="languageData.me.lePhone" clearable />
<view style="background-color: white; height: 100%; overflow-y: auto; padding: 0px 20px; border-radius: 20px;">
<view style="position: sticky; top: 0; left:0; display: flex; padding-top: 30px; padding-bottom: 10px; background-color: white; z-index: 999;">
<u-steps :current="step">
<u-steps-item :title="languageData.me.basicInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.authenticationInformation" desc=""></u-steps-item>
<u-steps-item :title="languageData.me.submitForReview" desc=""></u-steps-item>
</u-steps>
</view>
<view style="flex: 1;">
<uni-forms style="margin-top:30px;" label-position="left"
:label-width="70" label-align="left" ref="form" :model="formData" :rules="rules">
<view v-show="step!==1">
<uni-forms-item :label="languageData.me.userType" name="userType">
<uni-easyinput disabled :placeholder="languageData.me.correspondentAccount" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.leMail" name="contactPersonEmail">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonEmail"
:placeholder="languageData.me.leMail" clearable />
<uni-forms-item :label="languageData.me.agentName" name="name">
<uni-easyinput :disabled="step === 2" v-model="formData.agentName"
:placeholder="languageData.me.agentName" clearable />
</uni-forms-item>
<view @click="dateClick('i')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.signDate"
name="expDate">
<u--input border="surround" v-model="formData.legalPersonDateOfIssue"
:placeholder="languageData.me.signDate" :disabled="true"
<view @click="showBizType = true">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runType"
name="operateType">
<u--input border="surround" v-model="formData.operateTypeLabel"
:placeholder="languageData.me.runType" :disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'" suffixIcon="arrow-down"></u--input>
</uni-forms-item>
</view>
<view @click="dateClick('e')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.exTime"
name="expDate">
<u--input border="surround" v-model="formData.legalPersonExpirationTime"
:placeholder="languageData.me.exTime" :disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'" suffixIcon="arrow-down"></u--input>
</view>
<view v-show="step !== 0">
<view>
<uni-forms-item :label="languageData.me.authenticationType">
<view class="gender-options">
<u-radio-group :disabled="step === 2" v-model="formData.licenseType" placement="row"
style="justify-content: space-around;">
<u-radio size="25" :customStyle="{marginBottom: '8px'}" v-for="(item, index) in [{label:languageData.functions.passport,name:0},
{label:languageData.functions.idCard, name:1}]" :key="index" :label="item.label" :name="item.name">
</u-radio>
</u-radio-group>
</view>
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.leId" name="legalPersonIdCard">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonIdCard"
:placeholder="languageData.me.leId" clearable />
</uni-forms-item>
<view v-if="formData.licenseType == 1">
<uni-forms-item style="align-items: left;" :label="languageData.me.leupIdImg"
name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList1"
@afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1">
</u-upload>
<uni-forms-item :label="languageData.me.leName" name="legalPersoName">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonName"
:placeholder="languageData.me.leName" clearable />
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.lebackIdImg"
name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList2"
@afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="1">
</u-upload>
<uni-forms-item :label="languageData.me.lePhone" name="contactPersonPhone">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonPhone"
:placeholder="languageData.me.lePhone" clearable />
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.leholdIdImg"
name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList3"
@afterRead="afterRead" @delete="deletePic" name="3" multiple :maxCount="1">
</u-upload>
<uni-forms-item :label="languageData.me.leMail" name="contactPersonEmail">
<uni-easyinput :disabled="step === 2" v-model="formData.contactPersonEmail"
:placeholder="languageData.me.leMail" clearable />
</uni-forms-item>
</view>
<view v-show="formData.licenseType == 0">
<uni-forms-item v-if="formData.licenseType == 0" style="align-items: left;"
:label="languageData.functions.passportInformation" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList6"
@afterRead="(e)=>afterRead(e, 'pa')" @delete="(e)=>deletePic(e, 'pa')" name="6"
multiple :maxCount="1">
</u-upload>
<view @click="dateClick('i')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.signDate"
name="expDate">
<u--input border="surround" v-model="formData.legalPersonDateOfIssue"
:placeholder="languageData.me.signDate" :disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'" suffixIcon="arrow-down"></u--input>
</uni-forms-item>
</view>
<view @click="dateClick('e')">
<uni-forms-item style="pointer-events: none;" :label="languageData.me.exTime"
name="expDate">
<u--input border="surround" v-model="formData.legalPersonExpirationTime"
:placeholder="languageData.me.exTime" :disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'" suffixIcon="arrow-down"></u--input>
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.leId" name="legalPersonIdCard">
<uni-easyinput :disabled="step === 2" v-model="formData.legalPersonIdCard"
:placeholder="languageData.me.leId" clearable />
</uni-forms-item>
</view>
<view v-if="formData.licenseType == 1">
<uni-forms-item style="align-items: left;" :label="languageData.me.leupIdImg"
name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList1"
@afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1">
</u-upload>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.lebackIdImg"
name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList2"
@afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="1">
</u-upload>
</uni-forms-item>
<uni-forms-item style="align-items: left;" :label="languageData.me.leholdIdImg"
name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList3"
@afterRead="afterRead" @delete="deletePic" name="3" multiple :maxCount="1">
</u-upload>
</uni-forms-item>
</view>
<view v-show="formData.licenseType == 0">
<uni-forms-item v-if="formData.licenseType == 0" style="align-items: left;"
:label="languageData.functions.passportInformation" name="cardImg">
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList6"
@afterRead="(e)=>afterRead(e, 'pa')" @delete="(e)=>deletePic(e, 'pa')" name="6"
multiple :maxCount="1">
</u-upload>
</uni-forms-item>
</view>
<view @click="addrClick('a')">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runArea"
name="address">
<u--input border="surround" v-model="formData.area"
:placeholder="languageData.me.runArea" :disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'" suffixIcon="arrow-down"></u--input>
<view @click="addrClick('a')">
<uni-forms-item style="pointer-events: none" :label="languageData.me.runArea"
name="address">
<u--input border="surround" v-model="formData.area"
:placeholder="languageData.me.runArea" :disabled="true"
:disabledColor="step === 2 ? '#F7F6F6':'white'" suffixIcon="arrow-down"></u--input>
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.addrDetail" name="address">
<uni-easyinput :disabled="step === 2" v-model="formData.address"
:placeholder="languageData.me.addrDetail" clearable />
</uni-forms-item>
<uni-forms-item :label="languageData.me.runCode" name="businessLicenseNumber">
<uni-easyinput :disabled="step === 2" v-model="formData.businessLicenseNumber"
:placeholder="languageData.me.runCode" clearable />
</uni-forms-item>
</view>
<uni-forms-item :label="languageData.me.addrDetail" name="address">
<uni-easyinput :disabled="step === 2" v-model="formData.address"
:placeholder="languageData.me.addrDetail" clearable />
<uni-forms-item v-show="true" style="align-items: left;" :label="languageData.me.runImg"
name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList4"
@afterRead="afterRead" @delete="deletePic" name="4" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.me.runCode" name="businessLicenseNumber">
<uni-easyinput :disabled="step === 2" v-model="formData.businessLicenseNumber"
:placeholder="languageData.me.runCode" clearable />
<uni-forms-item v-show="true" style="align-items: left;" :label="languageData.me.guaImg"
name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList5"
@afterRead="afterRead" @delete="deletePic" name="5" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
</view>
<uni-forms-item v-show="true" style="align-items: left;" :label="languageData.me.runImg"
name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList4"
@afterRead="afterRead" @delete="deletePic" name="4" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
<uni-forms-item v-show="true" style="align-items: left;" :label="languageData.me.guaImg"
name="cardImg">
<view>
<u-upload :disabled="step === 2" style="margin-left: 0px;" :fileList="fileList5"
@afterRead="afterRead" @delete="deletePic" name="5" multiple :maxCount="1">
</u-upload>
</view>
</uni-forms-item>
<uni-forms-item :label="languageData.account.eContract">
<view style="display: flex; flex-direction: column; align-items: flex-start;">
<view><a @click.prevent.stop="showContract=true" href="#">《{{languageData.account.agentContract}}》</a></view>
<view class="gender-options" style="gap: 0;">
<u-radio-group :disabled="step === 2" v-model="formData.bankAccountNumber"
placement="row" style="">
<u-radio size="25" :customStyle="{marginBottom: '8px'}" v-for="(item, index) in [{label:languageData.account.agree,name:'1'},{label:languageData.account.disagree,name:'0'}
]" :key="index" :label="item.label" :name="item.name">
</u-radio>
</u-radio-group>
<uni-forms-item :label="languageData.account.eContract">
<view style="display: flex; flex-direction: column; align-items: flex-start;">
<view><a @click.prevent.stop="showContract=true" href="#">《{{languageData.account.agentContract}}》</a></view>
<view class="gender-options" style="gap: 0;">
<u-radio-group :disabled="step === 2" v-model="formData.bankAccountNumber"
placement="row" style="">
<u-radio size="25" :customStyle="{marginBottom: '8px'}" v-for="(item, index) in [{label:languageData.account.agree,name:'1'},{label:languageData.account.disagree,name:'0'}
]" :key="index" :label="item.label" :name="item.name">
</u-radio>
</u-radio-group>
</view>
</view>
</view>
</uni-forms-item>
</view>
</uni-forms-item>
</view>
</uni-forms>
<view>
<button v-show="step>0 && !checkOnly" class="submit-btn"
@click="step = step === 0 ? step:step-1">{{languageData.functions.lastStep}}</button>
<button v-show="step<2 && !checkOnly" class="submit-btn"
@click="nextStep()">{{languageData.functions.nextStep}}</button>
<button v-show="step===2 && !checkOnly" class="submit-btn" @click="handleSubmit">{{languageData.me.submit}}</button>
</uni-forms>
<view style="position: sticky; bottom: 0; left:0; padding-bottom: 15px; background-color: white; z-index: 9999;">
<button v-show="step>0 && !checkOnly" class="submit-btn"
@click="step = step === 0 ? step:step-1">{{languageData.functions.lastStep}}</button>
<button v-show="step<2 && !checkOnly" class="submit-btn"
@click="nextStep()">{{languageData.functions.nextStep}}</button>
<button v-show="step===2 && !checkOnly" class="submit-btn" @click="handleSubmit">{{languageData.me.submit}}</button>
</view>
</view>
</view>

Write Preview
Loading…
Cancel
Save