微信小程序制作一份预约单 内容有/姓名/联系方式/疾病史/过敏史/上传疫苗或抗体图片/疫苗接种情况/狂犬疫苗接种情况/体内驱虫情况/体外驱虫情况/健康状况 代码

以下是一个简单的微信小程序预约单代码示例：

wxml 文件：

<view class="container">
  <form bindsubmit="formSubmit">
    <view class="form-group">
      <text class="label">姓名：</text>
      <input name="name" type="text" placeholder="请输入姓名" required />
    </view>
    <view class="form-group">
      <text class="label">联系方式：</text>
      <input name="phone" type="tel" placeholder="请输入联系方式" required />
    </view>
    <view class="form-group">
      <text class="label">疾病史：</text>
      <textarea name="medicalHistory" placeholder="请输入疾病史"></textarea>
    </view>
    <view class="form-group">
      <text class="label">过敏史：</text>
      <textarea name="allergyHistory" placeholder="请输入过敏史"></textarea>
    </view>
    <view class="form-group">
      <text class="label">上传疫苗或抗体图片：</text>
      <button bindtap="uploadImage">上传图片</button>
      <image src="{{imageUrl}}" />
    </view>
    <view class="form-group">
      <text class="label">疫苗接种情况：</text>
      <input name="vaccineStatus" type="text" placeholder="请输入疫苗接种情况" />
    </view>
    <view class="form-group">
      <text class="label">狂犬疫苗接种情况：</text>
      <input name="rabiesVaccineStatus" type="text" placeholder="请输入狂犬疫苗接种情况" />
    </view>
    <view class="form-group">
      <text class="label">体内驱虫情况：</text>
      <input name="dewormingStatus" type="text" placeholder="请输入体内驱虫情况" />
    </view>
    <view class="form-group">
      <text class="label">体外驱虫情况：</text>
      <input name="externalDewormingStatus" type="text" placeholder="请输入体外驱虫情况" />
    </view>
    <view class="form-group">
      <text class="label">健康状况：</text>
      <textarea name="healthStatus" placeholder="请输入健康状况"></textarea>
    </view>
    <button form-type="submit">提交</button>
  </form>
</view>

js 文件：

Page({
  data: {
    imageUrl: '', // 上传的图片地址
  },
  formSubmit: function (e) {
    // 提交表单，将数据保存到数据库中
    console.log('form submit:', e.detail.value);
    // TODO: 将数据保存到数据库中
  },
  uploadImage: function () {
    // 上传图片
    wx.chooseImage({
      success: (res) => {
        const tempFilePaths = res.tempFilePaths;
        // TODO: 将图片上传到服务器，并获取图片地址
        const imageUrl = 'https://example.com/image.jpg';
        this.setData({
          imageUrl: imageUrl,
        });
      }
    })
  },
})

需要注意的是，这只是一个简单的示例代码，具体实现还需要根据实际情况进行调整和完善。同时，还需要在服务端中实现接收和处理预约单数据的接口。