排版日历

src/views/mes/cal/calendar/team.vue

@@ -38,7 +38,7 @@
                                     <el-row v-for="calendarDay in calendarDayList " :key="calendarDay.theDay" @click.stop.prevent>
                                           <el-col :span="24" v-if="calendarDay.theDay == data.day && holidayList.indexOf(data.day) ==-1">
                                                 <div v-for="(teamShift,index) in calendarDay.calPlanWorkunitList" :key="index" class="grid-content">
-                                                    <el-button type="primary" v-if="teamShift.shiftName === '白班'" icon="el-icon-sunny">{{ teamShift.workunitName }}</el-button>
+                                                    <el-button type="primary" v-if="teamShift.shiftName === '白班'" icon="el-icon-sunny" :title="teamShift.workunitName">{{ teamShift.workunitName }}</el-button>
                                                     <el-button type="success" v-else-if="teamShift.shiftName === '中班'" icon="el-icon-sunrise">{{ teamShift.workunitName }}</el-button>
                                                     <el-button type="warning" v-else-if="teamShift.shiftName === '夜班'" icon="el-icon-moon">{{ teamShift.workunitName }}</el-button>
                                                 </div>
@@ -271,10 +271,22 @@ export default {
       .el-calendar-table .holiday {
             background-color: #88E325;
       }
+      .myteam-cal {
+            pointer-events: none;
+      }
       .myteam-cal .el-calendar-table .el-calendar-day {
             padding: 0px;
       }
-      .myteam-cal .el-calendar-table__row .current {
-            pointer-events: none;
+      .myteam-cal .el-calendar-table__row .current .grid-content  {
+            pointer-events: auto;
+            cursor: text;
+      }
+      .myteam-cal .el-calendar-table__row .el-calendar-day div, .myteam-cal .el-calendar-table__row .el-calendar-day .el-button  {
+            cursor: text;
+      }
+      .myteam-cal .el-calendar-table__row .el-calendar-day .el-button--primary:hover  {
+            color: #FFF;
+            background-color: #0256FF;
+            border-color: #0256FF;
       }
 </style>