<el-calendar v-model="value">
          <template slot="dateCell" slot-scope="{ date, data }">
            <div class="main-cd" @click="addPlan()">
              <div class="calendar-day">
                {{ data.day.split("-").slice(2).join("-") }}
              </div>
              <div
                v-for="(item, index) in calendarData"
                :key="index"
                class="is-selected"
                @click.stop="addPlan(item)"
              >
                <span v-if="item.day == data.day && item.timeDetailsList">
                  <el-tooltip placement="top">
                    <div slot="content">
                      <div
                        v-for="items in item.timeDetailsList"
                        :key="items.day"
                      >
                        {{ items.channelName }} :
                        {{ items.wechatNumber }}個(gè)微信號(hào)，
                        計(jì)劃投放{{ items.planNumber }}，
                        實(shí)際加人
                        {{ items.realityNumber }}
                      </div>
                    </div>
                    // 這里寫兩遍是因?yàn)橐粋€(gè)是框里展示，一個(gè)是懸浮組件內(nèi)展示的內(nèi)容
                    <div v-for="items in item.timeDetailsList" :key="items.day">
                      {{ items.channelName }} :
                      {{ items.wechatNumber }}個(gè)微信號(hào)，
                      計(jì)劃投放{{ items.planNumber }}，
                      實(shí)際加人
                      {{ items.realityNumber }}
                    </div>
                  </el-tooltip>
                </span>
              </div>
            </div>
          </template>
        </el-calendar>

  ::v-deep .el-calendar-table:not(.is-range) td.next {
    display: none;
  }
  ::v-deep .el-calendar-table:not(.is-range) td.prev {
    visibility: hidden;
  }

monthChange(val) {
  // 這里是監(jiān)聽(tīng)時(shí)間變化 => @change="monthChange"，然后傳入日歷組件
  this.value = val;
  // 時(shí)間切換的時(shí)候，順便調(diào)個(gè)接口查詢當(dāng)月數(shù)據(jù)
  this.editDetail();
},

  ::v-deep .el-calendar__button-group {
    display: none;
  }