页面修改

src/pages/studyAbroad/subappoint.vue

@@ -28,7 +28,10 @@
       </div>
     </div>
     <div class="row justify-center items-center q-mt-sm">
-      <font style="color:blue;">{{msg.StartDate}}~{{msg.EndDate}} 排课计划</font>
+      <font style="background:#eb3b5a;">待确认</font>&nbsp;
+      <font style="background:yellow;">待上课</font>&nbsp;
+      <font style="background:#20bf6b;">已上课</font>&nbsp;
+      <font style="color:blue;">{{msg.StartDate}}~{{msg.EndDate}} 排课计划</font>&nbsp;
       <q-btn dense text-color="primary" flat unelevated :label="viewType == 'day' ? '上一天' : '上一周'"
         @click="calendarPrev" />
       <q-separator vertical />
@@ -54,9 +57,11 @@
                 {{rootItem.ClassDate}}<br />({{rootItem.WeekStr}})
               </th>
               <template v-for="(item, index) in rootItem.RList">
-                <th :key="`r_teacher_`+rootIndex+index" style="width:100px;">
-                  {{item.TeacherName}}
-                </th>
+                <template v-if="item.Dept_Id==8">
+                  <th :key="`r_teacher_`+rootIndex+index" style="width:100px;">
+                    {{item.TeacherName}}
+                  </th>
+                </template>
               </template>
             </tr>
           </thead>
@@ -69,21 +74,23 @@
                   {{timeItem.StartTime}}~{{timeItem.EndTime}}
                 </td>
                 <template v-for="(aItem, aIndex) in rootItem.RList">
-                  <td :key="`r_a_`+rootIndex+aIndex" style="width:100px;cursor:pointer;"
-                    @click="showDetail(aItem,rootItem.ClassDate,aItem.TeacherId,timeItem)"
-                    :class="getAppointItemClass(aItem,timeItem)">
-                    <template v-if="getAppointItem(aItem,timeItem)&&getAppointItem(aItem,timeItem).CourseId">
-                      <font style="font-weight:bold;">{{getAppointItem(aItem,timeItem).ChapterName}}</font>
-                      <br />
-                      <div style="display: flex;flex-wrap: wrap;">
-                        <template v-for="(gItem,gIndex) in getAppointItem(aItem,timeItem).GuestList">
-                          <div :key="`r_g_`+rootIndex+timeIndex+aIndex+gIndex"
-                            style="flex-basis:30px;margin:3px; flex-grow: 0;flex-shrink: 0;">
-                            {{gItem.GuestName}}</div>
-                        </template>
-                      </div>
-                    </template>
-                  </td>
+                  <template v-if="aItem.Dept_Id==8">
+                    <td :key="`r_a_`+rootIndex+aIndex" style="width:100px;cursor:pointer;"
+                      @click="showDetail(aItem,rootItem.ClassDate,aItem.TeacherId,timeItem)"
+                      :class="getAppointItemClass(aItem,timeItem)">
+                      <template v-if="getAppointItem(aItem,timeItem)&&getAppointItem(aItem,timeItem).CourseId">
+                        <font style="font-weight:bold;">{{getAppointItem(aItem,timeItem).ChapterName}}</font>
+                        <br />
+                        <div style="display: flex;flex-wrap: wrap;">
+                          <template v-for="(gItem,gIndex) in getAppointItem(aItem,timeItem).GuestList">
+                            <div :key="`r_g_`+rootIndex+timeIndex+aIndex+gIndex"
+                              style="flex-basis:30px;margin:3px; flex-grow: 0;flex-shrink: 0;">
+                              {{gItem.GuestName}}</div>
+                          </template>
+                        </div>
+                      </template>
+                    </td>
+                  </template>
                 </template>
               </tr>
             </template>