karamay_wx/pages/index/active-people/active-people.wxml

<view class="visit-people-container">
  <!-- 预约日期信息 -->
  <view class="date-info" wx:if="{{!showExistingPage}}">
    <image class="bg-img" src="https://swkz-1332577016.cos.ap-guangzhou.myqcloud.com/imgs/indexPage/img.png" mode="aspectFill"></image>
    <view class="date-content">
      <view class="date-label"><text class="title">预约日期：</text>{{selectedDate}}</view>
      <view class="time-label"><text class="title">活动标题：</text>{{title}}</view>
    </view>
  </view>

  <!-- 新增参观人页面 -->
  <view wx:if="{{!showExistingPage}}" class="main-content">
    <!-- 新增参观人和选择已有参观人按钮 -->
    <view class="action-buttons">
      <button class="add-new-btn" bindtap="addNewVisitor">新增参观人</button>
      <button class="select-existing-btn" bindtap="showExistingVisitors">选择已有参观人</button>
    </view>

    <!-- 参观人信息列表 -->
    <scroll-view class="visitor-list" scroll-y="true">
      <view wx:for="{{visitors}}" wx:key="index" class="visitor-card">
        <view class="visitor-header">
          <text class="visitor-title">参观人信息{{index + 1}}</text>
          <view class="delete-btn" bindtap="removeVisitor" data-index="{{index}}">
            <image class="delete-img" src="https://swkz-1332577016.cos.ap-guangzhou.myqcloud.com/imgs/indexPage/icon_delete.png" />
            删除
          </view>
        </view>
        
        <view class="visitor-form">
          <view class="form-item">
            <view class="form-label">姓名</view>
            <view class="form-input">
              <input 
                class="bottom-line-input {{item.nameError ? 'error-line' : ''}}"
                placeholder="请输入您的姓名"
                value="{{item.name}}"
                bindinput="onNameInput"
                bindblur="validateName"
                data-index="{{index}}"
              />
              <view wx:if="{{item.nameError}}" class="error-msg">{{item.nameError}}</view>
            </view>
          </view>

          <view class="form-item">
            <view class="form-label">电话号码</view>
            <view class="form-input">
              <input 
                class="bottom-line-input {{item.phoneError ? 'error-line' : ''}}"
                placeholder="请输入11位数字"
                value="{{item.phone}}"
                bindinput="onPhoneInput"
                bindblur="validatePhone"
                data-index="{{index}}"
                type="number"
              />
              <view wx:if="{{item.phoneError}}" class="error-msg">{{item.phoneError}}</view>
            </view>
          </view>

          <view class="form-item">
            <view class="form-label">证件类型</view>
            <view class="form-input">
              <picker 
                class="bottom-line-select"
                range="{{idTypes}}"
                range-key="name"
                value="{{item.idTypeIndex}}"
                bindchange="onIdTypeChange"
                data-index="{{index}}"
              >
                <view class="picker-text">{{item.idType || '请选择证件类型'}}</view>
              </picker>
            </view>
          </view>

          <view class="form-item">
            <view class="form-label">证件号码</view>
            <view class="form-input">
              <input 
                class="bottom-line-input {{item.idNumberError ? 'error-line' : ''}}"
                placeholder="请输入18位证件编码"
                value="{{item.idCard}}"
                bindinput="onIdNumberInput"
                bindblur="validateIdNumber"
                data-index="{{index}}"
              />
              <view wx:if="{{item.idNumberError}}" class="error-msg">{{item.idNumberError}}</view>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>

    <!-- 下一步按钮 -->
    <view class="next-button-container">
      <view class="next-btn {{!isFormValid ? 'disabled' : ''}}" bindtap="submitReservation" disabled="{{!isFormValid}}">下一步</view>
    </view>
  </view>

  <!-- 选择已有参观人页面 -->
  <view wx:if="{{showExistingPage}}" class="existing-page">
    <view class="existing-visitors-list">
      <view 
        wx:for="{{existingVisitors}}" 
        wx:key="index" 
        class="existing-visitor-item"
        bindtap="toggleExistingVisitor"
        data-index="{{index}}"
      >
        <view class="visitor-info">
          <view class="visitor-name">姓名：{{item.name}}</view>
          <view class="visitor-id">证件号：{{item.idCard}}</view>
          <view class="visitor-phone">电话号码：{{item.phone}}</view>
        </view>
        <view class="checkbox {{item.selected ? 'checked' : ''}}">
          <text wx:if="{{item.selected}}">✓</text>
        </view>
      </view>
    </view>
    <view class="existing-actions">
      <button class="confirm-btn" bindtap="confirmExistingVisitors">确定</button>
    </view>
  </view>

  <!-- 成功弹窗 -->
  <view wx:if="{{showSuccessModal}}" class="modal-overlay" bindtap="closeSuccessModal">
    <view class="success-modal" catchtap="stopPropagation">
      <view class="success-icon">✓</view>
      <view class="success-text">预约成功</view>
      <button class="success-btn" bindtap="closeSuccessModal">确认</button>
    </view>
  </view>
</view>