<!--pages/stuNeed/stuNeed.wxml-->
<view>
    <view class="stuNeedArea">
        <!-- 学生姓名 -->
        <view class="stuInfo">
            <view class="stuInfo-title">姓<text decode="true">&emsp;&emsp;</text>名*：</view>
            <input class="stuInput" type="text" placeholder="您的姓名" bindinput="getStuName" />
        </view>
        <!-- 学生手机号 -->
        <view class="stuInfo">
            <view class="stuInfo-title">手机号码*：</view>
            <input class="stuInput" type="number" placeholder="手机号码" bindinput="getStuPhone" />
        </view>
        <!-- 学生微信号 -->
        <view class="stuInfo">
            <view class="stuInfo-title">微<text decode="true">&ensp;</text>信<text decode="true">&ensp;</text>号*：</view>
            <input class="stuInput" type="text" placeholder="微信号(不便接听电话时微信沟通)" bindinput="getStuWeChat" />
        </view>
        <!-- 课程大类 -->
        <view class="stuInfo">
            <view>课程类别*：</view>
            <view class="stuNeedOptions" bindtap="chooseCourseTitle">
                <view class="stuCourse">{{chosedCourse || '请选择课程类别'}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 课程细分小类 -->
        <view class="stuInfo">
            <view>课程细分*：</view>
            <view class="stuNeedOptions" bindtap="toCourseDetail">
                <view class="stuCourse">{{chosedCourseDetail || '请先选择课程类别'}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 辅导方式 -->
        <view class="stuInfo">
            <view>辅导方式*：</view>
            <view class="stuNeedOptions" bindtap="toTeachPosition">
                <view class="stuCourse">{{teachPosition || '请选择'}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 学生性别 -->
        <view class="stuInfo">
            <view>学生性别*：</view>
            <view class="stuNeedOptions" bindtap="chooseStuSex">
                <view class="stuCourse">{{stuSex || '请选择'}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 课时费 -->
        <view class="stuInfo">
            <view class="stuInfo-title">课<text decode="true">&ensp;</text>时<text decode="true">&ensp;</text>费*：</view>
            <input class="stuInput" type="number" bindinput="getSalary" placeholder="请输入课时金额" />
        </view>
        <!-- 上课时间 -->
        <view>
            <text class="tr-title">上课时间*：</text>
            <view class="tr-container">
                <view class="tr_1">
                    <text class="th_0" decode="true">&ensp;&ensp;&ensp;&ensp;</text>
                    <text class="th_1">周一</text>
                    <text class="th_1">周二</text>
                    <text class="th_1">周三</text>
                    <text class="th_1">周四</text>
                    <text class="th_1">周五</text>
                    <text class="th_1">周六</text>
                    <text class="th_2">周日</text>
                </view>
                <view class="tr_2">
                    <checkbox-group>
                        <view class="th2_0">上午</view>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_2"></checkbox>
                    </checkbox-group>
                </view>
                <view class="tr_2">
                    <checkbox-group>
                        <view class="th2_0">下午</view>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_2"></checkbox>
                    </checkbox-group>
                </view>
                <view class="tr_2">
                    <checkbox-group>
                        <view class="th2_0">晚上</view>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_1"></checkbox>
                        <checkbox class="th2_2"></checkbox>
                    </checkbox-group>
                </view>
            </view>
        </view>
        <!-- 期望达到的目标或效果 -->
        <view class="stuGoal">
            <text>期望达到的目标或效果：</text>
            <textarea class="goal" name="" id="" cols="30" rows="10" maxlength="140" bindinput="getStuGoal"></textarea>
        </view>
        <!-- 老师身份 -->
        <view class="stuInfo">
            <view>老师身份：</view>
            <view class="stuNeedOptions" bindtap="chooseTeachAttr">
                <view class="stuCourse">{{teacherAttr}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 老师学历 不等于“不限”-->
        <view wx:if="{{teacherAttrIndex != 0}}" class="stuInfo">
            <view>老师学历：</view>
            <view class="stuNeedOptions" bindtap="chooseTeachEdu">
                <view class="stuCourse">{{teacherEdu}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 老师学历 等于“不限”-->
        <view wx:if="{{teacherAttrIndex == 0}}" class="stuInfo">
            <view>老师学历：</view>
            <view class="stuNeedOptions" bindtap="chooseTeachEduTwo">
                <view class="stuCourse">{{teacherEdu}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 老师性别 -->
        <view class="stuInfo">
            <view>老师性别：</view>
            <view class="stuNeedOptions" bindtap="chooseTeachSex">
                <view class="stuCourse">{{teacherSex}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 是否要求老师上传头像 -->
        <view class="stuInfo">
            <view>是否要求头像上传：</view>
            <view class="stuNeedOptions" bindtap="toTeacherImgUpload">
                <view class="stuCourse">{{teacherImg}}</view>
                <view class="iconfont icon-xiangxia"></view>
            </view>
        </view>
        <!-- 对老师的其他需求 -->
        <view class="stuGoal">
            <text>对老师的其他需求：</text>
            <textarea bindinput="getOtherNeed" class="goal" name="" id="" cols="30" rows="10" maxlength="140"></textarea>
        </view>

    </view>

    <!-- 提交按钮 -->
    <button class="submitBtn" type="primary" bindtap="toSubmit">提交</button>
</view>
<!-- 底部空白区域，为了增加间隔效果，避免提交按钮完全贴着底边 -->
<view class="blank"></view>

<!-- 以下是弹窗选区部分 -->
<!-- 课程类别（大类） -->
<view wx:if="{{showCourseTitle}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenCourseTitle"></view>
    <!-- 内容区 -->
    <view class="courseTitle-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenCourseTitle">取消</view>
            <view bindtap="confirmCourseTitle">确定</view>
        </view>
        <scroll-view scroll-y="true" class="CourseTitleScroll">
            <view class="chooseContent" wx:for="{{courseList}}" wx:key="key" bindtap="onChooseCourseTitle" data-index="{{index}}">
                <view style="position: absolute;left: 40rpx;">{{item.name}}</view>
                <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
            </view>
        </scroll-view>
    </view>
</view>

<!-- 课程细分（小类） -->
<view wx:if="{{showCourseDetail}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenCourseDetail"></view>
    <!-- 内容区 -->
    <view class="courseDetail-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenCourseDetail">取消</view>
            <view bindtap="confirmCourseDetail">确定</view>
        </view>
        <scroll-view scroll-y="true" class="courseDetailScroll">
            <view class="chooseContent" wx:for="{{courseDetail[courseChosedIndex]}}" wx:key="key" bindtap="onChooseCourseDetail" data-index="{{index}}">
                <view style="position: absolute;left: 40rpx;">{{item.courseName}}</view>
                <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
            </view>
        </scroll-view>
    </view>
</view>

<!-- 辅导方式 -->
<view wx:if="{{chosedTeachPosition}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenTeachPosition"></view>
    <!-- 内容区 -->
    <view class="options-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenTeachPosition">取消</view>
            <view bindtap="confirmTeachPosition">确定</view>
        </view>
        <view class="chooseContent" wx:for="{{teachPositions}}" wx:key="key" bindtap="onTeachPosition" data-index="{{index}}">
            <view style="position: absolute;left: 40rpx;">{{item.opType}}</view>
            <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
        </view>
    </view>
</view>

<!-- 学生性别 -->
<view wx:if="{{chosedStuSex}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenStuSex"></view>
    <!-- 内容区 -->
    <view class="options-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenStuSex">取消</view>
            <view bindtap="confirmChosedStuSex">确定</view>
        </view>
        <view class="chooseContent" wx:for="{{stuSexList}}" wx:key="key" bindtap="onChosedStuSex" data-index="{{index}}">
            <view style="position: absolute;left: 40rpx;">{{item.gender}}</view>
            <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
        </view>
    </view>
</view>

<!-- 老师身份 -->
<view wx:if="{{chosedTeacherAttr}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenTeacherAttr"></view>
    <!-- 内容区 -->
    <view class="options-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenTeacherAttr">取消</view>
            <view bindtap="confirmTeacherAttr">确定</view>
        </view>
        <view class="chooseContent" wx:for="{{teacherAttrList}}" wx:key="key" bindtap="onChosedTeacherAttr" 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 wx:if="{{showTeachEdu && teacherAttr != '不限'}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenTeachEdu"></view>
    <!-- 内容区 -->
    <view class="options-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenTeachEdu">取消</view>
            <view bindtap="confirmTeachEdu">确定</view>
        </view>
        <view class="chooseContent" wx:for="{{educationList[teacherAttrIndex]}}" wx:key="key" bindtap="onChosedTeacherEdu" 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>
<!-- 老师身份等于“不限”时 -->
<view wx:if="{{showTeachEdu && teacherAttr == '不限'}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenTeachEduT"></view>
    <!-- 内容区 -->
    <view class="options-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenTeachEduT">取消</view>
            <view bindtap="confirmTeachEduT">确定</view>
        </view>
        <view class="chooseContent" wx:for="{{educationL}}" wx:key="key" bindtap="onChosedTeacherEduT" 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>

<!-- 老师性别 -->
<view wx:if="{{showTeachSex}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenTeachSex"></view>
    <!-- 内容区 -->
    <view class="options-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenTeachSex">取消</view>
            <view bindtap="confirmTeacherSex">确定</view>
        </view>
        <view class="chooseContent" wx:for="{{teachSexList}}" wx:key="key" bindtap="onChosedTeachsex" data-index="{{index}}">
            <view style="position: absolute;left: 40rpx;">{{item.sex}}</view>
            <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
        </view>
    </view>
</view>

<!-- 老师头像是否上传 -->
<view wx:if="{{showTeachImg}}">
    <!-- 空白区（背景） -->
    <view class="mask" bindtap="hiddenTeacherImgUpload"></view>
    <!-- 内容区 -->
    <view class="options-wrapper">
        <view class="chooseContent-title">
            <view bindtap="hiddenTeacherImgUpload">取消</view>
            <view bindtap="confirmTeacherImgUpload">确定</view>
        </view>
        <view class="chooseContent" wx:for="{{teacherImgList}}" wx:key="key" bindtap="onChosedImgUpload" data-index="{{index}}">
            <view style="position: absolute;left: 40rpx;">{{item.imgUpload}}</view>
            <image style="position: absolute;right: 40rpx;" src="{{item.chosed?'/images/selected.png':'/images/selectNull.png'}}"></image>
        </view>
    </view>
</view>