08/20 18:16

测试月历

dist/static/css/chunk-2eb11022.ae6fe252.css → dist/static/css/chunk-7c8f9e11.f10f8bbb.css

@@ -1 +1 @@
-.pagination-container[data-v-31cb099a]{background:#fff;padding:32px 16px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-container.hidden[data-v-31cb099a]{display:none}[data-v-b7c3b3b2] .el-calendar-day{-webkit-box-sizing:border-box;box-sizing:border-box;height:80px!important;min-width:118px}[data-v-b7c3b3b2] .current.is-selected{border:2px solid #137f79}[data-v-b7c3b3b2] .current.is-selected .el-calendar-day{height:76px!important}.vipDot[data-v-b7c3b3b2]{background-color:#2aaea6}.teamDot[data-v-b7c3b3b2],.vipDot[data-v-b7c3b3b2]{width:30px;height:30px;margin-top:10px;display:inline-block;border-radius:50%;text-align:center;line-height:30px;color:#fff;font-size:14px}.teamDot[data-v-b7c3b3b2]{background-color:#5a79f6}.newDot[data-v-b7c3b3b2]{width:30px;height:30px;margin-top:10px;background-color:#34b1f6;display:inline-block;border-radius:50%;text-align:center;line-height:30px;color:#fff;font-size:14px}
+.pagination-container[data-v-31cb099a]{background:#fff;padding:32px 16px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-container.hidden[data-v-31cb099a]{display:none}[data-v-60305483] .el-calendar-day{-webkit-box-sizing:border-box;box-sizing:border-box;height:80px!important;min-width:118px}[data-v-60305483] .current.is-selected{border:2px solid #137f79}[data-v-60305483] .current.is-selected .el-calendar-day{height:76px!important}.vipDot[data-v-60305483]{background-color:#2aaea6}.teamDot[data-v-60305483],.vipDot[data-v-60305483]{width:30px;height:30px;margin-top:10px;display:inline-block;border-radius:50%;text-align:center;line-height:30px;color:#fff;font-size:14px}.teamDot[data-v-60305483]{background-color:#5a79f6}.newDot[data-v-60305483]{width:30px;height:30px;margin-top:10px;background-color:#34b1f6;display:inline-block;border-radius:50%;text-align:center;line-height:30px;color:#fff;font-size:14px}

src/views/teacherManager/teacherDetail/components/calendarList.vue

@@ -3,7 +3,8 @@
     <el-calendar style="minWidth:810px">
       <template slot="dateCell"
                 slot-scope="scope">
-        <div @click="showDate(scope)">
+        <div @click="showDate(scope)"
+             style="height:100%">
           <p>
             {{scope.data.day.substring(8)}}
           </p>
@@ -498,6 +499,9 @@ export default {
       this.startTime = scope.data.day
       this.endTime = scope.data.day
       this.value = scope.date
+      if (scope.data.type === 'next-month' || scope.data.type === 'prev-month') {
+        this.getCalendatList()
+      }
 
       this.getList()
     },