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/1738907080650.png" mode="widthFix" class="title-img" />

    <view class="section">
      <view class="section-content">
        <image src="./images/title1.png" class="section-title" />
        <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" >
          <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>
      </view>
    </view>

    <view class="section">
      <view class="section-content">
        <image src="./images/title2.png" class="section-title" />
        <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 border="{{ false }}" value="{{ currentGradeClassTxt }}" placeholder="请选择年级" input-align="right" is-link readonly bind:tap="onSelectGradeClass" >
          <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="{{102}}" show="{{showArea}}" position="bottom" safe-area-inset-bottom="{{false}}" bind:close="onCloseAreaList">
    <van-area id='area1' areaList="{{areaList}}" visible-item-count="5" item-height="46" value="{{ regionCode || cityCode }}" bind:cancel="onCloseAreaList" bind:confirm="submitArea" bind:change="onChangeAreaList" />
  </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" placeholder-style="color: #aaa">
        <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/1732182740363.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="{{ gradeClassList }}" visible-item-count="6" show-toolbar bind:cancel="onCloseGradeClass" bind:confirm="onSubmitGradeClass" bind:change="onGradeClassChange">
    </van-picker>
  </van-popup>
</view>