课程

src/router/index.ts

@@ -684,6 +684,22 @@ const router = createRouter({
 			name: '课程添加小节',
 			component: () => import('@/view/dati/courseManagement/section.vue')
 		},
+		{
+			path: '/sectionList',
+			name: '人员小节',
+			component: () => import('@/view/dati/classOne/sectionList.vue')
+		},
+		{
+			path: '/line',
+			name: '人员小节答题',
+			component: () => import('@/view/dati/classOne/line.vue')
+		},
+		{
+			path: '/learning1',
+			name: '人员学习',
+			component: () => import('@/view/dati/classOne/learning.vue')
+		},
+
 
 	]
 })

src/view/dati/classOne/class2.vue

@@ -22,7 +22,7 @@
       </template>
     </van-nav-bar>
 
-    <van-search v-model="query.name" show-action placeholder="请输入检查任务名称" @search="onRefresh"
+    <van-search v-model="query.name" show-action placeholder="请输入学习任务名称" @search="onRefresh"
                 @cancel="handdelect" />
     <!-- 项目列表 -->
     <van-pull-refresh v-model="isRefreshing" success-text="刷新成功" @refresh="onRefresh">
@@ -31,14 +31,14 @@
           <van-swipe-cell title-style="color: #007aff" style="height: 80px;" :ref="el => getSwipeCellRef(el, idx)">
             <template #default>
               <div class="swipe-cell-default">
-                <van-cell style="height: 100%; display: flex; align-items: center;" @click="edits(item)">
+                <van-cell style="height: 100%; display: flex; align-items: center;">
                   <template #title>
                     <div class="cell-title">
                       {{ item.projectName }}
                     </div>
                   </template>
                   <template #label>
-                    <div> 培训学时：{{item.trainHours}}  ||培训类别：{{ item.projectType }}</div>
+                    <div> 培训学时：{{item.trainHours}}  ||培训类别：{{ getProjectTypeName(item.projectType)}}</div>
                     <div style="width: 112px" :class="getStatusClass(item.statusFlag)">
                       状态：
                       <span v-if="item.statusFlag === '1'" style="width: 200px">已完成</span>
@@ -107,6 +107,17 @@ const isAfter = (toDateStr) => {
   return toDate && now > toDate;
 };
 
+const getProjectTypeName = (code) => {
+  const map = {
+    'Gbm': '安全管理',
+    'Jja': '生产安全技术',
+    'Jjb': '消防安全技术',
+    'Jjc': '安全保卫技术',
+    'Jjd': '特种作业安全技术',
+
+  };
+  return map[code] || '未知类型';
+}
 const onClickLeft = () => {
   history.back();
 };
@@ -206,7 +217,7 @@ const handAdd =  () => {
 };
 const goaddPeo = (item) => {
   router.push({
-    path: '/addPeo',
+    path: '/sectionList',
     query: {
       data: JSON.stringify(item)
     }

src/view/dati/classOne/learning.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="learning-page">
+    <!-- 倒计时区域 -->
+    <div class="countdown-timer">
+      <h3>⏳ 观看倒计时</h3>
+      <div class="time-display" :class="{ finished: remainingTime <= 0 }">
+        {{ formattedTime }}
+      </div>
+    </div>
+
+    <!-- 视频播放区域 -->
+    <div v-if="currentVideo.src" class="video-wrapper">
+      <h3>🎥 视频播放</h3>
+      <video
+        ref="videoRef"
+        :src="currentVideo.src"
+        controls
+        playsinline
+        webkit-playsinline
+        x5-playsinline
+        x5-video-player-type="h5"
+      x5-video-player-fullscreen="true"
+      preload="metadata"
+      @loadeddata="onVideoLoaded"
+      @error="onVideoError"
+      style="width: 100%; height: auto; aspect-ratio: 16/9; background: #000;"
+      >
+      您的设备不支持视频播放。
+      </video>
+
+      <!-- 多视频控制 -->
+      <div v-if="videoList.length > 1" class="video-controls">
+        <van-button size="small" @click="prevVideo" :disabled="currentVideoIndex === 0">
+          上一个
+        </van-button>
+        <span class="video-index">{{ currentVideoIndex + 1 }} / {{ videoList.length }}</span>
+        <van-button size="small" @click="nextVideo" :disabled="currentVideoIndex === videoList.length - 1">
+          下一个
+        </van-button>
+      </div>
+    </div>
+
+    <!-- 文档提示（H5 不支持内嵌预览，改为下载） -->
+    <div v-if="previewList.length > 0" class="doc-tip">
+      <van-notice-bar
+        left-icon="volume-o"
+        text="当前有文档资料，请点击下方按钮下载查看"
+        color="#1989fa"
+        background="#ecf9ff"
+      />
+      <div class="doc-list">
+        <van-button
+          v-for="item in previewList"
+          :key="item.id"
+          type="primary"
+          plain
+          block
+          style="margin-top: 8px"
+          @click="downloadFile(item)"
+        >
+          📄 下载 {{ item.fileName }}
+        </van-button>
+      </div>
+    </div>
+
+    <!-- 加载中 -->
+    <van-loading v-if="loading" size="24px" vertical>加载中...</van-loading>
+
+    <!-- 完成学习按钮 -->
+    <div v-if="remainingTime <= 0" class="completion-actions">
+      <van-button type="primary" block @click="goBackAndMarkComplete">
+        ✅ 完成学习
+      </van-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, onUnmounted, nextTick, getCurrentInstance } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { showToast } from 'vant'
+import { Base64 } from 'js-base64'
+
+const route = useRoute()
+const router = useRouter()
+const { proxy } = getCurrentInstance()
+
+// ========== 响应式数据 ==========
+const loading = ref(false)
+const videoList = ref([])
+const previewList = ref([])
+const currentVideoIndex = ref(0)
+const watchTime = ref(0) // 单位：秒
+const remainingTime = ref(0)
+const timer = ref(null)
+const onVideoLoaded = () => {
+  loading.value = false // 视频元数据加载完成，可隐藏全局 loading
+}
+
+const onVideoError = () => {
+  loading.value = false
+  showToast('视频加载失败，请检查网络')
+}
+// 视频引用
+const videoRef = ref(null)
+
+// ========== 计算属性 ==========
+const currentVideo = computed(() => {
+  return videoList.value[currentVideoIndex.value] || {}
+})
+
+const formattedTime = computed(() => {
+  const mins = Math.floor(remainingTime.value / 60).toString().padStart(2, '0')
+  const secs = (remainingTime.value % 60).toString().padStart(2, '0')
+  return `${mins}:${secs}`
+})
+
+// ========== 倒计时逻辑 ==========
+const startCountdown = () => {
+  if (watchTime.value <= 0) return
+  remainingTime.value = watchTime.value
+  clearInterval(timer.value)
+  timer.value = setInterval(() => {
+    if (remainingTime.value > 0) {
+      remainingTime.value--
+    } else {
+      clearInterval(timer.value)
+      showToast('观看时间结束，学习已完成！')
+    }
+  }, 1000)
+}
+
+// ========== 视频控制 ==========
+const prevVideo = () => {
+  if (currentVideoIndex.value > 0) {
+    currentVideoIndex.value--
+    resetVideo()
+  }
+}
+
+const nextVideo = () => {
+  if (currentVideoIndex.value < videoList.value.length - 1) {
+    currentVideoIndex.value++
+    resetVideo()
+  }
+}
+
+const resetVideo = () => {
+  if (videoRef.value) {
+    videoRef.value.load()
+    videoRef.value.play().catch(() => {})
+  }
+}
+
+const onVideoEnded = () => {
+  // 可选：自动播放下一个
+}
+
+// ========== 文件处理 ==========
+const downloadFile = (file) => {
+  const link = document.createElement('a')
+  link.href = file.downloadUrl
+  link.download = file.fileName
+  link.target = '_blank'
+  link.click()
+}
+
+const createPreview = (file) => {
+  const { id, fileName, fileType } = file
+  const type = fileType?.toLowerCase()
+  const bucket = import.meta.env.VITE_BUCKET
+  const originUrl = `${import.meta.env.VITE_BASE_API}/framework/Common/downloadFileS3?bucket=${bucket}&id=${id}`
+  const downloadUrl = `${originUrl}&fullfilename=${encodeURIComponent(fileName)}`
+
+  if (type === 'mp4') {
+    videoList.value.push({
+      id,
+      fileName,
+      src: downloadUrl
+    })
+  } else if (['pdf', 'doc', 'docx'].includes(type)) {
+    previewList.value.push({
+      id,
+      fileName,
+      downloadUrl
+    })
+  }
+}
+
+// ========== 数据加载（保留 proxy.$axios）==========
+const getFile = async (fileId) => {
+  loading.value = true
+  previewList.value = []
+  videoList.value = []
+
+  try {
+    const response = await proxy.$axios.get('framework/Common/queryFileWithValues', {
+      fId: fileId
+    })
+
+    if (response.data.code === 0) {
+      const data = response.data.data
+      if (!data || !Array.isArray(data) || data.length === 0) {
+        showToast('暂无文件数据，请联系管理员')
+        return
+      }
+
+      data.forEach(file => createPreview(file))
+
+      await nextTick()
+      if (videoList.value.length > 0) {
+        resetVideo()
+      }
+    } else {
+      showToast('获取文件失败：' + response.data.msg)
+    }
+  } catch (error) {
+    console.error('文件加载异常:', error)
+    showToast('网络错误，请重试')
+  } finally {
+    loading.value = false
+  }
+}
+
+// ========== 页面初始化 ==========
+onMounted(async () => {
+  try {
+    const rowData = JSON.parse(route.query.data)
+    const fileId = rowData.fileId
+    const timeInMinutes = Number(rowData.watchTime)
+    console.log(timeInMinutes);
+    if (!fileId || isNaN(timeInMinutes) || timeInMinutes <= 0) {
+      showToast('参数无效')
+      return
+    }
+
+    watchTime.value = Math.floor(timeInMinutes * 60)
+    startCountdown()
+
+    await getFile(fileId)
+  } catch (error) {
+    console.error('路由参数解析失败:', error)
+    showToast('页面参数错误')
+  }
+})
+
+// ========== 完成学习 ==========
+const goBackAndMarkComplete = async () => {
+  try {
+    const rowData = JSON.parse(route.query.data)
+    const taskId = rowData.id
+
+    const res = await proxy.$axios.post('/sgsafe/Class/saveStatus', {
+      json: taskId
+    })
+
+    if (res.data.code === 0) {
+      showToast('学习记录已保存')
+    } else {
+      showToast(res.data.msg || '保存成功')
+    }
+  } catch (error) {
+    console.error('保存失败:', error)
+    showToast('保存学习状态失败')
+  }
+
+  router.back()
+}
+
+// ========== 清理定时器 ==========
+onUnmounted(() => {
+  if (timer.value) clearInterval(timer.value)
+})
+</script>
+
+<style scoped>
+.learning-page {
+  padding: 16px;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.countdown-timer {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.time-display {
+  font-size: 28px;
+  font-weight: bold;
+  color: #333;
+}
+
+.time-display.finished {
+  color: #ee0a24;
+}
+
+.video-wrapper {
+  margin-bottom: 20px;
+}
+
+.video-controls {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12px;
+}
+
+.video-index {
+  font-size: 14px;
+  color: #666;
+}
+
+.doc-tip {
+  margin-top: 20px;
+}
+
+.doc-list {
+  margin-top: 12px;
+}
+
+.completion-actions {
+  margin-top: 30px;
+}
+</style>

src/view/dati/classOne/line.vue

@@ -0,0 +1,641 @@
+<template>
+  <van-sticky>
+    <van-nav-bar>
+      <!-- <template #left>
+        <van-icon name="arrow-left" size="18" @click="goBack" />
+      </template> -->
+      <template #title> 答题考试 </template>
+      <template #right>
+        <!-- 提交按钮 -->
+        <van-button @click="checkBeforeSubmit" round color="linear-gradient(to right, #18FFFF, #304FFE)"
+                    style="height: 30px; width: 80px">交卷</van-button>
+      </template>
+    </van-nav-bar>
+  </van-sticky>
+  <van-overlay :show="overlayloading">
+    <div class="wrapper">
+      <van-loading color="#0094ff"> 加载中... </van-loading>
+    </div>
+  </van-overlay>
+
+  <div class="quiz-page">
+    <div class="question-number">
+      {{ activeIndex + 1 }}/{{ questions.length }}
+    </div>
+    <div v-if="questions.length > 0" class="question-content">
+      <!-- 题干 -->
+      <p class="kong">
+        <img
+          :src="getQuestionTypeImage(currentQuestion.category)"
+          class="question-type-img"
+          alt=""
+        />
+        {{ currentQuestion.stem }}
+      </p>
+
+
+      <!-- 单选题 -->
+      <div v-if="currentQuestion.category === '单选'">
+        <van-radio-group v-model="userAnswers[currentQuestion.id]">
+          <van-radio :name="'A'" class="kong">A.{{ currentQuestion.optionA }}</van-radio>
+          <van-radio :name="'B'" class="kong">B.{{ currentQuestion.optionB }}</van-radio>
+          <van-radio :name="'C'" class="kong">C.{{ currentQuestion.optionC }}</van-radio>
+          <van-radio :name="'D'" class="kong" v-if="currentQuestion.optionD">D.
+            {{ currentQuestion.optionD }}</van-radio>
+          <van-radio :name="'E'" class="kong" v-if="currentQuestion.optionE">E.
+            {{ currentQuestion.optionE }}</van-radio>
+        </van-radio-group>
+      </div>
+
+      <!-- 多选题 -->
+      <div v-if="currentQuestion.category === '多选'">
+        <van-checkbox-group v-model="userAnswers[currentQuestion.id]" shape="square">
+          <van-checkbox :name="'A'" class="kong">A.{{ currentQuestion.optionA }}</van-checkbox>
+          <van-checkbox :name="'B'" class="kong">B.{{ currentQuestion.optionB }}</van-checkbox>
+          <van-checkbox :name="'C'" class="kong">C.{{ currentQuestion.optionC }}</van-checkbox>
+          <van-checkbox :name="'D'" class="kong"
+                        v-if="currentQuestion.optionD">D.{{ currentQuestion.optionD }}</van-checkbox>
+          <van-checkbox :name="'E'" class="kong"
+                        v-if="currentQuestion.optionE">E.{{ currentQuestion.optionE }}</van-checkbox>
+        </van-checkbox-group>
+      </div>
+
+      <!-- 判断题 -->
+      <div v-if="currentQuestion.category === '判断'">
+        <van-radio-group v-model="userAnswers[currentQuestion.id]">
+          <van-radio :name="'A'" class="kong">A.正确</van-radio>
+          <van-radio :name="'B'" class="kong">B.错误</van-radio>
+        </van-radio-group>
+      </div>
+    </div>
+
+    <!-- 底部固定栏 -->
+    <div class="footer">
+      <van-button @click="prevQuestion" :disabled="activeIndex === 0"
+                  style="height: 40px; width: 45%">上一题</van-button>
+      <van-button @click="nextQuestion" :disabled="activeIndex === questions.length - 1" style="
+          height: 40px;
+          width: 45%;
+          background-color: var(--van-radio-checked-icon-color);
+          border-color: var(--van-radio-checked-icon-color);
+          color: #fff;
+        ">下一题</van-button>
+    </div>
+
+    <!-- 提交前确认弹窗 -->
+    <van-dialog v-model:show="confirmSubmitDialog" title="确认交卷" show-cancel-button @confirm="submitForm">
+      <p :class="{ 'van-dialog__message': true, 'text-center': true }">
+        <span v-if="hasUnanswered">{{ unansweredText }}</span>
+        <span v-else>{{ completedText }}</span>
+      </p>
+    </van-dialog>
+
+    <!-- 结果弹窗 -->
+    <van-popup v-model:show="showResult" position="top" style="height: 100%">
+      <van-sticky>
+        <van-nav-bar title="答题结果" />
+      </van-sticky>
+      <div style="
+          margin-top: 10px;
+          margin-left: 20px;
+          margin-bottom: 20px;
+          font-weight: bold;
+        ">
+        本次得分：{{ totalScore }}
+        <!--取接口成绩-->
+      </div>
+      <van-divider />
+      <!-- 题干 -->
+      <div v-for="question in questions" :key="question.id" class="question">
+        <p>
+          <span v-if="question.category === '单选'">[单选]</span>
+          <span v-if="question.category === '多选'">[多选]</span>
+          <span v-if="question.category === '判断'">[判断]</span>
+          {{ question.stem }}
+        </p>
+        <!-- 显示提交答案 -->
+        <p>
+					<span :style="{
+              color: Array.isArray(userAnswers[question.id])
+                ? userAnswers[question.id].sort().join('') ===
+                  question.answer
+                  ? '#007aff'
+                  : 'red'
+                : userAnswers[question.id] === question.answer
+                ? '#007aff'
+                : 'red',
+            }">
+						提交答案:{{
+              Array.isArray(userAnswers[question.id])
+                ? userAnswers[question.id].sort().join("")
+                : userAnswers[question.id] || "未作答"
+            }}
+					</span>
+        </p>
+        <!-- 显示正确答案 -->
+        <p style="color: #007aff">正确答案:{{ question.answer }}</p>
+        <div v-if="question.category === '单选'" class="kong">
+          <div>A. {{ question.optionA }}</div>
+          <div>B. {{ question.optionB }}</div>
+          <div>C. {{ question.optionC }}</div>
+          <div v-if="question.optionD">D. {{ question.optionD }}</div>
+          <div v-if="question.optionE">E. {{ question.optionE }}</div>
+        </div>
+        <div v-if="question.category === '多选'" class="kong">
+          <div>A. {{ question.optionA }}</div>
+          <div>B. {{ question.optionB }}</div>
+          <div>C. {{ question.optionC }}</div>
+          <div v-if="question.optionD">D. {{ question.optionD }}</div>
+          <div v-if="question.optionE">E. {{ question.optionE }}</div>
+        </div>
+        <div v-if="question.category === '判断'" class="kong">
+          <div>A.正确</div>
+          <div>B.错误</div>
+        </div>
+
+        <!-- AI解析按钮和内容 -->
+        <div style="margin: 10px 0;">
+          <van-button
+            type="primary"
+            size="small"
+            :loading="analysisLoading[question.id]"
+            @click="generateAIAnalysis(question,true)"
+          >
+            {{ aiAnalysis[question.id] ? '重新解析' : 'AI解析' }}
+          </van-button>
+
+          <!-- 显示AI解析内容 -->
+          <div v-if="aiAnalysis[question.id]" class="ai-analysis-content">
+            <div v-html="renderAnalysis(aiAnalysis[question.id])"></div>
+          </div>
+        </div>
+
+        <van-divider />
+      </div>
+      <div style="margin-top: 20px; text-align: center; margin-bottom: 20px">
+        <van-button class="questionBtn" type="primary" @click="confirmResult">确定</van-button>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import {
+  onMounted,
+  ref,
+  getCurrentInstance,
+  computed
+} from "vue";
+import {
+  showConfirmDialog,
+  showSuccessToast,
+  showFailToast,
+  showDialog
+} from 'vant';
+import {
+  useRouter,
+  useRoute
+} from "vue-router";
+import {
+  examResult,
+  formNew,
+  myDefaultCourse,
+  saveScore,
+  sortData,
+} from "@/api/dati";
+const {
+  proxy
+} = getCurrentInstance()
+
+const router = useRouter();
+const route = useRoute();
+
+const courseId = route.query.courseId;
+const userId = route.query.userId;
+if (userId == '' || userId == 'undefined') userId = localStorage.getItem('userId')
+const todayStr = route.query.todayStr;
+
+const questions = ref([]);
+
+const userAnswers = ref({});
+const activeIndex = ref(0);
+const totalScore = ref(0);
+const showResult = ref(false);
+
+const confirmSubmitDialog = ref(false);
+const hasUnanswered = ref(false);
+const unansweredText = "有题目未完成，是否确认交卷？";
+const completedText = "已完成所有题目，是否确认交卷？";
+const overlayloading = ref(false);
+// 在组件挂载时获取试卷
+onMounted(async () => {
+  overlayloading.value = true;
+  await getForm();
+  overlayloading.value = false;
+});
+
+//获取试卷
+const getForm = async () => {
+  var url = '/sgsafe/ExamLine/query'
+  const query = ref({
+    headId: courseId
+  })
+  var param = {
+    params: JSON.stringify(query.value)
+  }
+  try {
+    const res = await proxy.$axios.post(url, param);
+    if (res.data.code === 0) {
+      questions.value = res.data.data
+    } else {
+      console.log('操作失败!' + res.data.msg);
+    }
+  } catch (error) {
+    console.log('请求出错:', questions);
+  }
+};
+
+// 获取当前题目
+const currentQuestion = computed(() => {
+  return questions.value[activeIndex.value];
+});
+
+// 获取题目类型对应的图片路径
+import danxuan from '@/assets/img/dx.svg'
+import duoxuanImg from '@/assets/img/ksdx.svg'
+import panduanImg from '@/assets/img/kspd.svg'
+const getQuestionTypeImage = (category) => {
+  switch (category) {
+    case "单选": // 单选
+      return danxuan;
+    case "多选": // 多选
+      return duoxuanImg;
+    case "判断": // 判断
+      return panduanImg;
+    default:
+      return "";
+  }
+};
+
+//返回答题首页
+const goBack = () => {
+  router.push({
+    path: "/dailyproblem"
+  });
+};
+
+// 切换到下一题
+const nextQuestion = () => {
+  if (activeIndex.value < questions.value.length - 1) {
+    activeIndex.value++;
+  }
+};
+
+// 切换到上一题
+const prevQuestion = () => {
+  if (activeIndex.value > 0) {
+    activeIndex.value--;
+  }
+};
+
+
+const getUserAnswers = () => {
+  let useranswers = [];
+  questions.value.forEach((question) => {
+    const userAnswer = userAnswers.value[question.id]; // 获取用户的答案
+    let userAnswerString;
+    if (Array.isArray(userAnswer)) {
+      // 多选题，将数组转换为字符串
+      userAnswerString = userAnswer.sort().join(""); // 排序并转换为字符串，如 "ABC"
+    } else {
+      // 单选题，直接是字符串
+      userAnswerString = userAnswer || ""; // 如果未选择答案，则设为空字符串
+    }
+    // 将答案保存到 answers 数组中
+    useranswers.push({
+      id: question.id, // 题目 ID
+      userAnswer: userAnswerString, // 用户的答案
+    });
+  });
+  return useranswers;
+};
+
+//交卷
+const submitForm = async () => {
+  overlayloading.value = true;
+  try {
+    // 1. 保存答案
+    const answers = getUserAnswers();
+    const saveRes = await proxy.$axios.post('/sgsafe/ExamLine/appSaveMyScore', {
+      json: JSON.stringify(answers)
+    });
+    if (saveRes.data.code !== 0) {
+      showFailToast("答案保存失败");
+      return;
+    }
+
+    // 2. 触发判卷
+    const gradeRes = await proxy.$axios.post('/sgsafe/Package/doProc', {
+      procName: 'safeplat.sxsp_grade_exam_class',
+      param: JSON.stringify([courseId])
+    });
+    if (gradeRes.data.code !== 0) {
+      showFailToast("判卷失败，请稍后重试");
+      return;
+    }
+    const query = ref({
+      headId: courseId
+    })
+
+    // 3. 调用 queryMistake 获取错题及得分明细
+    const mistakeRes = await proxy.$axios.post(
+      '/sgsafe/ExamLine/queryMistake',
+      {
+        params: JSON.stringify(query.value) // 注意：这里和后端参数名一致
+      }
+    );
+    console.log(mistakeRes.data);
+    if (mistakeRes.data.code != 0) {
+      console.log('获取答题结果失败!' + res.data.msg);
+      return;
+    }
+
+    const data = mistakeRes.data.data || [];
+
+    // 直接计算总分和用户得分（不要用 computed！）
+    // totalScore.value = data.reduce((sum, item) => sum + (Number(item.score) || 0), 0);
+   totalScore.value = data.reduce((sum, item) => sum + (Number(item.userScore) || 0), 0);
+
+    // （可选）如果后续页面需要错题列表，也可以存下来
+    // tableData2.value = data;
+
+    // 4. 弹出结果提示
+    showConfirmDialog({
+      message: "判卷完成",
+      confirmButtonText: "查看本次答题结果",
+      cancelButtonText: "退出答题"
+    })
+      .then(() => {
+        showResult.value = true; // 显示结果页（会用到 totalScore 和 userTotalScore）
+      })
+      .catch(() => {
+        router.back()
+      });
+
+  } catch (error) {
+    console.error("交卷过程出错：", error);
+    showFailToast("交卷失败，请重试");
+  } finally {
+    overlayloading.value = false;
+  }
+};
+// 确认结果并返回
+const confirmResult = () => {
+  showResult.value = false;
+  // router.back();
+  router.back()
+};
+
+// 检查是否所有题目都已作答
+const checkBeforeSubmit = () => {
+  hasUnanswered.value = questions.value.some((question) => {
+    const userAnswer = userAnswers.value[question.id];
+    return (
+      !userAnswer || (Array.isArray(userAnswer) && userAnswer.length === 0)
+    );
+  });
+  confirmSubmitDialog.value = true;
+};
+
+// AI解析功能
+// AI解析相关变量
+const aiAnalysis = ref({}); // 存储每道题的AI解析内容
+const analysisLoading = ref({}); // 存储每道题的解析加载状态
+import { fetchHuaweiResponse } from "@/tools/deepseek.js";
+// 动态导入依赖
+let marked, DOMPurify;
+
+const initMarkdownLibs = async () => {
+  try {
+    // 尝试导入marked
+    const markedModule = await import('marked');
+    marked = markedModule.marked || markedModule.default || markedModule;
+
+    // 尝试导入DOMPurify
+    const dompurifyModule = await import('dompurify');
+    DOMPurify = dompurifyModule.default || dompurifyModule;
+  } catch (error) {
+    console.warn('Markdown libraries not available, using plain text', error);
+    // 如果导入失败，使用基础功能
+    marked = {
+      parse: (text) => text
+    };
+    DOMPurify = {
+      sanitize: (html) => html
+    };
+  }
+};
+
+// 在组件挂载时初始化
+onMounted(() => {
+  initMarkdownLibs();
+});
+
+// 生成AI解析
+const generateAIAnalysis = async (question, force = false) => {
+  // 如果该题已有解析且不是强制重新生成，直接返回
+  if (aiAnalysis.value[question.id] && !force) {
+    return;
+  }
+
+  // 如果是重新解析，先清空之前的内容
+  if (force) {
+    aiAnalysis.value[question.id] = '';
+  }
+
+  // 确保依赖已加载
+  if (!marked || !DOMPurify) {
+    await initMarkdownLibs();
+  }
+
+  // 设置加载状态
+  analysisLoading.value[question.id] = true;
+
+  try {
+    // 构造提示词
+    let prompt = `请为以下题目提供详细解析：
+题目类型：${question.category}题干：${question.stem}`;
+
+    // 添加选项
+    if (question.optionA) prompt += `\nA. ${question.optionA}`;
+    if (question.optionB) prompt += `\nB. ${question.optionB}`;
+    if (question.optionC) prompt += `\nC. ${question.optionC}`;
+    if (question.optionD) prompt += `\nD. ${question.optionD}`;
+    if (question.optionE) prompt += `\nE. ${question.optionE}`;
+
+    prompt += `\n正确答案：${question.answer}`;
+
+    // 添加用户答案（如果已作答）
+    const userAnswer = userAnswers.value[question.id];
+    if (userAnswer) {
+      const userAnswerString = Array.isArray(userAnswer)
+        ? userAnswer.sort().join("")
+        : userAnswer;
+      prompt += `\n用户答案：${userAnswerString}`;
+    }
+
+    prompt += `\n\n请提供以下内容：
+1. 正确答案的解释
+2. 为什么其他选项不正确（如果用户答案错误）
+3. 相关知识点说明`;
+
+    // 构造消息对象
+    const messages = [
+      {
+        role: "user",
+        content: prompt
+      }
+    ];
+
+    // 调用AI接口
+    fetchHuaweiResponse(
+      messages,
+      (content, isThinking, isEnd) => {
+        // 实时更新解析内容
+        aiAnalysis.value[question.id] = content;
+
+        // 如果是最终结果，停止加载状态
+        if (isEnd) {
+          analysisLoading.value[question.id] = false;
+        }
+      },
+      null
+    );
+  } catch (error) {
+    console.error('AI解析生成失败:', error);
+    analysisLoading.value[question.id] = false;
+    aiAnalysis.value[question.id] = '解析生成失败';
+  }
+};
+
+// 解析内容转换为HTML
+const renderAnalysis = (content) => {
+  if (!content) return '';
+
+  try {
+    // 确保依赖已加载
+    if (!marked || !DOMPurify) {
+      return content.replace(/\n/g, '<br>');
+    }
+
+    const html = marked.parse ? marked.parse(content) : marked(content);
+    return DOMPurify.sanitize ? DOMPurify.sanitize(html) : html;
+  } catch (error) {
+    console.error('Markdown解析错误:', error);
+    return content.replace(/\n/g, '<br>');
+  }
+};
+
+
+
+
+</script>
+
+<style scoped>
+.quiz-page {
+  padding: 20px;
+}
+
+.question-type-img {
+  width: 54px;
+  height: 20px;
+}
+
+.question {
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+.kong {
+  margin-bottom: 20px;
+}
+
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background-color: #fff;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.van-dialog__message {
+  text-align: center;
+}
+
+.questionBtn {
+  width: 40%;
+}
+
+/* 遮罩 */
+.wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.van-overlay {
+  z-index: 2;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.ai-analysis-content {
+  margin-top: 10px;
+  padding: 10px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.ai-analysis-content :deep(h1),
+.ai-analysis-content :deep(h2),
+.ai-analysis-content :deep(h3) {
+  margin: 10px 0;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.ai-analysis-content :deep(p) {
+  margin: 8px 0;
+}
+
+.ai-analysis-content :deep(ul),
+.ai-analysis-content :deep ol {
+  padding-left: 20px;
+  margin: 8px 0;
+}
+
+.ai-analysis-content :deep(li) {
+  margin: 4px 0;
+}
+
+.ai-analysis-content :deep(code) {
+  padding: 2px 4px;
+  background-color: #e0e0e0;
+  border-radius: 3px;
+  font-family: monospace;
+}
+
+.ai-analysis-content :deep(pre) {
+  padding: 10px;
+  background-color: #e0e0e0;
+  border-radius: 4px;
+  overflow-x: auto;
+}
+
+</style>

src/view/dati/classOne/sectionList.vue

@@ -0,0 +1,830 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="学习课程小节">
+
+      <template #right>
+        <van-icon
+          name="add"
+          size="24"
+          color="var(--van-nav-bar-icon-color)"
+          @click="handAdd"
+        />
+        <van-popover
+          v-model:show="showPopover"
+          :actions="actions"
+          placement="bottom-end"
+          @select="onSelect"
+        >
+          <template #reference>
+            <van-icon name="filter-o" size="24px" />
+          </template>
+        </van-popover>
+      </template>
+    </van-nav-bar>
+
+
+    <!-- 项目列表 -->
+    <van-pull-refresh v-model="isRefreshing" success-text="刷新成功" @refresh="onRefresh">
+      <van-list v-model:loading="isLoading" :finished="isFinished" finished-text="没有更多了" offset="200" @load="onLoad">
+        <div v-for="(item, idx) in resultData" :key="item.id">
+          <van-swipe-cell title-style="color: #007aff" style="height: 80px;" :ref="el => getSwipeCellRef(el, idx)">
+            <template #default>
+              <div class="swipe-cell-default">
+                <van-cell style="height: 100%; display: flex; align-items: center;" >
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.sectionName }}
+                    </div>
+                  </template>
+                  <template #label>
+                    <div> 小节类型：{{ getProjectTypeName(item.studyorExam)}} </div>
+                    <div style="width: 112px" :class="getStatusClass(item.isFinish)">
+                      状态：
+                      <span v-if="item.isFinish == '1'" style="width: 200px">已完成</span>
+                      <span v-else-if="item.isFinish == '2'" style="width: 200px">不及格</span>
+                      <span v-else>未完成</span>
+                    </div>
+                  </template>
+                </van-cell>
+                <div class="swipe-cell-default-icon">
+                  <van-icon v-if="openStatus[idx]" name="arrow-double-left" @click.stop="openSwipe(idx)" />
+                  <van-icon v-else name="arrow-double-right" @click.stop="closeSwipe(idx)" />
+                </div>
+              </div>
+            </template>
+
+            <template #right>
+
+              <div style="display: flex; align-items: center; justify-content: flex-end; height: 100%;">
+                <van-button v-if="item.studyorExam =='study'" @click="goaddLearn(item)" class="red-rounded-box-wide" text="学习"/>
+                <van-button v-else-if="item.studyorExam =='exam'"  @click="goaddPeo(item)" class="red-rounded-box-wide" text="考试"/>
+
+              </div>
+
+            </template>
+          </van-swipe-cell>
+        </div>
+
+      </van-list>
+    </van-pull-refresh>
+
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, toRaw } from 'vue';
+import { Dialog, showDialog, showSuccessToast, showToast, Toast } from 'vant';
+
+const { proxy } = getCurrentInstance();
+
+
+
+
+
+const route = useRoute()
+const rouData =ref({})
+rouData.value = JSON.parse(route.query.data)
+
+
+
+// 将字符串转为 Date 对象进行比较
+const parseDate = (str) => {
+  if (!str) return null;
+  // 支持 "YYYY-MM-DD HH:mm:ss" 或 ISO 格式
+  return new Date(str);
+};
+
+
+// 当前时间是否在 fromDate 之前（未开始）
+const isBefore = (fromDateStr) => {
+  const now = new Date();
+  const fromDate = parseDate(fromDateStr);
+  return fromDate && now < fromDate;
+};
+
+// 当前时间是否在 toDate 之后（已结束）
+const isAfter = (toDateStr) => {
+  const now = new Date();
+  const toDate = parseDate(toDateStr);
+  return toDate && now > toDate;
+};
+
+
+
+
+const getProjectTypeName = (code) => {
+  const map = {
+    'exam': '考试',
+    'study': '学习',
+
+
+  };
+  return map[code] || '未知类型';
+}
+const onClickLeft = () => {
+  history.back();
+};
+
+var userId = localStorage.getItem('userId')
+const switchIconState = (idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+// const onClickRight = () =>{
+//   searchShow.value = !searchShow.value;
+// }
+
+const searchShow = ref(false);
+
+/**
+ 时间
+ */
+// 当前年份
+const currentYear = new Date().getFullYear();
+
+// 生成年份：往前3年，往后1年 → 共5年
+const yearRange = Array.from({ length: 5 }, (_, i) => currentYear - 3 + i);
+
+// 构造 actions（符合 van-popover 要求）
+const actions = yearRange.map(year => ({
+  text: `${year}年`
+}));
+
+// 默认选中的年份（用于请求）
+const selectedYear = ref(currentYear);
+
+// 控制 popover 显示（可选，你用了 v-model:show 就够了）
+const showPopover = ref(false);
+
+// 选择回调
+const onSelect = (action, index) => {
+  query.value.year = yearRange[index];
+  // 👇 触发刷新（带上 selectedYear）
+  console.log(selectedYear.value);
+  resetAndRefresh();
+};
+const query = ref({
+  year: currentYear, // ← 默认就是今年
+  name: '',
+});
+
+// 重置并刷新（你已有类似逻辑）
+const resetAndRefresh = () => {
+  isFinished.value = false;
+  isLoading.value = false;
+
+  resultData.value = [];
+  onRefresh();
+};
+
+function formatDate(date, format) {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+  const seconds = date.getSeconds();
+
+  return format
+    .replace('yyyy', year)
+    .replace('MM', month.toString().padStart(2, '0'))
+    .replace('dd', day.toString().padStart(2, '0'))
+    .replace('HH', hours.toString().padStart(2, '0'))
+    .replace('mm', minutes.toString().padStart(2, '0'))
+    .replace('ss', seconds.toString().padStart(2, '0'));
+}
+
+const tableData = ref([]);
+const selectedRows = ref([]);
+const dialogVisibleLook = ref(false);
+const deleteDialogVisible = ref(false);
+const currentDeleteItem = ref([]);
+const dialogVisible = ref(false);
+const dialogVisibleFile = ref(false);
+const date = ref(null);
+
+const kz = ref(true);
+import { useRoute, useRouter } from 'vue-router';
+const router = useRouter();
+
+const handAdd =  () => {
+
+  router.push({ path: "/checkList",
+    query: {
+      mark:-1
+    } });
+
+};
+const today = new Date();
+const year = today.getFullYear();
+const month = String(today.getMonth() + 1).padStart(2, '0');
+const day = String(today.getDate()).padStart(2, '0');
+const todayStr = `${year}-${month}-${day}`;
+const goaddPeo =async (item) => {
+  //在这的时候生成题目
+  await prepareQuizData(item.id)
+
+  router.push({
+    path: "/line",
+    query: {
+      courseId: item.id,
+      userId: userId,
+      todayStr: todayStr,
+
+    },
+  });
+}
+const goaddLearn =async (item) => {
+  router.push({
+    path: '/learning1',
+    query: {
+      data: JSON.stringify(item)
+    }
+  })
+}
+const  questionData=ref([])
+const prepareQuizData = async (sectionId) => {
+
+  var url = '/sgsafe/Class/getQuestionBysectionId'
+  var param = {
+
+    params: sectionId
+  }
+  const response = await proxy.$axios.get(url, param)
+  if (response.data.code == '0') {
+    questionData.value = response.data.data
+    console.log(questionData.value)
+
+  }
+
+}
+
+const edits = (row) => {
+  kz.value = true;
+  form.value = { ...row };
+  router.push({ path: "/checkList",
+    query: {
+      mark:1,
+      data:JSON.stringify(form.value)
+    } });
+};
+// 定义表单数据
+const form = ref({
+  hdPicId: '',
+  hdId: '',
+  hdType: '',
+  discoveryTime: '',
+  hdSubtype: '',
+  discoverer: '',
+  discovererOther: '',
+  hdDescription: '',
+  hdLevel: '',
+  bz: '',
+  hdLocation: '',
+  picBefore: '',
+
+  equipmentId: '',
+  hdmanageLevel: '',
+  handlingProcesses: '',
+  companyId: '',
+  repairLeader: '',
+  repairOther: '',
+  repairSuggest: '',
+  repairDdl: '',
+  repairDept: '',
+  acceptLeader: '',
+  acceptOther: '',
+  picAfter: '',
+  picTemp: '',
+  repairDescription: '',
+  discovererDept: '',
+  discovererDeptCode: '',
+  hdLocationCode: '',
+  hdLocationName: '',
+
+  status: '',
+
+
+  hdSelect: '正常登记',
+  id: ''
+});
+const resetForma = () => {
+  form.value = {
+    hdPicId: '',
+    hdId: '',
+    hdType: '',
+    discoveryTime: '',
+    hdSubtype: '',
+    discoverer: '',
+    discovererOther: '',
+    hdDescription: '',
+    hdLevel: '',
+    bz: '',
+    hdLocation: '',
+    picBefore: '',
+
+    equipmentId: '',
+    hdmanageLevel: '',
+    handlingProcesses: '',
+    companyId: '',
+    repairLeader: '',
+    repairOther: '',
+    repairSuggest: '',
+    repairDdl: '',
+    repairDept: '',
+    acceptLeader: '',
+    acceptOther: '',
+    picAfter: '',
+    picTemp: '',
+    repairDescription: '',
+    status: '',
+    discovererDept: '',
+    discovererDeptCode: '',
+    hdLocationCode: '',
+    hdLocationName: '',
+
+    hdSelect: '正常登记',
+    id: ''
+  };
+};
+
+const isRefreshing = ref(false);
+const isLoading = ref(false);
+const isFinished = ref(false);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const totalRows = ref(0);
+const resultData = ref([]);
+
+const dept=localStorage.getItem("dept")[0].deptCode;
+const getTableData = async () => {
+
+  const url = '/sgsafe/Class/querySectionList'
+  const param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: rouData.value.id
+  };
+  const response = await proxy.$axios.get(url, param);
+  if (response.data.code === 0) {
+    tableData.value = response.data.data.records;
+    totalRows.value = response.data.data.total;
+  } else {
+    showToast({
+      type: 'error',
+      message: '操作失败！' + response.data.msg
+    });
+  }
+};
+const ruleIds = ref([]);
+const getRuleId = () => {
+  var url = '/sgsafe/ExamHead/getCheckRuleId'
+  var param = {}
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      ruleIds.value = response.data.data
+    } else {
+      console.log("1111111");
+    }
+  })
+  console.log('ruleIds', ruleIds)
+}
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+const onLoad = async () => {
+  if (isRefreshing.value) {
+    resultData.value = [];
+    currentPage.value = 1;
+    isRefreshing.value = false;
+  }
+  try {
+    await getTableData();
+    await getRuleId()
+    if (pageSize.value * currentPage.value < totalRows.value) {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      currentPage.value++;
+
+    } else {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      isFinished.value = true;
+    }
+  } catch (error) {
+    console.log(error);
+    isFinished.value = true;
+  } finally {
+    isLoading.value = false;
+  }
+};
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  isFinished.value = false;
+  isLoading.value = true;
+  currentPage.value = 1;
+  resultData.value = [];
+};
+
+/*onMounted(() => {
+  handleSearch();
+});
+
+const handleSearch = () => {
+/!*  currentPage.value = 1;
+  isFinished.value = false;
+  tableData.value = [];*!/
+  basicReset()
+  onLoad()
+};*/
+
+const handdelect = () => {
+  query.value.checkName = '';
+  onRefresh()
+};
+
+const handleDetailLook = (row) => {
+  form.value = { ...row };
+  proxy.$router.push({
+    name: 'taiZhang_detail',
+    query: {
+      form: form.value.id
+    }
+  });
+  // dialogVisibleLook.value = true;
+};
+const deleteData=ref({})
+
+const handleDelete = (item) => {
+  deleteData.value=item
+  deleteData.value.cancelFlag='1'
+  var url = '/sgsafe/EduCheckMaster/save';
+  var param = {
+    json: JSON.stringify(item)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      showSuccessToast("删除成功")
+      onRefresh();
+
+    } else {
+    }
+
+  })
+};
+
+
+
+
+
+
+
+const resetForm = () => {
+  form.value = {
+    projectName: '',
+    projectLeader: '',
+    phone: '',
+    dept: ''
+  };
+};
+
+
+
+//处理人员code
+const repairLL = ref('');
+const repairOO = ref('');
+const acceptLL = ref('');
+const orJsons = () => {
+  // console.log('forms',form.value)
+  if (form.value.hdSelect === '正常登记') {
+    nextTick(() => {
+      nextTick(() => {
+        repairLL.value = qq('repairLL', form.value.discoverer);//隐患发现人
+        nextTick(() => {
+          repairOO.value = qq('repairOO', form.value.discovererOther);//其他隐患发现人
+          nextTick(() => {
+            acceptLL.value = qq('acceptLL', form.value.discoverer);//隐患销号人
+          });
+        });
+      });
+
+      // acceptOO.value = qq('acceptOO', form.value.acceptOther)
+    });
+  } else {
+    // console.log('noiajdoifjpoewjfopjp')
+    nextTick(() => {
+      nextTick(() => {
+        repairLL.value = qq('repairLL', form.value.acceptLeader);//隐患发现人
+        nextTick(() => {
+          repairOO.value = qq('repairOO', form.value.acceptOther);//其他隐患发现人
+          nextTick(() => {
+            acceptLL.value = qq('acceptLL', form.value.discoverer);//隐患销号人
+          });
+        });
+      });
+
+      // acceptOO.value = qq('acceptOO', form.value.acceptOther)
+    });
+  }
+};
+
+const jsons = ref({});
+const qq = (a, val) => {
+  let aa = '';
+  var url = 'sgsafe/Hiddendanger/qqId';
+  var param = {
+    params: val
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == 0) {
+
+      aa = response.data.data;
+      switch (a) {
+        case 'repairLL':
+          repairLL.value = response.data.data;
+          // console.log('repairLL',repairLL.value);
+          break;
+        case 'repairOO':
+          repairOO.value = response.data.data;
+          // console.log('repairOO',repairLL.value);
+          break;
+        case 'acceptLL':
+          acceptLL.value = response.data.data;
+          // console.log('acceptLL',repairLL.value);
+          break;
+        default:
+          break;
+      }
+      jsons.value = {
+        hdConfirm: repairLL.value,
+        hdConfirmO: repairOO.value,
+        hdCancel: acceptLL.value
+      };
+
+      // 处理函数
+      function processValue(value) {
+        // 将逗号替换为分号
+        const replacedValue = value.replace(/,/g, ';');
+        // 分割值
+        const parts = replacedValue.split(';');
+        // 每个部分前加上 U_
+        const processedParts = parts.map(part => `U_${part.trim()}`);
+        // 重新组合
+        return processedParts.join(';');
+      }
+
+      // 处理整个对象
+      const processedData = {};
+      for (const key in jsons.value) {
+        if (jsons.value.hasOwnProperty(key)) {
+          processedData[key] = processValue(jsons.value[key]);
+        }
+      }
+
+      console.log('对象', toRaw(processedData));
+
+      let b = {
+        acceptL: processedData.hdConfirm,
+        acceptO: processedData.hdConfirmO,
+        id: form.value.id
+      };
+
+      if (form.value.hdSelect === '即查即改') {
+        b = {
+          hdFxr: processedData.hdCancel,
+          id: form.value.id
+        };
+      }
+
+      if (form.value.hdSelect === '正常登记') {
+        b = {
+          // hdConfirm: processedData.hdConfirm,
+          // hdConfirmO: processedData.hdConfirmO,
+          id: form.value.id
+        };
+      }
+
+      const aaa = JSON.stringify(toRaw(b));
+      sessionStorage.setItem('variables', aaa);
+      console.log('aaa', aaa);
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+  return aa;
+};
+
+const reback = () => {
+  // 返回逻辑
+};
+
+const deleteRow = (row) => {
+  selectedRows.value = [row];
+  handleDelete(row);
+};
+
+const deleteRowa = (row) => {
+  deleteRow(row);
+};
+
+const bm = (val) => {
+  // 部门选择逻辑
+};
+
+//提交审批流程
+import { workflowSubmit, workflowCancel } from '@/tools/workflow.js';
+
+const flowId = ref('');
+flowId.value = 'hazardManagementFlowId';
+
+
+const getStatusClass = (status) => {
+  switch (status) {
+    case '1':
+      return 'status-rectifying';
+    case '2':
+      return 'status-closed';
+    default:
+      return 'status-analyzing';
+  }
+};
+
+/**
+ * 按钮实现swipe-cell滑动
+ */
+const openStatus = ref([])
+const swipeCellRefs = ref([])
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+}
+const openSwipe = (idx) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = false
+    swipeCellRefs.value[idx].open('right')
+  }
+  document.addEventListener('click', handleDocumentClick)
+}
+/**
+ * 当点击滑动单元格时，开始监听点击事件
+ */
+const handleDocumentClick = (event) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = true
+    swipeCellRefs.value[idx].close()
+  }
+}
+
+</script>
+
+<style scoped>
+.h5-container {
+  width: 100%;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.status-pending {
+  background-color: #fff3cd;
+  color: #856404;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-registered {
+  background-color: #d1ecf1;
+  color: #0c5460;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-analyzing {
+  background-color: #fff8e1;
+  color: #ff8f00;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-rectifying {
+  background-color: #e8f5e9;
+  color: #2e7d32;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-accepting {
+  background-color: #e3f2fd;
+  color: #1565c0;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-closed {
+  background-color: #f8bbd0;
+  color: #b71c1c;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-finished {
+  background-color: #e8eaf6;
+  color: #311b92;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-unknown {
+  background-color: #efebe9;
+  color: #424242;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.cell-title {
+  display: -webkit-box;
+  /* 旧版弹性盒子模型 */
+  -webkit-box-orient: vertical;
+  /* 内容垂直排列 */
+  -webkit-line-clamp: 2;
+  /* 限制显示行数 */
+  overflow: hidden;
+  /* 超出隐藏 */
+  text-overflow: ellipsis;
+  /* 省略号 */
+  line-height: 1.5;
+  /* 可选：设置行高 */
+  max-height: calc(1.5em * 2);
+  /* 可选：根据行高限制最大高度 */
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  /* 字号 */
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+
+.delete-button {
+  height: 100%;
+  border: none;
+  color: #ff0000;
+  background-image: url('@/assets/img/del.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.red-rounded-box-wide {
+  width: 80px;           /* 可容纳3个字 */
+  height: 36px;          /* 高度适中 */
+  border: 2px solid #51e74c;
+  border-radius: 18px;   /* 圆角 = 高度 / 2 → 完美胶囊形 */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  color: #07c160;
+  background-color: transparent;
+  box-sizing: border-box;
+}
+
+.submit-button {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.subsuccess {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub1.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+</style>