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

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

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

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

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

Write Preview
Loading…
Cancel
Save