微信小程序（预约）

//.js
Page({
  data: {
    hospitalList: ['儿童医院', '妇科医院中', '省医院'], // 替换为实际医院列表
    departmentList: ['儿童科室', '心脏科室', '全能科室'], // 替换为实际科室列表
    doctorList: ['院长级医生', '实习医生', '普通医生'], // 替换为实际医生列表
    selectedHospital: '请选择医院',
    selectedDepartment: '请选择科室',
    selectedDoctor: '请选择医生'
  },

  onHospitalChange: function(event) {
    const index = event.detail.value;
    this.setData({
      selectedHospital: this.data.hospitalList[index]
    });
  },

  onDepartmentChange: function(event) {
    const index = event.detail.value;
    this.setData({
      selectedDepartment: this.data.departmentList[index]
    });
  },

  onDoctorChange: function(event) {
    const index = event.detail.value;
    this.setData({
      selectedDoctor: this.data.doctorList[index]
    });
  },

  reserveAppointment: function() {
    // 将预约信息发送到服务器端进行处理
    const appointmentInfo = {
      hospital: this.data.selectedHospital,
      department: this.data.selectedDepartment,
      doctor: this.data.selectedDoctor
      // 可以补充其他预约信息，如姓名、联系方式等
    };
    // 发送预约信息到服务器端的逻辑
    console.log('预约信息:', appointmentInfo);
    // 显示预约成功或失败的提示
    wx.showToast({
      title: '预约成功07',
      icon: 'success',
      duration: 2000
    });
  }
});

//wxml

<view class="container">
  <view class="section">
    <picker mode="selector" range="{{hospitalList}}" bindchange="onHospitalChange">
      <view class="picker">
        选择医院：{{selectedHospital}}
      </view>
    </picker>
  </view>

  <view class="section">
    <picker mode="selector" range="{{departmentList}}" bindchange="onDepartmentChange">
      <view class="picker">
        选择科室：{{selectedDepartment}}
      </view>
    </picker>
  </view>

  <view class="section">
    <picker mode="selector" range="{{doctorList}}" bindchange="onDoctorChange">
      <view class="picker">
        选择医生：{{selectedDoctor}}
      </view>
    </picker>
  </view>

  <button bindtap="reserveAppointment">预约挂号</button>
</view>