首次提交

src/components/home/ExamScheduleCard.vue

@@ -1,15 +1,35 @@
 <template>
-  <v-card class="fill-height d-flex flex-column rounded-xl" elevation="2">
+  <v-card
+    class="fill-height d-flex flex-column rounded-xl"
+    elevation="2"
+  >
     <v-card-title class="d-flex align-center py-3 px-4 bg-primary text-white">
-      <v-icon class="mr-2">mdi-calendar-clock</v-icon>
+      <v-icon class="mr-2">
+        mdi-calendar-clock
+      </v-icon>
       <span class="text-truncate">{{ exam?.examName || '加载中...' }}</span>
-      <v-spacer></v-spacer>
-      <v-btn icon="mdi-close" variant="text" density="comfortable" @click="$emit('close')"></v-btn>
+      <v-spacer />
+      <v-btn
+        icon="mdi-close"
+        variant="text"
+        density="comfortable"
+        @click="$emit('close')"
+      />
     </v-card-title>
 
-    <v-card-text class="flex-grow-1 pa-4 overflow-y-auto" :style="contentStyle">
-      <div v-if="loading" class="d-flex justify-center align-center fill-height" style="min-height: 200px;">
-        <v-progress-circular indeterminate color="primary"></v-progress-circular>
+    <v-card-text
+      class="flex-grow-1 pa-4 overflow-y-auto"
+      :style="contentStyle"
+    >
+      <div
+        v-if="loading"
+        class="d-flex justify-center align-center fill-height"
+        style="min-height: 200px;"
+      >
+        <v-progress-circular
+          indeterminate
+          color="primary"
+        />
       </div>
 
       <template v-else-if="exam">
@@ -24,12 +44,24 @@
           {{ exam.message }}
         </v-alert>
 
-        <v-list density="comfortable" class="pa-0 bg-transparent">
-          <v-list-item v-for="(info, index) in exam.examInfos" :key="index" class="px-0 mb-3">
+        <v-list
+          density="comfortable"
+          class="pa-0 bg-transparent"
+        >
+          <v-list-item
+            v-for="(info, index) in exam.examInfos"
+            :key="index"
+            class="px-0 mb-3"
+          >
             <template #prepend>
-               <v-avatar color="primary" variant="tonal" size="large" class="mr-3 font-weight-bold elevation-1">
-                 {{ info.name.charAt(0) }}
-               </v-avatar>
+              <v-avatar
+                color="primary"
+                variant="tonal"
+                size="large"
+                class="mr-3 font-weight-bold elevation-1"
+              >
+                {{ info.name.charAt(0) }}
+              </v-avatar>
             </template>
 
             <v-list-item-title class="font-weight-bold text-h6 mb-1">
@@ -38,20 +70,40 @@
 
             <v-list-item-subtitle class="text-body-1">
               <div class="d-flex align-center mb-1">
-                 <v-icon size="small" color="success" class="mr-2">mdi-clock-start</v-icon>
-                 <span class="font-weight-medium">{{ formatTime(info.start) }}</span>
+                <v-icon
+                  size="small"
+                  color="success"
+                  class="mr-2"
+                >
+                  mdi-clock-start
+                </v-icon>
+                <span class="font-weight-medium">{{ formatTime(info.start) }}</span>
               </div>
               <div class="d-flex align-center">
-                 <v-icon size="small" color="error" class="mr-2">mdi-clock-end</v-icon>
-                 <span class="font-weight-medium">{{ formatTime(info.end) }}</span>
+                <v-icon
+                  size="small"
+                  color="error"
+                  class="mr-2"
+                >
+                  mdi-clock-end
+                </v-icon>
+                <span class="font-weight-medium">{{ formatTime(info.end) }}</span>
               </div>
             </v-list-item-subtitle>
           </v-list-item>
         </v-list>
       </template>
 
-      <div v-else class="d-flex flex-column align-center justify-center fill-height text-grey mt-4">
-        <v-icon size="large" class="mb-2">mdi-alert-circle-outline</v-icon>
+      <div
+        v-else
+        class="d-flex flex-column align-center justify-center fill-height text-grey mt-4"
+      >
+        <v-icon
+          size="large"
+          class="mb-2"
+        >
+          mdi-alert-circle-outline
+        </v-icon>
         无法加载考试信息
       </div>
     </v-card-text>