zpy 7.18

ruoyi-ui/src/views/smartSchool/personWork/recordingroomAppointment /IdleSituation/index.vue

@@ -34,14 +34,17 @@
     <table style="margin-left: 30px">
     <table style="margin-left: 30px">
       <thead>
       <thead>
       <tr>
       <tr>
-        <!-- 表头 -->
+        <!-- 表头首列 -->
         <th style="background:none"></th>
         <th style="background:none"></th>
         <!-- 表格表头日期-->
         <!-- 表格表头日期-->
         <th style="background:none;font-size:16px;font-weight:normal" v-for="day in days" :key="day">{{ day }}</th>
         <th style="background:none;font-size:16px;font-weight:normal" v-for="day in days" :key="day">{{ day }}</th>
       </tr>
       </tr>
       </thead>
       </thead>
       <tbody>
       <tbody>
+        <!--tr 行 -->
       <tr v-for="(timeSlot, index) in timeSlots" :key="index">
       <tr v-for="(timeSlot, index) in timeSlots" :key="index">
+        <!-- td 列 -->
+        <!--  第一列 -->
         <td>{{ timeSlot }}</td>
         <td>{{ timeSlot }}</td>
         <!--          <td v-for="(day, dayIndex) in days" :key="dayIndex" :class="{-->
         <!--          <td v-for="(day, dayIndex) in days" :key="dayIndex" :class="{-->
         <!--            occupied: isOccupied(day, index),-->
         <!--            occupied: isOccupied(day, index),-->
@@ -50,7 +53,8 @@
         <!--            @mouseenter="handleMouseEnter(day, index)" @click="handleCellClick(day, index)">-->
         <!--            @mouseenter="handleMouseEnter(day, index)" @click="handleCellClick(day, index)">-->
         <!--            {{ isOccupied(day, index) ? "占用" : "" }}-->
         <!--            {{ isOccupied(day, index) ? "占用" : "" }}-->
         <!--          </td>-->
         <!--          </td>-->
-        <td v-for="(day, dayIndex) in days" :key="dayIndex" :class="{
+        <!--  第二列往后循环 -->
+        <td style="cursor: pointer" v-for="(day, dayIndex) in days" :key="dayIndex" :class="{
             occupied: isOccupied(day, index),
             occupied: isOccupied(day, index),
             selected: isSelected(day, index),
             selected: isSelected(day, index),
           }" @click="handleCellClick(day, index)">
           }" @click="handleCellClick(day, index)">
@@ -163,7 +167,6 @@ export default {
     },
     },
     //表格点击选中
     //表格点击选中
     isSelected(day, index) {
     isSelected(day, index) {
-
       if (this.isOccupied(day, index)) {
       if (this.isOccupied(day, index)) {
         return false
         return false
       } else {
       } else {
@@ -465,10 +468,12 @@ th {
 .occupied {
 .occupied {
   background-color: #ccc;
   background-color: #ccc;
   color: #000;
   color: #000;
-  cursor: not-allowed;
+  cursor: not-allowed !important;
 }
 }
 
 
 .selected {
 .selected {
   background-color: #66b3ff;
   background-color: #66b3ff;
+
 }
 }
+
 </style>
 </style>