锦水志愿者去哪小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

222 lines
9.4 KiB

<wux-dialog id="wux-dialog" />
<view class="header" style="height: {{statusHeight + navigationHeight}}px;">
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/49/rBAB71-aUhaAXIyeAADY71bhqjs551.png" />
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">
<view class="goback" bindtap="goback">
<image src="../../images/goback.png" />
</view>
<view class="title" bindtap="goback">
<view class="title-right">志愿者去哪儿</view>
</view>
<!-- 志愿者去哪儿 -->
</view>
</view>
<view class="container" style="margin-top: {{statusHeight + navigationHeight}}px">
<view class="top-bg">
<image src="{{getImgUrl.imgUrl}}" />
</view>
<view class="position-absolute">
<!-- 基本信息 -->
<view class="basic-info">
<view class="info-box">
<view class="info-left header-title">
基本信息
</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 maxlength="20" 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"><text class="must">*</text>头像</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"><text class="must">*</text>昵称</view>
<view class="nickname">
<input class="nicknameinput" bindblur="nickname" bindinput="nickname" value="{{volunteerNickname}}" placeholder-class="placeholder-style" placeholder="请输入您的昵称" />
</view>
</view>
<!-- <view class="head-portrait">
<view class="head-portrait-name">选择小组</view>
<picker bindchange="choosePicker" value="{{tagIndex}}" range="{{tagList}}" range-key="tagName">
<view class="picker">
{{tagList[tagIndex].tagName}}
</view>
</picker>
</view>
<view class="head-portrait" >
<view class="head-portrait-name">选择部门</view>
<picker bindchange="choosePicker2" value="{{deptIndex}}" range="{{deptList}}" range-key="deptName">
<view class="picker">
{{deptList[deptIndex].deptName}}
</view>
</picker>
</view> -->
<!-- <view class="head-portrait" >
<view class="head-portrait-name">选择团队分类</view>
<picker bindchange="chooseTeamType" value="{{teamTypeIndex}}" range="{{teamTypeList}}" range-key="typeName">
<view class="picker">
{{teamTypeList[teamTypeIndex].typeName}}
</view>
</picker>
</view>
<view class="head-portrait" >
<view class="head-portrait-name">选择团队名称</view>
<picker bindchange="chooseTeamName" value="{{teamIndex}}" range="{{teamList}}" range-key="teamName">
<view class="picker">
{{teamList[teamIndex].teamName}}
</view>
</picker>
</view> -->
<view class="head-portrait-last">
<view class="head-portrait-name-last">格言</view>
</view>
<view class="info-box-last-v2">
<view class="introduce">
<textarea disabled= '{{disabled}}' placeholder-class="placeholder-style" value="{{volunteerSignature}}" placeholder="请输入您的格言" bindblur="volunteerSignature" bindinput="volunteerSignature" maxlength="20"></textarea>
</view>
</view>
</view>
<!-- 已加入团队 -->
<view class="info magin-top" wx:if="{{teamNames.length > 0}}">
<view class="info-box">
<view class="info-left header-title">
已加入团队
</view>
<view class="clear"></view>
</view>
<view class="info-box">
<view class="address name">
<view wx:for="{{teamNames}}" wx:key="index">{{item}}</view>
</view>
<view class="clear"></view>
</view>
</view>
<!-- 居住地址 -->
<view class="info magin-top">
<view class="info-box">
<view class="info-left header-title">
居住地址
</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-class="placeholder-style" 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 disabled= '{{disabled}}' placeholder-class="placeholder-style" 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" disabled="{{lock}}">
<image src="../../images/submit-bk.png" />
<text >提交认证</text>
</button>
</view>
<view class="submit-btn" wx:elif="{{unionIdStatus === '0'}}">
<button hover-class="hover-button" open-type="getUserInfo" bindgetuserinfo="getUserInfo" disabled="{{lock}}">
<image src="../../images/submit-bk.png" />
<text >提交认证</text>
</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" />