classroom-music-activation/miniprogram/pages/buyerInformation/index.wxml

<!--pages/buyerInformation/index.wxml-->
<view class="container">
  <navigation-bar delta="0" bind:back="onBack" title="" background-color="transparent"></navigation-bar>
  <scroll-view class="record-list" type="list" scroll-y>
    <image src="https://oss.dayaedu.com/ktyq/1739781586832.png" mode="widthFix" class="title-img" />

    <view class="section">
      <view class="section-content">
        <van-field value="{{ provinceName ? (provinceName || '') + ' ' + (cityName || '') + ' ' + (regionName || '') : '' }}" bind:tap="onShowAreaList" placeholder="请选择地区" input-align="right" is-link readonly>
          <view class="required" slot="label"><text>*</text>所在地区</view>
        </van-field>
        <van-field model:value="{{ schoolAreaName }}" placeholder="请选择学校" input-align="right" is-link readonly bind:tap="onSelectSchool">
          <view class="required" slot="label"><text>*</text>所在学校</view>
        </van-field>
        <van-field model:value="{{ phone }}" maxlength="11" type="number" placeholder="请输入手机号码" input-align="right">
          <view class="required" slot="label"><text>*</text>联系方式</view>
        </van-field>
        <van-field model:value="{{ name }}" placeholder="请输入学生姓名" input-align="right" maxlength="14">
          <view class="required" slot="label"><text>*</text>学生姓名</view>
        </van-field>
        <van-field border="{{ false }}" input-align="right">
          <view class="required" slot="label"><text>*</text>学生性别</view>
          <view class="gender-section" slot="button">
            <view class="gender-item {{ gender === '1' ? 'active' : '' }}" bind:tap="onCheckGender" data-gender="1">男</view>
            <view class="gender-item {{ gender === '0' ? 'active' : '' }}" bind:tap="onCheckGender" data-gender="0">女</view>
          </view>
        </van-field>
        <van-field value="{{ currentGradeTxt }}" input-align="right"  placeholder="请选择所在年级" is-link readonly bind:tap="onSelectGradeClass" >
          <view class="required" slot="label"><text>*</text>所在年级</view>
        </van-field>
        <van-field value="{{ currentClassTxt }}" input-align="right" placeholder="请选择所在年级" is-link readonly bind:tap="onSelectClass" >
          <view class="required" slot="label"><text>*</text>所在班级</view>
        </van-field>
      </view>
    </view>
  </scroll-view>

  <view class="btnGroup">
    <button type="primary" bind:tap="onSubmit">
      确认
    </button>
  </view>


  <!-- 地区 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{103}}" show="{{showArea}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseAreaList" bind:after-leave="onAreaAfterLeave" bind:before-enter="onAreaBeforeEnter">
    <van-area wx:if="{{ !showAreaAfterLeave }}" id='area1' areaList="{{areaList}}" visible-item-count="6" item-height="46" value="{{ regionCode || cityCode }}" bind:cancel="onCloseAreaList" bind:confirm="submitArea" />
  </van-popup>

  <!-- 学校 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{102}}" show="{{showSchool}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseSchool" bind:after-leave="onSchoolAfterLeave" bind:before-enter="onSchoolBeforeEnter">
    <view class="toolbar-top">
      <view class="toolbar-cancel" bind:tap="onCloseSchool">取消</view>
      <view class="toolbar-confirm" bind:tap="onSubmitSchool">确认</view>
    </view>
    <view class="searchList" wx:if="{{ !showSchoolAfterLeave }}">
      <van-search value="{{ searchName }}" use-left-icon-slot use-action-slot show-action custom-class="searchInput" placeholder="请输入学校名称关键词" bind:search="onSearch" bind:clear="onSearch" bind:change="onSearchChange">
        <image slot="left-icon" src="./images/icon-search.png" class="icon-search" />
        <view slot="action" class="searchBtn" bind:tap="onSearch">搜索</view>
      </van-search>
    </view>
    <van-picker loading="{{ schoolLoading }}" wx:if="{{ !showSchoolAfterLeave && schoolAreaList.length > 0 }}" columns="{{ schoolAreaList }}" bind:change="onChangeSchool" visible-item-count="4" default-index="{{ schoolAreaIndex }}">
    </van-picker>
    <view class="empty-box" wx:if="{{ schoolAreaList.length <= 0 }}">
      <view class="empty_loading" wx:if="{{ schoolLoading }}">
        <van-loading color="#1989fa" />
      </view>
      <image mode="widthFix" src="https://oss.dayaedu.com/ktyq/1731839238916.png"></image>
      <view class="empty-text">暂无数据</view>
    </view>
  </van-popup>


  <!-- 年级 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{102}}" show="{{showGradeClass}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseGradeClass" bind:after-leave="onGradeClassAfterLeave" bind:before-enter="onGradeClassBeforeEnter">
    <van-picker wx:if="{{ !showGradeClassAfterLeave }}" columns="{{ gradeGradeList }}" visible-item-count="4" show-toolbar default-index="{{ gradeGradeIndex }}" bind:cancel="onCloseGradeClass" bind:confirm="onSubmitGradeClass">
    </van-picker>
  </van-popup>
  <!-- 班级 -->
  <van-popup round="{{true}}" lock-scroll="{{true}}" z-index="{{102}}" show="{{showClass}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseClass" bind:after-leave="onClassAfterLeave" bind:before-enter="onClassBeforeEnter">
    <van-picker wx:if="{{ !showClassAfterLeave }}" columns="{{ classList }}" visible-item-count="4" show-toolbar default-index="{{ classIndex }}" bind:cancel="onCloseClass" bind:confirm="onSubmitClass">
    </van-picker>
  </van-popup>
</view>