vip-login.wxml 3.28 KB
<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <view class="table">
        <!-- 表单 -->
        <view class="form">
          <view class="form-item">
            <view class="label">真实姓名</view>
            <input class="cont" value="{{name}}" bindinput="bindNameInput" placeholder="请输入" />
          </view>
          <picker value="{{membersShipIndex}}" range="{{membersShipList}}" range-key="memberTypeName" bindchange="bindMembersShipChange">
            <view class="form-item">
              <view class="label">会员身份</view>
              <span class="cont">{{memberTypeName || '请选择'}}</span>
              <view class="exts" data-data="{{contactInfo.contactTel}}">
                <image class="icon" mode="aspectFit" src="../../image/icon/icon-arrow-right.png" />
              </view>
            </view>
          </picker>
          <view class="form-item">
            <view class="label">区域</view>
            <view class="cont address">
              <picker class="area" bindchange="bindPickerChangeProvince" value="{{provinceIndex}}" range="{{provinceList}}" range-key="areaName">
                {{province || '省'}}
              </picker>
              <view class="line"></view>
              <picker class="area" bindchange="bindPickerChangeCity" value="{{cityIndex}}" range="{{cityList}}" range-key="areaName">
                {{city || '市'}}
              </picker>
            </view>
          </view>
          <view class="form-item">
            <view class="label">手机号码</view>
            <input class="cont" value="{{mobile}}" bindinput="bindMobileInput" type="number" placeholder="请输入" />
          </view>
          <view class="form-item">
            <view class="label">验证码</view>
            <input class="cont" bindinput="bindVerifyCodeInput" type="number" placeholder="请输入" />
            <view value="{{verifyCode}}" class="exts" bindtap="onSelectMembersShipHandler" data-data="{{contactInfo.contactTel}}">
              <view bindtap="reqGetSmsRequest" class="code">
                {{sendAuthCode ? "获取验证码": auth_time+"(s)"}}
              </view>
            </view>
          </view>
        </view>
        <!-- 上传 -->
        <view class="upload">
          <view class="upload-tit">请上传身份证或电工证,审核后,可签到及兑换积分</view>
          <view class="upload-wrap">
            <view class="upload-wrap-item">
              <image class="image" bindtap="onUploadHandler" mode="aspectFit" src="{{files[0] && files[0].path?files[0].path:'../../image/icon/icon-plus.png'}}" />
              <view class="tips">身份证正面</view>
            </view>
            <view class="upload-wrap-item">
              <image class="image" mode="aspectFit" src="../../image/icon/icon-id-card.png" />
              <view class="tips">示例</view>
            </view>
          </view>
        </view>
        <!-- 提交按钮 -->
        <view class="submit-btn" bindtap="onSubmitHandler">确认提交</view>
      </view>
    </view>
  </view>
</view>
<van-popup show="{{ authorizeVisible }}">
  <authorize-comp bind:evtcomp="evtcomp"></authorize-comp>
</van-popup>