element日历批量点击

  

效果图：

  有一个小细节 element的日历单元格是固定的84高度

---

<template>

  <div>

    <el-row class="rowHeader">

      <el-col>

        <el-button>正常工作日</el-button>

        <el-button type="success" @click="workday">周日加班</el-button>

        <el-button type="primary" @click="workrest">周末休息</el-button>

        <el-button type="warning" @click="holidayrest"

          >节假日休息，其他休息</el-button

        >

      </el-col>

    </el-row>

    <el-calendar v-model="elcalendar" id="calendar">

      <template slot="dateCell" slot-scope="{ date, data }">

        <div>

          <div

            v-for="(item, index) in calendarData"

            :key="index"

            @click="handleelcalendar(item)"

          >

            <div

              v-if="

                data.day.split('-').slice(1)[0] ==