当然，以下是一个使用uni-app开发预约挂号小程序的简单示例代码。这个示例涵盖了基本的页面结构和数据绑定，以实现用户预约挂号的功能。

首先，确保你已经安装了uni-app的开发环境，并且创建了一个新的uni-app项目。

1. 创建一个新的页面：appointment.vue

<template>
  <view class="container">
    <view class="form-item">
      <label>姓名：</label>
      <input v-model="patient.name" placeholder="请输入姓名" />
    </view>
    <view class="form-item">
      <label>手机号：</label>
      <input v-model="patient.phone" placeholder="请输入手机号" type="number" />
    </view>
    <view class="form-item">
      <label>科室：</label>
      <picker mode="selector" :range="departments" v-model="selectedDepartmentIndex">
        <view class="picker">{{ departments[selectedDepartmentIndex] }}</view>
      </picker>
    </view>
    <view class="form-item">
      <label>挂号时间：</label>
      <datetime-picker type="datetime" v-model="appointmentTime" placeholder="请选择挂号时间"></datetime-picker>
    </view>
    <button @click="makeAppointment">预约挂号</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      patient: {
        name: '',
        phone: ''
      },
      departments: ['内科', '外科', '儿科', '妇科'],
      selectedDepartmentIndex: 0,
      appointmentTime: ''
    };
  },
  methods: {
    makeAppointment() {
      if (!this.patient.name || !this.patient.phone || !this.appointmentTime) {
        uni.showToast({ title: '请填写完整信息', icon: 'none' });
        return;
      }
      // 假设调用后端API进行挂号
      uni.request({
        url: 'https://your-backend-api.com/makeAppointment',
        method: 'POST',
        data: {
          name: this.patient.name,
          phone: this.patient.phone,
          department: this.departments[this.selectedDepartmentIndex],
          appointmentTime: this.appointmentTime
        },
        success: (res) => {
          if (res.data.success) {
            uni.showToast({ title: '挂号成功', icon: 'success' });
          } else {
            uni.showToast({ title: '挂号失败', icon: 'none' });
          }
        }
      });
    }
  }
};
</script>

<style>
.container { padding: 20px; }
.form-item { margin-bottom: 20px; }
label { display: inline-block; width: 80px; }
button { padding: 10px 20px; background-color: #1aad19; color: white; border: none; border-radius: 5px; }
</style>

注意事项

1. picker组件：uni-app中的picker组件用于选择科室，这里我们使用了mode="selector"来创建一个简单的选择器。
2. datetime-picker组件：这是一个自定义组件，用于选择挂号时间。你可能需要自行实现或查找现成的组件库。
3. 后端API：示例中的uni.request调用是假设你有一个后端API来处理挂号请求。你需要将URL替换为你的实际后端API地址。

这个示例展示了如何使用uni-app创建一个简单的预约挂号页面，包括用户信息的输入、科室和挂号时间的选择，以及最终的预约挂号请求。