epdc-resident-mp-js/subpages/heart/pages/volunteer/volunteer.wxml

<wux-dialog id="wux-dialog" />
<view class="container">
  <view class="top-bg">
    <image src="../../images/renzheng-bg.png" />
  </view>
  <view class="position-absolute">
    <!-- 基本信息 -->
    <view class="basic-info">
      <view class="info-box">
        <view class="info-left header">
          基本信息
        </view>
        <view class="clear"></view>
      </view>
      <view class="list-item real-name">
        <view class="left">
          <text class="must">*</text>
          <view class="title">姓名</view>
        </view>
        <view class="right">
          <input confirm-type="next" bindblur="bindRealNameInput" bindinput="bindRealNameInput" value="{{realName}}" placeholder-class="placeholder-style" placeholder="请输入姓名" />
        </view>
      </view>
      <view class="list-item identity-no">
        <view class="left">
          <text class="must">*</text>
          <view class="title">身份证号</view>
        </view>
        <view class="right">
          <input type="idcard" bindblur="bindIdentityNoInput" bindinput="bindIdentityNoInput" value="{{identityNo}}" placeholder-class="placeholder-style" placeholder="实名认证请输入身份证" />
        </view>
      </view>
      <view class="list-item mobile" wx:if="{{getMobileType === 'wx'}}">
        <view class="left">
          <text class="must">*</text>
          <view class="title">手机号</view>
        </view>
        <view class="right">
          <input wx:if="{{mobile}}" disabled="{{true}}" type="number" bindblur="bindMobileInput" bindinput="bindMobileInput" value="{{mobile}}" placeholder-class="placeholder-style" placeholder="请获取手机号" />
          <button hover-class="button-hover" class="get-code" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">{{mobile ? '重新获取' : '获取手机号'}}</button>
        </view>
      </view>
      <view class="list-item mobile" wx:if="{{getMobileType === 'self'}}">
        <view class="left">
          <text class="must">*</text>
          <view class="title">手机号</view>
        </view>
        <view class="right">
          <input type="number" bindblur="bindMobileInput" bindinput="bindMobileInput" value="{{mobile}}" placeholder-class="placeholder-style" placeholder="请输入手机号" />
        </view>
      </view>
      <view class="list-item sms-code" wx:if="{{getMobileType === 'self'}}">
        <view class="left">
          <text class="must">*</text>
          <view class="title">验证码</view>
        </view>
        <view class="right code">
          <input bindblur="bindSmsCodeInput" bindinput="bindSmsCodeInput" value="{{smsCode}}" placeholder-class="placeholder-style" placeholder="请输入验证码" />
          <button disabled="{{smsCodeText !== '获取验证码'}}" bindtap="getSmsCode" hover-class="button-hover" class="get-code">{{smsCodeText}}</button>
        </view>
      </view>
    </view>

    <view class="note" bindtap="changeGetMobileType">{{getMobileType === 'wx' ? '*如若获取手机号异常，请点击切换至手机号/验证码注册方式' : '*点击可切回至从微信获取手机号注册方式'}}</view>
    <!-- 头像 -->
    <view class="my-info magin-top">
      <view class="head-portrait">
        <view class="head-portrait-name">头像</view>
        <view class="head-portrait-image" bindtap="chooseImage">
          <image class="photo" src="{{volunteerFaceImg}}"></image>
          <image class="photo-right" src="../../images/ic_jinruxiayiye@2x.png"></image>
        </view>
      </view>
      <view class="head-portrait">
        <view class="head-portrait-name">昵称</view>
        <view class="nickname">
          <input class="nicknameinput" bindblur="nickname" bindinput="nickname" value="{{volunteerNickname}}" placeholder-class="placeholder-style" placeholder="请输入您的昵称" />
        </view>
      </view>

      <view class="head-portrait-last">
        <view class="head-portrait-name-last">签名</view>
      </view>
      <view class="info-box-last-v2">
        <view class="introduce">
          <textarea value="{{volunteerSignature}}" placeholder="请输入您的签名" bindblur="volunteerSignature" bindinput="volunteerSignature" maxlength="20"></textarea>
        </view>
      </view>

      
    </view>
   
    <!-- 居住地址 -->
    <view class="info magin-top">
      <view class="info-box">
        <view class="info-left header">
          居住地址
        </view>
        <view class="clear"></view>
      </view>

      <!-- <view class="info-box">
        <view class="address name">
          {{gridName}}
        </view>
      </view> -->

      <view class="info-box">
        <view class="address name">
          <input placeholder="请输入所在小区或所在道路" controlled value="{{road}}" bind:change="adInputStreet"></input>
        </view>
        <view class="clear"></view>
      </view>

      <!-- <view class="info-box">
        <view class="address name">
         <input placeholder="小区名称" controlled value="{{villageName}}" bind:change="adInputCommunity"></input>
        </view>
        <view class="clear"></view>
      </view> -->

      <!-- <view class="info-box-last">
        <view class="address name">
         <input placeholder="详细地址 （楼栋号/单元/室）" controlled value="{{dwellingPlace}}" bind:change="adInputBuilding"></input>
        </view>
        <view class="clear"></view>
      </view> -->
    </view>

    <!-- 居住地址 -->
    <view class="info magin-top">
      <view class="info-box">
        <view class="info-left header">
          自我介绍
        </view>
        <view class="clear"></view>
      </view>

      <view class="info-box-last">
        <view class="introduce">
          <textarea value="{{introduce}}" placeholder="请输入自我介绍、是否参加过公益活动、参加了哪些公益活动" bindblur="adInputIntroduce" bindinput="adInputIntroduce" maxlength="500"></textarea>
        </view>
      </view>
    </view>

    <view class="submit-btn" wx:if="{{unionIdStatus === '1'}}">
      <button hover-class="hover-button" bindtap="submission">提交认证</button>
    </view>

    <view class="submit-btn" wx:elif="{{unionIdStatus === '0'}}">
      <button hover-class="hover-button" open-type="getUserInfo" bindgetuserinfo="getUserInfo">提交认证</button>
    </view>

  </view>
</view>

<coverview-dialog bind:close="confirmDialog" bind:confirm="confirmDialog" dialogVisible="{{dialogVisible}}" title="{{dialogTitle}}" content="{{dialogContent}}" confirmText="{{dialogConfirmText}}" cancelText="{{dialogCancelText}}">
</coverview-dialog>
<wux-actionsheet id="wux-actionsheet" />