工作日历创建

1：    工作日历创建

<!--日历明细弹框-->
<el-dialog
  :title="$t('field.monthschedule.shopcalendar')"
  width="60%"
  v-dialogDrag
  :visible.sync="calendarVisible"
  @close="calendarVisible = false"
  :close-on-click-modal="false"
  class="calendar-dialog"
 >
 <p style="font-weight: 600; text-align: left">{{ currentCalendar.customerName }}</p>
  <el-calendar v-model="calendarValue">
  <template slot="dateCell" slot-scope="{ date, data }">
  <div @click="addAttr(data.day, attrMyDate(data.day))" class="date-cell" 
     :class="attrMyDate(data.day)[0] ? '' : grey">
   <div class="dataSty">{{ data | filterDate }}</div>
    <div>{{ attrMyDate(data.day)[0] == null ? '' : attrMyDate(data.day)[0] ? '工' : '休' }}</div>
   <div style="color: #12b6d4">{{ attrMyDate(data.day)[1] ? '锚' : '' }}</div>
   </div>
        </template>
      </el-calendar>
      <div slot="footer" class="dialog-footer">
        <el-button :size="size" @click.native="calendarVisible = false">{{ $t('action.cancel') }}</el-button>
        <el-button :size="size" type="primary" @click.native="submitDetailsForm" :loading="editLoading">{{
          $t('action.submit')
        }}</el-button>
      </div>
    </el-dialog>