applte/pagesA/activatePayment/activatePayment.wxml

<!--pagesA/activatePayment/activatePayment.wxml-->
<view wx:if="{{ step === 0 }}" class="bg-5295fd">
  <image src="https://xiaozhisz.cn/image/b209fb66-90d6-49a0-b34b-9751e5538606.png" class="width-percentage-100" mode="widthFix"></image>
    <view class="position-absolute bg-fff step-button border-radios-10 button-color-fff">
      <van-button type="info" block bindtap="stepMethods" data-step="1">下一步</van-button>
    </view>
</view>
<view wx:elif="{{ step == 1 }}">
  <view class="data-list">
    <view class="data-content bg-fff">
      <view class="data-content-y">
        <view class="font-size-14 color-333">请准备好以下资料进行开通:</view>
        
      </view>
    </view>
    <view class="position-absolute bg-fff step-button border-radios-10">
      <van-button type="info" block bindtap="stepMethods" data-step="2">已准备好资料</van-button>
    </view>
  </view>
</view>
<view wx:elif="{{ step == 2 }}">
  <view class="bg-page">
    <view class="topSetps">
      <view class="">
        <view class="setps pa-2">
          <view class="setp setp-num d-flex text-center">
              <view class="num color-02BFFF">1</view>
              <view class="ling"></view>    
              <view class="num color-02BFFF">2</view>
              <view class="ling"></view>    
              <view class="num color-02BFFF">3</view>
              <view class="ling"></view>    
              <view class="num color-02BFFF">4</view>
              <view class="ling"></view>    
              <view class="num color-02BFFF">5</view>
          </view>
          <view class="setp setp-text d-flex text-center">
            <view class="color-fff setp-text font-size-12">证件信息</view>     
            <view class="color-fff setp-text font-size-12">开户行信息</view>    
            <view class="color-fff setp-text font-size-12">经营信息</view>   
            <view class="color-fff setp-text font-size-12">信息审核</view>   
            <view class="color-fff setp-text font-size-12">实名认证</view>   
          </view>   
        </view>
      </view>
      <view class="organization font-size-12">
        <view class="d-flex flex-wrap-no">
          <view class="li {{activeIndex == index?'active pb-0':''}} pa-2 text-center" wx:for="{{ organizationList }}" wx:key="index" data-index="{{index}}" bindtap="selectActive">
            <view wx:if="{{ item.children && activeIndex == index }}" class="personal-list d-flex justify-content-center height-percentage-100">
              <view class="d-inline-block font-size-12 personal-li position-relative {{index1 === 0?'view-after':''}} {{index1 === setIndex?'border-bottom color-02BFFF':''}}" data-personIndex="{{index1}}" catchtap="setPersonIndex" wx:for="{{ item.list }}" wx:for-item="it" wx:key="index" wx:for-index="index1">{{it.text}}</view>            
            </view>
            <view class="personal" wx:else="{{ activeIndex == index}}">
              <view class="text-center">
                <view><icon class="iconfont {{item.icon}} color-333 font-size-28"></icon></view>
              </view>
              <view class="d-inline-block font-size-12">{{item.text}}</view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="bg-Identity">
      <view class="bg-fff min-height-375">
        <view class="pa-2" wx:if="{{ activeIndex === 0 && setIndex === 0 }}">
          <view class="person-title font-size-14 font-weight-600 color-333 mt-2">收款人证件信息<view class="font-size-12 color-999 d-inline-block font-weight-400">(大陆)</view></view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.IdentityImg }}" data-name="IdentityImg" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />
            </view>
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.IdentityImgBack }}" data-name="IdentityImgBack" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />         
            </view>
          </view>
        </view>
        <view class="pa-2" wx:if="{{ activeIndex === 0 && setIndex === 1 }}">
          <view class="person-title font-size-14 font-weight-600 color-333  mt-2">收款人证件信息<view class="font-size-12 color-999 d-inline-block font-weight-400">(大陆)</view></view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.IndividualBusiness }}" data-name="IndividualBusiness" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.IndividualBusinessBack }}" data-name="IndividualBusinessBack" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />
            </view>
          </view>
          <view class="person-title font-size-14 mt-2 font-weight-600 color-333">联系人证件信息</view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.contacts }}" data-name="contacts" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.contactsBack }}" data-name="contactsBack" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />
            </view>
          </view>
        </view>
        <view class="pa-2" wx:if="{{ activeIndex === 1 }}">
          <view class="person-title font-size-14 font-weight-600 color-333  mt-2">法人证件信息<view class="font-size-12 color-999 d-inline-block font-weight-400">(大陆)</view></view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.LegalPerson }}" data-name="LegalPerson" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.LegalPersonBack }}" data-name="LegalPersonBack" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />
            </view>
          </view>
          <view class="person-title font-size-14 mt-2 font-weight-600 color-333">联系人证件信息</view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.contacts }}" data-name="contacts" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.contactsBack }}" data-name="contactsBack" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />
            </view>
          </view>
        </view>
        <view class="pa-2" wx:if="{{ (setIndex === 0 && activeIndex === 2) || (setIndex === 1 && activeIndex === 2) ||  activeIndex === 3 }}">
          <view class="person-title font-size-14 font-weight-600 color-333  mt-2">负责人证件信息<view class="font-size-12 color-999 d-inline-block font-weight-400">(大陆)</view></view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.LegalPerson }}" data-name="LegalPerson" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.LegalPersonBack }}" data-name="LegalPersonBack" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />
            </view>
          </view>
          <view class="person-title font-size-14 mt-2 font-weight-600 color-333">联系人证件信息</view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.contacts }}" data-name="contacts" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.contactsBack }}" data-name="contactsBack" info="{{ pictureText.IdentityInfo }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />
            </view>
          </view>
        </view>
        
        <view class=" pa-2 mt-2 person-title font-size-12 color-999 d-flex justify-content-between"><view>请确保证件边框完整、字体清晰、亮度均匀。</view><view class="font-size-12 color-02BFFF">示例</view></view>
          <view class="d-flex pb-2 flex-wrap-no">
            <view class="text-center mx-1 w-25 mt-2">
              <image src="https://xiaozhisz.cn/image/718114c0-200a-4f0c-8981-bd8d2332f7df.png" mode="widthFix"></image>
              <view class="font-size-12 color-999"><van-icon name="passed" color="#02BFFF" size="14" />标准拍摄</view>
            </view>
            <view class="text-center mx-1 w-25 mt-2">
              <image src="https://xiaozhisz.cn/image/0d7d763b-0328-44f8-a897-164a013088e1.png" mode="widthFix"></image>
              <view class="font-size-12 color-999"><van-icon name="close" color="red" size="14" />边框缺失</view>
            </view>
            <view class="text-center mx-1 w-25 mt-2">
              <image src="https://xiaozhisz.cn/image/b2b489ac-4c11-47ae-9863-e9fa853339ab.png" mode="widthFix"></image>
              <view class="font-size-12 color-999"><van-icon name="close" color="red" size="14" />照片模糊</view>
            </view>
            <view class="text-center mx-1 w-25 mt-2">
              <image src="https://xiaozhisz.cn/image/719b7211-c39f-457c-9200-ff72191dd19b.png" mode="widthFix"></image>
              <view class="font-size-12 color-999"><van-icon name="close" color="red" size="14" />闪光强度</view>
            </view>
        </view>
        <view class="pa-2 border-top-gray" wx:if="{{ (setIndex === 0 && activeIndex === 2) || (setIndex === 1 && activeIndex === 2) ||  activeIndex === 3 }}">
        <view class=" pa-2 mt-2 person-title font-size-14 color-333 font-weight-600 d-flex justify-content-between"><view>登记证书类型</view><view class="font-size-12 color-999 font-weight-400">事业单位法人证书</view></view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="width-percentage-100 position-relative">
              <Uploader fileList="{{ fileList.RegistrationCertificate }}" data-name="RegistrationCertificate" info="{{ pictureText.RegistrationCertificate }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
          </view>
        </view>
        <view class="pa-2 border-top-gray" wx:if="{{ (setIndex === 0 && activeIndex === 2) || (setIndex === 1 && activeIndex === 2) ||  activeIndex === 3 }}">
        <view class="mt-2 person-title font-size-14 color-333 font-weight-600 d-flex justify-content-between"><view>单位证明函</view></view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="width-percentage-100 position-relative">
              <Uploader fileList="{{ fileList.UnitCertificationLetter }}" data-name="UnitCertificationLetter" info="{{ pictureText.UnitCertificationLetter }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
            <view class="width-percentage-100 position-relative">
              <Uploader fileList="{{ fileList.UnitCertificationLetterOne }}" data-name="UnitCertificationLetterOne" info="{{ pictureText.UnitCertificationLetterOne }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
          </view>
        </view>
        <view class="pa-2 border-top-gray" wx:if="{{ (setIndex === 0 && activeIndex === 2) || (setIndex === 1 && activeIndex === 2) ||  activeIndex === 3 }}">
        <view class="mt-2 person-title font-size-14 color-333 font-weight-600 d-flex justify-content-between"><view>特殊资质要求</view></view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="width-percentage-100 position-relative">
              <Uploader fileList="{{ fileList.SpecialQualificationRequirements }}" data-name="SpecialQualificationRequirements" info="{{ pictureText.SpecialQualificationRequirements }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
          </view>
        </view>
        <view class="pa-2 border-top-gray" wx:if="{{ (activeIndex === 0 && setIndex === 1 ) || activeIndex === 1 }}">
          <view class="person-title font-size-14 mt-2 font-weight-600 color-333">营业执照信息</view>
          <view class="d-flex idCard mt-2 text-center">
            <view class="w-50 position-relative">
              <Uploader fileList="{{ fileList.BusinessLicense }}" data-name="BusinessLicense" info="{{ pictureText.BusinessLicense }}" bind:afterRead="afterRead" bind:deleteImg="deleteImg" />            
            </view>
          </view>
        </view>

      </view>
    </view>
    <view class="position-fixed border-radios-10 next-step-button">
      <van-button type="info" block bindtap="stepMethods" data-step="1">下一步</van-button>
    </view>
  </view>
</view>

<van-popup show="{{ show }}" bind:close="onClose" round class="popup-content pa-2" custom-style="width:80%;padding:15px;border-radios:15px;overflow:hidden;">
  <view class="popup-title text-center font-size-16 font-weight-600 color-333 mb-4">温馨提示</view>
  <view class="color-999 font-size-12 popup-text mb-4">
    本次绑卡页面收集的银行卡、身份证、店面信息将提交给第三方支付公司以及银行开通支付及业务收款结算功能，如您不同意我们对此类信息的收集，您将无法使用前述功能。
  </view>
  <view class="d-flex justify-content-center mt-2">
    <view class="mx-1 w-30 font-size-16 popup-button-gray" data-agree="1" bindtap="agreeMethods">不同意</view>
    <view class="mx-1 w-30 font-size-16 popup-button-blue" data-agree="1" bindtap="agreeMethods">同意</view>
  </view>
</van-popup>