151 lines
7.3 KiB
Plaintext
151 lines
7.3 KiB
Plaintext
<!--pages/register/register.wxml-->
|
|
<view class="container-box">
|
|
<view class="home-bg">
|
|
<!-- 自定义头部start -->
|
|
<view class="custom flex_center back-none" style="padding-top:{{statusBarHeight}}px;">
|
|
<image class="go-back" src="../../assets/images/back-white.png" bindtap="goBack"></image>
|
|
<text>注册</text>
|
|
</view>
|
|
<view class="empty_custom back-none" style="padding-top:{{statusBarHeight}}px"></view>
|
|
<!-- 空view用来填充自定义头部的padding-top -->
|
|
<!-- 自定义头部end -->
|
|
<image class="bg-image" mode="scaleToFill" src="../../assets/images/login-bg.png"></image>
|
|
<view class="bg-text">
|
|
<text>您好，欢迎注册</text>
|
|
<text>{{appletName}}</text>
|
|
</view>
|
|
</view>
|
|
<form bindsubmit="formSubmit" class="form-box">
|
|
<!-- 步骤条begin -->
|
|
<view class="step">
|
|
<view class=" {{currentTab === 1?'step-first-active':'step-first'}}">1</view>
|
|
<text class=" {{currentTab === 1?'step-first-text-active':'step-first-text'}}"></text>
|
|
<text class=" {{currentTab === 2?'step-second-text-active':'step-second-text'}}"></text>
|
|
<view class=" {{currentTab === 2?'step-second-active':'step-second'}}">2</view>
|
|
</view>
|
|
<view class="step-title">
|
|
<text class=" {{currentTab === 1?'step-first-title-active':'step-first-title'}}">设置密码</text>
|
|
<text class=" {{currentTab === 2?'step-second-title-active':'step-second-title'}}">完善信息</text>
|
|
</view>
|
|
<!-- 步骤条end -->
|
|
<view class="item" wx:if="{{currentTab === 1}}">
|
|
<view class="label validate">手机号</view>
|
|
<view class="value">
|
|
<input name="phone" value="{{phone}}" bindblur="validatePhone" data-type="phone" data-message='请输入手机号' data-errmsg='请输入正确的手机号' type="number" maxlength="11" bindinput="bindInputPhone" placeholder="请输入手机号" />
|
|
</view>
|
|
</view>
|
|
<view class="item" wx:if="{{currentTab === 1}}">
|
|
<view class="label validate">验证码</view>
|
|
<view class="value">
|
|
<input name="captcha" value="{{captcha}}" bindblur="validateVerCode" placeholder="请输入验证码" data-message='请输入验证码' />
|
|
</view>
|
|
<view wx:if="{{showGetCaptcha}}" class="captcha" bindtap="getVerCode">获取验证码</view>
|
|
<view wx:else="{{showGetCaptcha}}" class="captcha count">{{count}}</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 1}}">
|
|
<view class="label validate">密码</view>
|
|
<view class="value text-password">
|
|
<input name="password" value="{{password}}" maxlength="50" password="{{show}}" placeholder="请输入密码" bindblur="validatePsd" data-message='请输入密码' data-errmsg='密码至少八位,需包含大小写字母、数字、特殊符号'
|
|
bindinput="handlePasswordInput" />
|
|
<image src="../../assets/images/show.png" class="show" wx:if="{{!show}}" bindtap="showPassword"></image>
|
|
<image src="../../assets/images/none.png" class="show" wx:if="{{show}}" bindtap="showPassword"></image>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="item" wx:if="{{currentTab === 1}}">
|
|
<view class="label validate">确认密码</view>
|
|
<view class="value text-password">
|
|
<input name="confirmPassword" maxlength="50" value="{{confirmPassword}}" password="{{confirmshow}}" placeholder="请输入确认密码" bindblur="validateConfirmPsd" data-message='请输入确认密码' data-errmsg='确认密码与密码不一致'
|
|
bindinput="handlePasswordInput" />
|
|
<image src="../../assets/images/show.png" class="show" wx:if="{{!confirmshow}}" bindtap="showConfirmPassword">
|
|
</image>
|
|
<image src="../../assets/images/none.png" class="show" wx:if="{{confirmshow}}" bindtap="showConfirmPassword">
|
|
</image>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 第二步完善信息begin -->
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label">企业名称</view>
|
|
<view class="value">
|
|
<input name="companyName" value="{{selectedCompany.companyName}}" bindfocus="selectCompany" placeholder="请输入企业名称" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label validate">姓名</view>
|
|
<view class="value">
|
|
<input name="name" bindblur="validateName" data-message='请输入姓名' value="{{currentInfo.name}}" maxlength="50" placeholder="请输入姓名" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label validate">邮政编码</view>
|
|
<view class="value">
|
|
<input name="postalCode" bindblur="validatePostalCode" data-message='请输入邮政编码' data-errmsg='请输入正确的邮政编码' type="number" maxlength="6" value="{{currentInfo.postalCode}}" placeholder="请输入邮政编码" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label validate">手机号</view>
|
|
<view class="value">
|
|
<input name="phone" bindblur="validatePhoneCurent" disabled data-type="phone" data-message='请输入手机号' data-errmsg='请输入正确的手机号' type="number" maxlength="11" value="{{prePageData.phone}}" placeholder="请输入手机号" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label">职务</view>
|
|
<view class="value">
|
|
<input name="post" value="{{currentInfo.post}}" maxlength="50" placeholder="请输入职务" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label validate">性别</view>
|
|
<view class="value">
|
|
<radio-group name='sex' value="{{currentInfo.gender}}" bindchange="changeGender">
|
|
<label class="radio radio-item" wx:for="{{sexList}}" wx:key="item">
|
|
<radio class="radio-scale" value="{{item.val}}" color="#069F99"/>{{item.name}}
|
|
</label>
|
|
</radio-group>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label validate">通讯地址</view>
|
|
<view class="value">
|
|
<input name="contactAddress" value="{{currentInfo.contactAddress}}" bindblur="validateContactAddress" data-message='请输入通讯地址' maxlength="50" placeholder="请输入通讯地址" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label validate">邮箱</view>
|
|
<view class="value">
|
|
<input name="email" value="{{currentInfo.email}}" bindblur="validateEmail" data-message='请输入邮箱' data-errmsg='请输入正确的邮箱' maxlength="50" placeholder="请输入邮箱" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="item" wx:if="{{currentTab === 2}}">
|
|
<view class="label">备注</view>
|
|
<view class="value">
|
|
<textarea maxlength="200" name='remarks' value="{{currentInfo.remarks}}" bindblur="bindTextAreaBlur" placeholder="请输入备注" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 第二部完善信息end -->
|
|
|
|
|
|
<view class="btn-area" wx:if="{{currentTab === 1}}">
|
|
<button type="primary" bindtap="nextStep">下一步</button>
|
|
</view>
|
|
|
|
<!-- 最后的提交按钮 -->
|
|
<view class="btn-area" wx:if="{{currentTab === 2 }}">
|
|
<button bindtap="preStep" class="pre-step">上一步</button>
|
|
<button type="primary" formType="submit" class="submit">提交</button>
|
|
</view>
|
|
|
|
</form>
|
|
</view> |