微信小程序开发中,添加一个预约咨询的副页面,页面内容包括时间、预约对象及其编号,给出所有相关代码

好的，下面是一个简单的微信小程序预约咨询副页面的代码示例：

1. 在 app.json 中添加子页面路径：

{
  "pages": [
    "pages/index/index",
    "pages/appointment/appointment" // 预约咨询副页面路径
  ]
}

2. 创建预约咨询副页面的页面文件 appointment.js 和 appointment.wxml，同时在 appointment.js 中编写预约咨询相关的逻辑：

appointment.js：

Page({
  data: {
    time: '', // 预约时间
    object: '', // 预约对象
    number: '' // 预约对象编号
  },
  onLoad: function(options) {
    // 从页面参数中获取预约对象及其编号
    this.setData({
      object: options.object,
      number: options.number
    });
  },
  bindTimeChange: function(e) {
    // 选择预约时间
    this.setData({
      time: e.detail.value
    });
  },
  submitAppointment: function() {
    // 提交预约信息
    wx.showModal({
      title: '预约成功',
      content: '您已成功预约 ' + this.data.object + ' ' + this.data.number + ' 号',
      showCancel: false,
      confirmText: '确定',
      success: function(res) {
        if (res.confirm) {
          // 返回上一页
          wx.navigateBack({
            delta: 1
          });
        }
      }
    });
  }
})

appointment.wxml：

<view class="container">
  <view class="row">
    <view class="label">预约时间：</view>
    <picker mode="time" value="{{time}}" bindchange="bindTimeChange">
      <view class="picker">{{time || '请选择时间'}}</view>
    </picker>
  </view>
  <view class="row">
    <view class="label">预约对象：</view>
    <view class="value">{{object}}</view>
  </view>
  <view class="row">
    <view class="label">对象编号：</view>
    <view class="value">{{number}}</view>
  </view>
  <view class="button" bindtap="submitAppointment">提交预约</view>
</view>

其中，页面参数通过页面跳转时传递，例如：

wx.navigateTo({
  url: '/pages/appointment/appointment?object=张三&number=001'
})

这样就可以在预约咨询副页面中显示预约对象及其编号，并选择预约时间，提交预约信息后返回上一页。