1

src/view/dati/classOne/class2.vue

@@ -101,10 +101,16 @@ const isBefore = (fromDateStr) => {
 };
 
 // 当前时间是否在 toDate 之后（已结束）
-const isAfter = (toDateStr) => {
+const isAfter = (dateStr) => {
+  if (!dateStr) return false;
+
   const now = new Date();
-  const toDate = parseDate(toDateStr);
-  return toDate && now > toDate;
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()); // 今天 00:00:00
+
+  const [y, m, d] = dateStr.split('-').map(Number);
+  const deadline = new Date(y, m - 1, d); // 截止日 00:00:00
+
+  return today > deadline;
 };
 
 const getProjectTypeName = (code) => {

src/view/dati/classOne/line.vue

@@ -32,6 +32,27 @@
         />
         {{ currentQuestion.stem }}
       </p>
+      <!-- 附件区域：图片或视频 -->
+      <div v-if="currentQuestion.fileUrl" class="question-attachment-wrapper">
+        <img
+          v-if="isImageType(currentQuestion.fileType)"
+          :src="currentQuestion.fileUrl"
+          alt="题目图片"
+          class="media-preview"
+        />
+        <video
+          v-else-if="isVideoType(currentQuestion.fileType)"
+          controls
+          preload="metadata"
+          class="media-preview"
+        >
+          <source
+            :src="currentQuestion.fileUrl"
+            :type="getMimeType(currentQuestion.fileType)"
+          />
+          您的浏览器不支持视频播放。
+        </video>
+      </div>
 
 
       <!-- 单选题 -->
@@ -277,6 +298,30 @@ const getQuestionTypeImage = (category) => {
   }
 };
 
+// 判断是否为图片类型
+const isImageType = (type) => {
+  return ['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp'].includes((type || '').toLowerCase());
+};
+
+// 判断是否为视频类型
+const isVideoType = (type) => {
+  return ['mp4', 'mov', 'avi', 'wmv', 'flv', 'webm'].includes((type || '').toLowerCase());
+};
+
+// 获取 MIME 类型（用于 video 的 source）
+const getMimeType = (type) => {
+  const map = {
+    mp4: 'video/mp4',
+    mov: 'video/quicktime',
+    avi: 'video/x-msvideo',
+    wmv: 'video/x-ms-wmv',
+    flv: 'video/x-flv',
+    webm: 'video/webm'
+  };
+  return map[type?.toLowerCase()] || 'video/mp4';
+};
+
+
 //返回答题首页
 const goBack = () => {
   router.push({
@@ -637,5 +682,21 @@ const renderAnalysis = (content) => {
   border-radius: 4px;
   overflow-x: auto;
 }
+/* 附件容器：在题干下方，左侧缩进对齐题干文字 */
+.question-attachment-wrapper {
+  margin: 12px 0 20px 54px; /* 54px = .question-type-img 宽度，确保对齐文字起始位置 */
+}
 
+/* 图片 & 视频统一预览 */
+.media-preview {
+  display: block;
+  max-width: 100%;
+  max-height: 320px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+  border-radius: 6px;
+  background-color: #f8f9fa;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+}
 </style>

src/view/dati/daily/datistart.vue

@@ -32,7 +32,27 @@
         />
         {{ currentQuestion.stem }}
       </p>
-
+      <!-- 附件区域：图片或视频 -->
+      <div v-if="currentQuestion.fileUrl" class="question-attachment-wrapper">
+        <img
+          v-if="isImageType(currentQuestion.fileType)"
+          :src="currentQuestion.fileUrl"
+          alt="题目图片"
+          class="media-preview"
+        />
+        <video
+          v-else-if="isVideoType(currentQuestion.fileType)"
+          controls
+          preload="metadata"
+          class="media-preview"
+        >
+          <source
+            :src="currentQuestion.fileUrl"
+            :type="getMimeType(currentQuestion.fileType)"
+          />
+          您的浏览器不支持视频播放。
+        </video>
+      </div>
 
       <!-- 单选题 -->
       <div v-if="currentQuestion.category === '单选'">
@@ -215,6 +235,30 @@ const userId = route.query.userId;
 if (userId == '' || userId == 'undefined') userId = localStorage.getItem('userId')
 const todayStr = route.query.todayStr;
 
+
+// 判断是否为图片类型
+const isImageType = (type) => {
+  return ['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp'].includes((type || '').toLowerCase());
+};
+
+// 判断是否为视频类型
+const isVideoType = (type) => {
+  return ['mp4', 'mov', 'avi', 'wmv', 'flv', 'webm'].includes((type || '').toLowerCase());
+};
+
+// 获取 MIME 类型（用于 video 的 source）
+const getMimeType = (type) => {
+  const map = {
+    mp4: 'video/mp4',
+    mov: 'video/quicktime',
+    avi: 'video/x-msvideo',
+    wmv: 'video/x-ms-wmv',
+    flv: 'video/x-flv',
+    webm: 'video/webm'
+  };
+  return map[type?.toLowerCase()] || 'video/mp4';
+};
+
 const questions = ref([]);
 
 const userAnswers = ref({});
@@ -681,5 +725,21 @@ const renderAnalysis = (content) => {
   border-radius: 4px;
   overflow-x: auto;
 }
+/* 附件容器：在题干下方，左侧缩进对齐题干文字 */
+.question-attachment-wrapper {
+  margin: 12px 0 20px 54px; /* 54px = .question-type-img 宽度，确保对齐文字起始位置 */
+}
 
+/* 图片 & 视频统一预览 */
+.media-preview {
+  display: block;
+  max-width: 100%;
+  max-height: 320px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+  border-radius: 6px;
+  background-color: #f8f9fa;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+}
 </style>

src/view/dati/examCheck/fcbkdatistart.vue

@@ -32,7 +32,27 @@
         />
         {{ currentQuestion.stem }}
       </p>
-
+      <!-- 附件区域：图片或视频 -->
+      <div v-if="currentQuestion.fileUrl" class="question-attachment-wrapper">
+        <img
+          v-if="isImageType(currentQuestion.fileType)"
+          :src="currentQuestion.fileUrl"
+          alt="题目图片"
+          class="media-preview"
+        />
+        <video
+          v-else-if="isVideoType(currentQuestion.fileType)"
+          controls
+          preload="metadata"
+          class="media-preview"
+        >
+          <source
+            :src="currentQuestion.fileUrl"
+            :type="getMimeType(currentQuestion.fileType)"
+          />
+          您的浏览器不支持视频播放。
+        </video>
+      </div>
 
       <!-- 单选题 -->
       <div v-if="currentQuestion.category === '单选'">
@@ -244,6 +264,32 @@ const hasUnanswered = ref(false);
 const unansweredText = "有题目未完成，是否确认交卷？";
 const completedText = "已完成所有题目，是否确认交卷？";
 const overlayloading = ref(false);
+
+
+// 判断是否为图片类型
+const isImageType = (type) => {
+  return ['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp'].includes((type || '').toLowerCase());
+};
+
+// 判断是否为视频类型
+const isVideoType = (type) => {
+  return ['mp4', 'mov', 'avi', 'wmv', 'flv', 'webm'].includes((type || '').toLowerCase());
+};
+
+// 获取 MIME 类型（用于 video 的 source）
+const getMimeType = (type) => {
+  const map = {
+    mp4: 'video/mp4',
+    mov: 'video/quicktime',
+    avi: 'video/x-msvideo',
+    wmv: 'video/x-ms-wmv',
+    flv: 'video/x-flv',
+    webm: 'video/webm'
+  };
+  return map[type?.toLowerCase()] || 'video/mp4';
+};
+
+
 // 在组件挂载时获取试卷
 onMounted(async () => {
   overlayloading.value = true;
@@ -723,5 +769,21 @@ const renderAnalysis = (content) => {
   border-radius: 4px;
   overflow-x: auto;
 }
+/* 附件容器：在题干下方，左侧缩进对齐题干文字 */
+.question-attachment-wrapper {
+  margin: 12px 0 20px 54px; /* 54px = .question-type-img 宽度，确保对齐文字起始位置 */
+}
 
+/* 图片 & 视频统一预览 */
+.media-preview {
+  display: block;
+  max-width: 100%;
+  max-height: 320px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+  border-radius: 6px;
+  background-color: #f8f9fa;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+}
 </style>