zj-teach/pages/teachAuthentication/teachAuthentication.wxml

<!--pages/teachAuthentication/teachAuthentication.wxml-->
<view class="teachContainer">
    <!-- 手机号 -->
    <view class="input-item">
        <text>手机号*：</text>
        <input class="userInput" type="number" bindinput="getPhoneNum" placeholder="请输入手机号" />
    </view>
    <!-- 微信号 -->
    <view class="input-item">
        <text>微信号*：</text>
        <input class="userInput" type="text" bindinput="getWeChatNum" confirm-type="done" placeholder="请输入微信号" />
    </view>
    <!-- 英文名 -->
    <view class="input-item">
        <text>英文名：</text>
        <input class="userInput" type="text" bindinput="getEnglishName" confirm-type="done" placeholder="请输入您的英文名" />
    </view>
    <!-- 真实姓名 -->
    <view class="input-name">
        <text>真实姓名*：</text>
        <view class="input-yourName">
            <text>姓*：</text>
            <input class="userInput" type="text" bindinput="getNameFirst" confirm-type="done" placeholder="请输入姓氏" />
            <text>名*：</text>
            <input class="input-ming" type="text" bindinput="getNameLast" confirm-type="done" placeholder="请输入名字" />
        </view>
    </view>
    <!-- 身份证号 -->
    <view class="input-item">
        <text>身份证号*：</text>
        <input class="userInput" bindinput="getIdInput" type="idcard" maxlength="18" placeholder="请输入您的身份证号码" />
    </view>
    <!-- 性别，根据身份证号自动判断 -->
    <view class="input-item">
        <text>性别*：<text style="color: #808080;">{{sex || '请先输入完整的身份证号码'}}</text></text>
    </view>
    <!-- 老师的身份 -->
    <view class="idAttribute">
        <view>身份*：</view>
        <view class="idAttribute-container" bindtap="chooseTeachAttr">
            <view class="teachAttribute">{{chosedTeachAttr || '请选择'}}</view>
            <view class="iconfont icon-xiangxia"></view>
        </view>
    </view>
    <!-- 身份证照片上传 -->
    <view class="idCard">
        <text class="idImag-tit">身份证照片*</text>
        <text class="explain">说明：需要能看清楚证件号码、日期及头像，否则审核不通过</text>
        <view class="idImagUp">
            <view class="idImag">
                <text wx:if="{{!idImgFontPath}}" class="idImgContainer iconfont icon-tupian" bindtap="chooseIdFront"></text>
                <image wx:else src="{{idImgFontPath}}" class="idImgContainer" bindtap="chooseIdFront"></image>
                <text>身份证正面</text>
            </view>
            <view class="idImag">
                <text wx:if="{{!idImgBackPath}}" class="idImgContainer iconfont icon-tupian" bindtap="chooseIdBack"></text>
                <image wx:else src="{{idImgBackPath}}" class="idImgContainer" bindtap="chooseIdBack"></image>
                <text>身份证背面</text>
            </view>
        </view>
    </view>
    <!-- 毕业证照片上传 -->
    <view class="myCard" wx:if="{{chosedTeachAttr==teachAttrList[1].attr}}">
        <text>毕业证*：</text>
        <text class="explain">需要能看清楚证书编号</text>
        <text wx:if="{{!diplomaPath}}" class="ImgContainer iconfont icon-tupian" bindtap="chooseDiploma"></text>
        <image wx:else src="{{diplomaPath}}" class="ImgContainer" bindtap="chooseDiploma"></image>
    </view>
    <!-- 学生证照片上传 -->
    <view class="myCard" wx:else>
        <text>学生证*：</text>
        <text class="explain">需要能看清头像</text>
        <text wx:if="{{!stuCardPath}}" class="ImgContainer iconfont icon-tupian" bindtap="chooseStuCard"></text>
        <image wx:else src="{{stuCardPath}}" class="ImgContainer" bindtap="chooseStuCard"></image>
    </view>
    <!-- 头像照片上传 -->
    <view class="myHead">
        <text>头像：</text>
        <text class="explain">（说明：只能上传证件照，上传其他照片审核不予通过）</text>
        <text wx:if="{{!headImgPath}}" class="ImgContainer iconfont icon-tupian" bindtap="chooseHeadImg"></text>
        <image wx:else src="{{headImgPath}}" class="ImgContainer" bindtap="chooseHeadImg"></image>
    </view>

    <!-- 学校填写 -->
    <view class="input-item">
        <text>毕业/就读学校*：</text>
        <input class="userInput" type="text" bindinput="getSchool" confirm-type="done" placeholder="请输入学校的全称" />
    </view>
    <!-- 专业填写 -->
    <view class="input-item">
        <text>所学专业*：</text>
        <input class="userInput" type="text" bindinput="getMajor" confirm-type="done" placeholder="请输入您的所学专业" />
    </view>
    <!-- 学历选择 -->
    <view class="education">
        <view>学历*：</view>
        <view class="education-container" bindtap="chooseEducation">
            <view class="teachEducation">{{chosedEducation || '请选择'}}</view>
            <view class="iconfont icon-xiangxia"></view>
        </view>
    </view>
    <!-- 籍贯填写 -->
    <view class="input-jiguan">
        <text>籍贯*：</text>
        <input class="userInput" type="text" bindinput="getProvince" confirm-type="done" placeholder-style="font-size:28rpx" placeholder="例：四川" />
        <text>省</text>
        <input class="userInput" type="text" bindinput="getCity" confirm-type="done" placeholder-style="font-size:28rpx" placeholder="例：成都" />
        <text>市/州</text>
        <input class="userInput" type="text" bindinput="getCounty" confirm-type="done" placeholder-style="font-size:28rpx" placeholder="例：武侯" />
        <text>区/县</text>
    </view>
</view>
<!-- 提交按钮 -->
<button class="submit" type="primary" bindtap="toSubmit">提交审核</button>
<!-- 底部空白区域，为了增加间隔效果，避免提交按钮完全贴着底边 -->
<view class="blank"></view>



<!-- 老师身份的选择列表 -->
<view class="idAttrChose" wx:if="{{showIdAttr}}">
    <!-- 空白区 -->
    <view class="mask" bindtap="hiddenTeachId"></view>
    <!-- 内容区 -->
    <view class="idAttr-wrapper">
        <view class="idAttr-title">
            <view bindtap="hiddenTeachId">取消</view>
            <view bindtap="confirmTeachId">确定</view>
        </view>
        <view class="idAttr-content" wx:for="{{teachAttrList}}" wx:key="key" bindtap="onidAttrSelect" data-index="{{index}}">
            <view style="position: absolute;left: 40rpx;">{{item.attr}}</view>
            <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
        </view>
    </view>
</view>


<!-- 学历选择列表 -->
<view class="eduChose" wx:if="{{showEdu}}">
    <!-- 空白区 -->
    <view class="mask" bindtap="hiddenEdu"></view>
    <!-- 内容区 -->
    <view class="edu-wrapper">
        <view class="edu-title">
            <view bindtap="hiddenEdu">取消</view>
            <view bindtap="confirmEdu">确定</view>
        </view>
        <view class="edu-content" wx:for="{{educationList[teachAttrIndex]}}" wx:key="key" bindtap="onEduSelect" data-index="{{index}}">
            <view style="position: absolute;left: 40rpx;">{{item.edu}}</view>
            <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
        </view>
    </view>
</view>