element ui 预约组件

Element UI的预约组件可以通过使用上传组件和v-for标签来实现。首先，你可以使用Element UI的上传组件来实现文件上传功能并绑定相关事件。具体的代码如下所示：

<el-upload action="/ordersetting/upload.do" name="excelFile" :show-file-list="false" :on-success="handleSuccess" :before-upload="beforeUpload">
  <el-button type="primary">上传文件</el-button>
</el-upload>

接下来，你可以使用Vue的v-for标签来遍历预约数据并展示到日历上。具体的代码如下所示：

<template>
  <template v-for="obj in leftobj">
    <template v-if="obj.date == dayobject.day.getDate()">
      <template v-if="obj.number > obj.reservations">
        <div class="usual">
          <p>可预约{{obj.number}}人</p>
          <p>已预约{{obj.reservations}}人</p>
        </div>
      </template>
      <template v-else>
        <div class="fulled">
          <p>可预约{{obj.number}}人</p>
          <p>已预约{{obj.reservations}}人</p>
          <p>已满</p>
        </div>
      </template>
    </template>
  </template>
  <button v-if="dayobject.day > today" @click="handleOrderSet(dayobject.day)" class="orderbtn">设置</button>
</template>

通过以上代码，你可以实现Element UI的预约组件，并且使用Vue的v-for标签展示预约数据到日历上。