// ==UserScript== // @name 学习通作业/考试/任务列表（优化版） // @namespace https://github.com/Cooanyh // @version 2.0.0 // @author 甜檸Cirtron (lcandy2); Modified by Coren // @description 【优化版】支持作业、考试、课程任务列表快速查看。基于原版脚本修改：1. 新增支持在 https://i.chaoxing.com/ 空间页面显示；2. 优化考试与作业列表 UI；3. 新增"任务"/"课程任务"标签，汇总所有课程的待办任务；4. 新增待办即将过期任务提醒；5. 整合学习仪表盘，UI 极简优化，支持板块全屏查看；6. v2.0.0 UI 重构升级：全新设计风格、欢迎区域、状态胶囊。 // @license AGPL-3.0-or-later // @copyright lcandy2 All Rights Reserved // @copyright 2025, Coren (Modified based on original work) // @source https://github.com/lcandy2/user.js/tree/main/websites/chaoxing.com/chaoxing-assignment // @match *://mooc1-api.chaoxing.com/work/stu-work* // @match *://i.chaoxing.com/* // @match *://i.chaoxing.com/base* // @match *://i.mooc.chaoxing.com/space/index* // @match *://i.mooc.chaoxing.com/settings* // @match *://mooc1-api.chaoxing.com/exam-ans/exam/phone/examcode* // @match *://mooc1.chaoxing.com/exam-ans/exam/test/examcode/examlist* // @require https://registry.npmmirror.com/vue/3.4.27/files/dist/vue.global.prod.js // @require data:application/javascript,%3Bwindow.Vue%3DVue%3B // @require https://registry.npmmirror.com/vuetify/3.6.6/files/dist/vuetify.min.js // @require data:application/javascript,%3B // @resource VuetifyStyle https://registry.npmmirror.com/vuetify/3.6.6/files/dist/vuetify.min.css // @resource material-design-icons-iconfont/dist/material-design-icons.css https://fonts.googlefonts.cn/css?family=Material+Icons // @grant GM_addStyle // @grant GM_getResourceText // @grant GM_xmlhttpRequest // @connect mooc1-api.chaoxing.com // @connect mobilelearn.chaoxing.com // @connect stat2-ans.chaoxing.com // @connect mooc2-ans.chaoxing.com // @connect mooc1.chaoxing.com // @connect i.chaoxing.com // @match *://mooc2-ans.chaoxing.com/* // @run-at document-end // ==/UserScript== (function (vuetify, vue) { 'use strict'; // --- 核心工具函数 --- const wrapElements = () => { const wrapper = document.createElement("body"); wrapper.id = "chaoxing-assignment-wrapper"; while (document.body.firstChild) { wrapper.appendChild(document.body.firstChild); } document.body.appendChild(wrapper); wrapper.style.display = "none"; }; const removeStyles = () => { removeHtmlStyle(); const styles = document.querySelectorAll("link[rel=stylesheet]"); styles.forEach((style) => { var _a; if ((_a = style.getAttribute("href")) == null ? void 0 : _a.includes("chaoxing")) { style.remove(); } }); }; const removeHtmlStyle = () => { const html = document.querySelector("html"); html == null ? void 0 : html.removeAttribute("style"); }; const keepRemoveHtmlStyle = () => { const observer = new MutationObserver((mutations) => { mutations.forEach((mutation) => { if (mutation.type === "attributes" && mutation.attributeName === "style") { removeHtmlStyle(); } }); }); const html = document.querySelector("html"); html && observer.observe(html, { attributes: true }); }; const removeScripts = () => { const scripts = document.querySelectorAll("script"); scripts.forEach((script) => { var _a; if ((_a = script.getAttribute("src")) == null ? void 0 : _a.includes("chaoxing")) { script.remove(); } }); }; const urlDetection = () => { const url = window.location.href; const hash = window.location.hash; // 新版仪表盘检测 if (hash.includes("chaoxing-dashboard")) { return "dashboard"; } if (hash.includes("chaoxing-assignment-activities")) { return "activities"; } if (hash.includes("chaoxing-assignment-todo")) { return "todo"; } if (hash.includes("chaoxing-assignment")) { if (url.includes("mooc1-api.chaoxing.com/work/stu-work")) { return "homework"; } if (url.includes("mooc1-api.chaoxing.com/exam-ans/exam/phone/examcode")) { return "exam"; } } if (url.includes("mooc1.chaoxing.com/exam-ans/exam/test/examcode/examlist")) { return "exam"; } if (url.includes("i.chaoxing.com")) { return "home"; } if (url.includes("i.mooc.chaoxing.com/space/index") || url.includes("i.mooc.chaoxing.com/settings")) { return "legacyHome"; } // 课程章节页面检测 if (url.includes("mooc2-ans.chaoxing.com/mooc2-ans/mycourse/studentcourse") || url.includes("mooc2-ans.chaoxing.com/mooc2-ans/mycourse/stu")) { return "course_chapter"; } }; const fixCssConflict = () => { const style = document.createElement('style'); style.textContent = ` .menu-list .label-item h3 { font-size: 14px !important; margin: 0 !important; line-height: 24px !important; font-weight: normal !important; } div.menubar a h5 { font-size: 14px !important; margin: 0 !important; line-height: normal !important; font-weight: bold !important; white-space: nowrap !important; } .leftnav h3, .left_nav h3, .funclistul h3, .user-info h3, div[class*="menu"] h3, div[class*="nav"] h3, #space_left h3, .space-left h3 { font-size: 14px !important; } .space_opt .manageBtn { font-size: 12px !important; line-height: 24px !important; height: auto !important; width: auto !important; padding: 0 10px !important; margin: 0 5px !important; display: inline-block !important; box-sizing: content-box !important; text-align: center !important; white-space: nowrap !important; border-radius: 4px !important; } .space_opt a.manageBtn { text-decoration: none !important; color: #333 !important; } `; document.head.appendChild(style); }; const createMenuItem = (id, text, iconClass, targetUrl, insertFunc) => { const url = targetUrl; const menubarElement = document.querySelector('div.menubar[role="menubar"]'); if (menubarElement) { const a = document.createElement("a"); a.setAttribute("role", "menuitem"); a.setAttribute("tabindex", "-1"); a.id = `first${id}`; a.setAttribute("onclick", `setUrl('${id}','${url}',this,'0','${text}')`); a.setAttribute("dataurl", url); const icon = document.createElement("span"); icon.className = `icon-space ${iconClass}`; a.appendChild(icon); const h5 = document.createElement("h5"); h5.title = text; h5.innerHTML = `${text}`; a.appendChild(h5); const arrow = document.createElement("span"); arrow.className = "arrow icon-uniE900"; a.appendChild(arrow); if (insertFunc) insertFunc(menubarElement, a); else menubarElement.prepend(a); } }; const createMenuItemNew = (id, text, iconClass, targetUrl, insertFunc) => { const menuListElement = document.querySelector("ul.menu-list-ul"); if (menuListElement) { const li = document.createElement("li"); li.setAttribute("level", "1"); li.setAttribute("table-type", "1"); li.setAttribute("data-id", `chaoxing-assignment-${id}`); const div = document.createElement("div"); div.className = "label-item"; div.setAttribute("role", "menuitem"); div.setAttribute("level", "1"); div.setAttribute("tabindex", "-1"); div.setAttribute("name", text); div.setAttribute("id", `first_chaoxing_assignment_${id}`); div.setAttribute("onclick", `setUrl('chaoxing-assignment-${id}','${targetUrl}',this,'0','${text}')`); div.setAttribute("dataurl", targetUrl); const icon = document.createElement("span"); icon.className = `icon-space ${iconClass}`; div.appendChild(icon); const h3 = document.createElement("h3"); h3.title = text; h3.textContent = text; div.appendChild(h3); const arrow = document.createElement("span"); arrow.className = "slide-arrow icon-h-arrow-l hide"; div.appendChild(arrow); li.appendChild(div); li.appendChild(Object.assign(document.createElement("div"), { className: "school-level" })).appendChild(document.createElement("ul")); if (insertFunc) insertFunc(menuListElement, li); else menuListElement.prepend(li); } }; const createMenuItemLegacy = (id, text, iconClass, targetUrl) => { const list = document.querySelector("ul.funclistul"); if (list && !document.querySelector(`#li_chaoxing-assignment-${id}`)) { const li = document.createElement("li"); li.id = `li_chaoxing-assignment-${id}`; li.className = ''; li.innerHTML = `${text}`; list.prepend(li); } }; // URL 常量 const URL_HOMEWORK = 'https://mooc1-api.chaoxing.com/work/stu-work#chaoxing-assignment'; const URL_EXAM = 'https://mooc1-api.chaoxing.com/exam-ans/exam/phone/examcode#chaoxing-assignment'; const URL_TODO = 'https://mooc1-api.chaoxing.com/work/stu-work#chaoxing-assignment-todo'; const URL_ACTIVITIES = 'https://mooc1-api.chaoxing.com/work/stu-work#chaoxing-assignment-activities'; const URL_DASHBOARD = 'https://mooc1-api.chaoxing.com/work/stu-work#chaoxing-dashboard'; const API_COURSE_LIST = 'https://mooc1-api.chaoxing.com/mycourse/backclazzdata?view=json&mcode='; const initMenus = () => { // 只创建单个"学习仪表盘"入口 if (document.querySelector('div.menubar[role="menubar"]')) { if (!document.querySelector('#first1000000')) { createMenuItem('1000000', '📊 学习仪表盘', 'icon-bj', URL_DASHBOARD); } } else if (document.querySelector("ul.menu-list-ul")) { if (!document.querySelector('#first_chaoxing_assignment_dashboard')) { createMenuItemNew('dashboard', '📊 学习仪表盘', 'icon-bj', URL_DASHBOARD); } } else if (document.querySelector("ul.funclistul")) { createMenuItemLegacy('dashboard', '📊 学习仪表盘', 'zne_bj_icon', URL_DASHBOARD); } }; // 新标签页打开的菜单项创建函数 const createMenuItemNewTab = (id, text, iconClass, targetUrl) => { const menubarElement = document.querySelector('div.menubar[role="menubar"]'); if (menubarElement) { const a = document.createElement("a"); a.setAttribute("role", "menuitem"); a.setAttribute("tabindex", "-1"); a.id = `first${id}`; a.href = targetUrl; a.target = "_blank"; a.style.cursor = "pointer"; const icon = document.createElement("span"); icon.className = `icon-space ${iconClass}`; a.appendChild(icon); const h5 = document.createElement("h5"); h5.title = text; h5.innerHTML = `${text}`; a.appendChild(h5); const arrow = document.createElement("span"); arrow.className = "arrow icon-uniE900"; a.appendChild(arrow); menubarElement.prepend(a); } }; const createMenuItemNewTabNew = (id, text, iconClass, targetUrl) => { const menuListElement = document.querySelector("ul.menu-list-ul"); if (menuListElement) { const li = document.createElement("li"); li.setAttribute("level", "1"); li.setAttribute("table-type", "1"); li.setAttribute("data-id", `chaoxing-assignment-${id}`); const div = document.createElement("div"); div.className = "label-item"; div.setAttribute("role", "menuitem"); div.setAttribute("level", "1"); div.setAttribute("tabindex", "-1"); div.setAttribute("name", text); div.setAttribute("id", `first_chaoxing_assignment_${id}`); div.style.cursor = "pointer"; div.onclick = () => window.open(targetUrl, '_blank'); const icon = document.createElement("span"); icon.className = `icon-space ${iconClass}`; div.appendChild(icon); const h3 = document.createElement("h3"); h3.title = text; h3.textContent = text; div.appendChild(h3); const arrow = document.createElement("span"); arrow.className = "slide-arrow icon-h-arrow-l hide"; div.appendChild(arrow); li.appendChild(div); li.appendChild(Object.assign(document.createElement("div"), { className: "school-level" })).appendChild(document.createElement("ul")); menuListElement.prepend(li); } }; const createMenuItemLegacyNewTab = (id, name, iconClass, url) => { const list = document.querySelector("ul.funclistul"); if (list && !document.querySelector(`#first_chaoxing_assignment_${id}`)) { const existingItem = list.querySelector('li a'); if (existingItem) { const li = document.createElement("li"); li.id = `first_chaoxing_assignment_${id}`; const a = document.createElement("a"); a.href = url; a.target = "_blank"; a.title = name; const span = document.createElement("span"); span.className = iconClass; a.appendChild(span); a.appendChild(document.createTextNode(name)); li.appendChild(a); list.prepend(li); } } }; // --- 课程任务汇总功能 --- // GM_xmlhttpRequest 封装为 Promise const gmFetch = (url, options = {}) => { return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: options.method || 'GET', url: url, headers: options.headers || {}, responseType: options.responseType || 'text', onload: (response) => { if (response.status >= 200 && response.status < 400) { resolve(response); } else { reject(new Error(`Request failed: ${response.status}`)); } }, onerror: (error) => reject(error), ontimeout: () => reject(new Error('Request timeout')) }); }); }; // 获取所有课程列表 const fetchCourseList = async () => { try { console.log('[课程任务] 正在获取课程列表:', API_COURSE_LIST); const response = await gmFetch(API_COURSE_LIST); console.log('[课程任务] 课程列表原始响应:', response.responseText.substring(0, 1000)); const data = JSON.parse(response.responseText); console.log('[课程任务] 解析后数据:', data); if (!data.channelList) { console.log('[课程任务] 没有 channelList'); return []; } const courses = []; for (const channel of data.channelList) { const content = channel.content; if (!content) continue; // 检查是否是课程（有 course 对象） if (content.course && content.course.data && content.course.data.length > 0) { const courseInfo = content.course.data[0]; // 尝试多种方式获取 clazzId let clazzId = ''; if (content.clazz && content.clazz.data && content.clazz.data.length > 0) { clazzId = String(content.clazz.data[0].id); } else if (content.id) { clazzId = String(content.id); } else if (channel.key) { clazzId = String(channel.key); } // 只添加有 clazzId 的课程（API 需要此参数） if (courseInfo && clazzId) { courses.push({ courseId: String(courseInfo.id), courseName: courseInfo.name || '未知课程', clazzId: clazzId, cpi: String(content.cpi || ''), teacherName: courseInfo.teacherfactor || '' }); console.log(`[课程任务] 解析课程: ${courseInfo.name}, clazzId=${clazzId}`); } else if (courseInfo) { console.log(`[课程任务] 跳过无 clazzId 的课程: ${courseInfo.name}`); } } } console.log('[课程任务] 最终解析到课程:', courses.length, '个'); return courses; } catch (error) { console.error('[课程任务] 获取课程列表失败:', error); return []; } }; // 获取单个课程的活动/任务列表 (使用 JSON API) const fetchCourseActivities = async (course) => { try { // 使用正确的 JSON API 接口 const timestamp = Date.now(); const url = `https://mobilelearn.chaoxing.com/v2/apis/active/student/activelist?fid=0&courseId=${course.courseId}&classId=${course.clazzId}&showNotStartedActive=0&_=${timestamp}`; console.log(`[课程任务] 获取课程任务 ${course.courseName}:`, url); const response = await gmFetch(url); console.log(`[课程任务] ${course.courseName} 原始响应:`, response.responseText.substring(0, 300)); const data = JSON.parse(response.responseText); console.log(`[课程任务] ${course.courseName} 解析后:`, data); // 尝试多种可能的数据结构 let activeList = null; if (data.data && data.data.activeList) { activeList = data.data.activeList; } else if (data.activeList) { activeList = data.activeList; } else if (Array.isArray(data.data)) { activeList = data.data; } else if (Array.isArray(data)) { activeList = data; } if (!activeList || activeList.length === 0) { console.log(`[课程任务] ${course.courseName} 没有找到任务列表`); return []; } console.log(`[课程任务] ${course.courseName} 找到 ${activeList.length} 个任务`); const activities = activeList.map((item) => { // 活动类型映射 const typeMap = { 0: '签到', 2: '签到', 4: '抢答', 5: '主题讨论', 6: '投票', 14: '问卷', 17: '直播', 23: '随堂练习', 35: '分组任务', 42: '随堂练习', 43: '评分', 45: '拍照', 47: '作业', 64: '笔记' }; // 状态判断：status=1 进行中，status=2 已结束 const isOngoing = item.status === 1; const isEnded = item.status === 2; return { activeId: item.id || item.activeId || '', title: item.nameOne || item.name || item.title || '未知任务', type: typeMap[item.activeType] || typeMap[item.type] || `类型${item.activeType || item.type}`, status: isOngoing ? '进行中' : (isEnded ? '已结束' : '未开始'), time: item.startTime ? new Date(item.startTime).toLocaleString() : '', endTime: item.endTime ? new Date(item.endTime).toLocaleString() : '', courseName: course.courseName, courseId: course.courseId, clazzId: course.clazzId, cpi: course.cpi, finished: isEnded, ongoing: isOngoing, activeType: item.activeType || item.type }; }); return activities; } catch (error) { console.error(`[课程任务] 获取课程 ${course.courseName} 的任务失败:`, error); return []; } }; // 获取所有课程的任务汇总 const fetchAllActivities = async () => { const courses = await fetchCourseList(); console.log(`[课程任务] 找到 ${courses.length} 个课程`); if (courses.length === 0) { return []; } // 并发获取所有课程的任务（限制并发数防止请求过多） const batchSize = 5; const allActivities = []; for (let i = 0; i < courses.length; i += batchSize) { const batch = courses.slice(i, i + batchSize); const batchResults = await Promise.all( batch.map(course => fetchCourseActivities(course)) ); allActivities.push(...batchResults.flat()); } console.log(`[课程任务] 共获取 ${allActivities.length} 个任务`); return allActivities; }; function extractTasks(doc = document) { let taskElements = doc.querySelectorAll("#chaoxing-assignment-wrapper ul.nav > li"); if (taskElements.length === 0) taskElements = doc.querySelectorAll("ul.nav > li"); const tasks = Array.from(taskElements).map((task) => { var _a, _b, _c; const optionElement = task.querySelector('div[role="option"]'); let title = ""; let status = ""; let uncommitted = false; let course = ""; let leftTime = ""; if (optionElement) { title = ((_a = optionElement.querySelector("p")) == null ? void 0 : _a.textContent) || ""; const statusElement = optionElement.querySelector("span:nth-of-type(1)"); status = (statusElement == null ? void 0 : statusElement.textContent) || ""; uncommitted = (statusElement == null ? void 0 : statusElement.className.includes("status")) || false; course = ((_b = optionElement.querySelector("span:nth-of-type(2)")) == null ? void 0 : _b.textContent) || ""; leftTime = ((_c = optionElement.querySelector(".fr")) == null ? void 0 : _c.textContent) || ""; } const raw = task.getAttribute("data") || ""; let workId = ""; let courseId = ""; let clazzId = ""; if (raw) { const rawUrl = new URL(raw); const searchParams = rawUrl.searchParams; workId = searchParams.get("taskrefId") || ""; courseId = searchParams.get("courseId") || ""; clazzId = searchParams.get("clazzId") || ""; } return { type: "作业", title, status, uncommitted, course, leftTime, workId, courseId, clazzId, raw }; }); return tasks; } function extractExams(doc = document) { let examElements = doc.querySelectorAll("#chaoxing-assignment-wrapper ul.ks_list > li"); if (examElements.length === 0) examElements = doc.querySelectorAll("ul.ks_list > li"); const exams = Array.from(examElements).map((exam) => { var _a, _b, _c, _d; const dlElement = exam.querySelector("dl"); const imgElement = exam.querySelector("div.ks_pic > img"); let title = ""; let timeLeft = ""; let status = ""; let expired = false; let examId = ""; let courseId = ""; let classId = ""; if (dlElement) { title = ((_a = dlElement.querySelector("dt")) == null ? void 0 : _a.textContent) || ""; timeLeft = ((_b = dlElement.querySelector("dd")) == null ? void 0 : _b.textContent) || ""; } if (imgElement) { expired = ((_c = imgElement.getAttribute("src")) == null ? void 0 : _c.includes("ks_02")) || false; } status = ((_d = exam.querySelector("span.ks_state")) == null ? void 0 : _d.textContent) || ""; const raw = exam.getAttribute("data") || ""; if (raw) { let fullRaw = raw; if (raw.startsWith('/')) fullRaw = window.location.protocol + "//" + window.location.host + raw; try { const rawUrl = new URL(fullRaw); const searchParams = rawUrl.searchParams; examId = searchParams.get("taskrefId") || ""; courseId = searchParams.get("courseId") || ""; classId = searchParams.get("classId") || ""; } catch (e) { } } const finished = status.includes("已完成") || status.includes("待批阅"); return { type: "考试", title, status, timeLeft, expired, finished, examId, courseId, classId, raw }; }); return exams; } function extractExamsFromTable(doc = document) { let examRows = doc.querySelectorAll("table.dataTable tr.dataTr"); if (examRows.length === 0) return []; const exams = Array.from(examRows).map((row) => { const cells = row.querySelectorAll("td"); if (cells.length < 9) return null; const index = cells[0]?.textContent?.trim() || ""; const title = cells[1]?.textContent?.trim() || ""; const timeRange = cells[2]?.textContent?.trim() || ""; const duration = cells[3]?.textContent?.trim() || ""; const examStatus = cells[4]?.textContent?.trim() || ""; const answerStatus = cells[5]?.textContent?.trim() || ""; const score = cells[6]?.textContent?.trim() || "---"; const examMethod = cells[7]?.textContent?.trim() || ""; // 从操作链接中提取参数 const actionLink = cells[8]?.querySelector("a"); const actionText = actionLink?.textContent?.trim() || ""; const onclickAttr = actionLink?.getAttribute("onclick") || ""; let courseId = ""; let classId = ""; let examId = ""; let raw = ""; const goMatch = onclickAttr.match(/go$['"]([^'"]+)['"]$/); if (goMatch) { raw = goMatch[1]; try { const fullUrl = new URL(raw, window.location.origin); const refer = fullUrl.searchParams.get("refer") || ""; const referDecoded = decodeURIComponent(refer); const referUrl = new URL(referDecoded, window.location.origin); courseId = referUrl.searchParams.get("courseId") || fullUrl.searchParams.get("moocId") || ""; classId = referUrl.searchParams.get("classId") || fullUrl.searchParams.get("clazzid") || ""; examId = referUrl.searchParams.get("examId") || ""; } catch (e) { const moocMatch = onclickAttr.match(/moocId=(\d+)/); const clazzMatch = onclickAttr.match(/clazzid=(\d+)/); const examIdMatch = onclickAttr.match(/examId=(\d+)/); if (moocMatch) courseId = moocMatch[1]; if (clazzMatch) classId = clazzMatch[1]; if (examIdMatch) examId = examIdMatch[1]; } } const expired = examStatus.includes("已结束"); const finished = answerStatus.includes("已完成") || answerStatus.includes("待批阅"); const status = answerStatus || examStatus; const timeLeft = expired ? "已结束" : timeRange; return { type: "考试", title, status, timeLeft, timeRange, duration, examStatus, answerStatus, score, examMethod, expired, finished, examId, courseId, classId, raw }; }).filter(e => e !== null); return exams; } const API_VISIT_COURSE = "https://mooc1.chaoxing.com/visit/stucoursemiddle?ismooc2=1"; const API_EXAM_LIST = "https://mooc1.chaoxing.com/exam-ans/exam/test/examcode/examlist?edition=1&nohead=0&fid="; const API_OPEN_EXAM = "https://mooc1-api.chaoxing.com/exam-ans/exam/test/examcode/examnotes"; const cssLoader = (e) => { const t = GM_getResourceText(e); return GM_addStyle(t), t; }; cssLoader("VuetifyStyle"); // --- Vue Components --- const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({ __name: "tasks-list", setup(__props) { const extractedData = extractTasks(); const headers = [ { key: "title", title: "作业名称" }, { key: "course", title: "课程" }, { key: "leftTime", title: "剩余时间" }, { key: "status", title: "状态" }, { key: "action", title: "", sortable: false } ]; const search = vue.ref(""); const getCourseLinkHref = (item) => { const courseId = item.courseId; const clazzId = item.clazzId; const requestUrl = new URL(API_VISIT_COURSE); requestUrl.searchParams.append("courseid", courseId); requestUrl.searchParams.append("clazzid", clazzId); requestUrl.searchParams.append("pageHeader", "8"); return requestUrl.href; }; return (_ctx, _cache) => { const _component_v_text_field = vue.resolveComponent("v-text-field"); const _component_v_btn = vue.resolveComponent("v-btn"); const _component_v_data_table = vue.resolveComponent("v-data-table"); const _component_v_card = vue.resolveComponent("v-card"); return vue.openBlock(), vue.createBlock(_component_v_card, { title: "作业列表", variant: "flat" }, { text: vue.withCtx(() => [ vue.createVNode(_component_v_text_field, { modelValue: search.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event), label: "搜索", "prepend-inner-icon": "search", variant: "outlined", "hide-details": "", "single-line": "" }) ]), default: vue.withCtx(() => [ vue.createVNode(_component_v_data_table, { items: vue.unref(extractedData), search: search.value, hover: "", headers, sticky: "", "items-per-page": "-1", "hide-default-footer": "" }, { "item.action": vue.withCtx(({ item }) => [ vue.createVNode(_component_v_btn, { variant: item.uncommitted ? "tonal" : "plain", color: "primary", href: getCourseLinkHref(item), target: "_blank" }, { default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(item.uncommitted ? "立即完成" : "查看详情"), 1)]) }, 1032, ["variant", "href"]) ]) }, 8, ["items", "search"]) ]) }); }; } }); const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({ __name: "App", setup(__props) { return (_ctx, _cache) => { return vue.openBlock(), vue.createBlock(_sfc_main$2); }; } }); cssLoader("material-design-icons-iconfont/dist/material-design-icons.css"); // --- Vuetify Helper Functions (恢复原版代码) --- // 这些是原脚本为了适配图标组件而手写的一堆辅助函数，之前被误删 function isObject(obj) { return obj !== null && typeof obj === "object" && !Array.isArray(obj); } function pick(obj, paths) { const found = {}; const keys = new Set(Object.keys(obj)); for (const path of paths) { if (keys.has(path)) { found[path] = obj[path]; } } return found; } function mergeDeep() { let source = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}; let target = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}; let arrayFn = arguments.length > 2 ? arguments[2] : void 0; const out = {}; for (const key in source) { out[key] = source[key]; } for (const key in target) { const sourceProperty = source[key]; const targetProperty = target[key]; if (isObject(sourceProperty) && isObject(targetProperty)) { out[key] = mergeDeep(sourceProperty, targetProperty, arrayFn); continue; } if (Array.isArray(sourceProperty) && Array.isArray(targetProperty) && arrayFn) { out[key] = arrayFn(sourceProperty, targetProperty); continue; } out[key] = targetProperty; } return out; } function toKebabCase() { let str = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ""; if (toKebabCase.cache.has(str)) return toKebabCase.cache.get(str); const kebab = str.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase(); toKebabCase.cache.set(str, kebab); return kebab; } toKebabCase.cache = /* @__PURE__ */ new Map(); function consoleWarn(message) { vue.warn(`Vuetify: ${message}`); } function propsFactory(props, source) { return (defaults) => { return Object.keys(props).reduce((obj, prop) => { const isObjectDefinition = typeof props[prop] === "object" && props[prop] != null && !Array.isArray(props[prop]); const definition = isObjectDefinition ? props[prop] : { type: props[prop] }; if (defaults && prop in defaults) { obj[prop] = { ...definition, default: defaults[prop] }; } else { obj[prop] = definition; } if (source && !obj[prop].source) { obj[prop].source = source; } return obj; }, {}); }; } const DefaultsSymbol = Symbol.for("vuetify:defaults"); function injectDefaults() { const defaults = vue.inject(DefaultsSymbol); if (!defaults) throw new Error("[Vuetify] Could not find defaults instance"); return defaults; } function propIsDefined(vnode, prop) { var _a, _b; return typeof ((_a = vnode.props) == null ? void 0 : _a[prop]) !== "undefined" || typeof ((_b = vnode.props) == null ? void 0 : _b[toKebabCase(prop)]) !== "undefined"; } function internalUseDefaults() { let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}; let name = arguments.length > 1 ? arguments[1] : void 0; let defaults = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : injectDefaults(); const vm = getCurrentInstance("useDefaults"); name = name ?? vm.type.name ?? vm.type.__name; if (!name) { throw new Error("[Vuetify] Could not determine component name"); } const componentDefaults = vue.computed(() => { var _a; return (_a = defaults.value) == null ? void 0 : _a[props._as ?? name]; }); const _props = new Proxy(props, { get(target, prop) { var _a, _b, _c, _d; const propValue = Reflect.get(target, prop); if (prop === "class" || prop === "style") { return [(_a = componentDefaults.value) == null ? void 0 : _a[prop], propValue].filter((v) => v != null); } else if (typeof prop === "string" && !propIsDefined(vm.vnode, prop)) { return ((_b = componentDefaults.value) == null ? void 0 : _b[prop]) ?? ((_d = (_c = defaults.value) == null ? void 0 : _c.global) == null ? void 0 : _d[prop]) ?? propValue; } return propValue; } }); const _subcomponentDefaults = vue.shallowRef(); vue.watchEffect(() => { if (componentDefaults.value) { const subComponents = Object.entries(componentDefaults.value).filter((_ref) => { let [key] = _ref; return key.startsWith(key[0].toUpperCase()); }); _subcomponentDefaults.value = subComponents.length ? Object.fromEntries(subComponents) : void 0; } else { _subcomponentDefaults.value = void 0; } }); function provideSubDefaults() { const injected = injectSelf(DefaultsSymbol, vm); vue.provide(DefaultsSymbol, vue.computed(() => { return _subcomponentDefaults.value ? mergeDeep((injected == null ? void 0 : injected.value) ?? {}, _subcomponentDefaults.value) : injected == null ? void 0 : injected.value; })); } return { props: _props, provideSubDefaults }; } function defineComponent(options) { options._setup = options._setup ?? options.setup; if (!options.name) { consoleWarn("The component is missing an explicit name, unable to generate default prop value"); return options; } if (options._setup) { options.props = propsFactory(options.props ?? {}, options.name)(); const propKeys = Object.keys(options.props).filter((key) => key !== "class" && key !== "style"); options.filterProps = function filterProps(props) { return pick(props, propKeys); }; options.props._as = String; options.setup = function setup(props, ctx) { const defaults = injectDefaults(); if (!defaults.value) return options._setup(props, ctx); const { props: _props, provideSubDefaults } = internalUseDefaults(props, props._as ?? options.name, defaults); const setupBindings = options._setup(_props, ctx); provideSubDefaults(); return setupBindings; }; } return options; } function genericComponent() { let exposeDefaults = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true; return (options) => (exposeDefaults ? defineComponent : vue.defineComponent)(options); } function getCurrentInstance(name, message) { const vm = vue.getCurrentInstance(); if (!vm) { throw new Error(`[Vuetify] ${name} ${"must be called from inside a setup function"}`); } return vm; } function injectSelf(key) { let vm = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : getCurrentInstance("injectSelf"); const { provides } = vm; if (provides && key in provides) { return provides[key]; } return void 0; } const IconValue = [String, Function, Object, Array]; const makeIconProps = propsFactory({ icon: { type: IconValue }, tag: { type: String, required: true } }, "icon"); genericComponent()({ name: "VComponentIcon", props: makeIconProps(), setup(props, _ref) { let { slots } = _ref; return () => { const Icon = props.icon; return vue.createVNode(props.tag, null, { default: () => { var _a; return [props.icon ? vue.createVNode(Icon, null, null) : (_a = slots.default) == null ? void 0 : _a.call(slots)]; } }); }; } }); defineComponent({ name: "VSvgIcon", inheritAttrs: false, props: makeIconProps(), setup(props, _ref2) { let { attrs } = _ref2; return () => { return vue.createVNode(props.tag, vue.mergeProps(attrs, { "style": null }), { default: () => [vue.createVNode("svg", { "class": "v-icon__svg", "xmlns": "http://www.w3.org/2000/svg", "viewBox": "0 0 24 24", "role": "img", "aria-hidden": "true" }, [Array.isArray(props.icon) ? props.icon.map((path) => Array.isArray(path) ? vue.createVNode("path", { "d": path[0], "fill-opacity": path[1] }, null) : vue.createVNode("path", { "d": path }, null)) : vue.createVNode("path", { "d": props.icon }, null)])] }); }; } }); const VLigatureIcon = defineComponent({ name: "VLigatureIcon", props: makeIconProps(), setup(props) { return () => { return vue.createVNode(props.tag, null, { default: () => [props.icon] }); }; } }); defineComponent({ name: "VClassIcon", props: makeIconProps(), setup(props) { return () => { return vue.createVNode(props.tag, { "class": props.icon }, null); }; } }); const aliases = { collapse: "keyboard_arrow_up", complete: "check", cancel: "cancel", close: "close", delete: "cancel", clear: "cancel", success: "check_circle", info: "info", warning: "priority_high", error: "warning", prev: "chevron_left", next: "chevron_right", checkboxOn: "check_box", checkboxOff: "check_box_outline_blank", checkboxIndeterminate: "indeterminate_check_box", delimiter: "fiber_manual_record", sortAsc: "arrow_upward", sortDesc: "arrow_downward", expand: "keyboard_arrow_down", menu: "menu", subgroup: "arrow_drop_down", dropdown: "arrow_drop_down", radioOn: "radio_button_checked", radioOff: "radio_button_unchecked", edit: "edit", ratingEmpty: "star_border", ratingFull: "star", ratingHalf: "star_half", loading: "cached", first: "first_page", last: "last_page", unfold: "unfold_more", file: "attach_file", plus: "add", minus: "remove", calendar: "event", treeviewCollapse: "arrow_drop_down", treeviewExpand: "arrow_right", eyeDropper: "colorize" }; const md = { component: (props) => vue.h(VLigatureIcon, { ...props, class: "material-icons" }) }; const _sfc_main = /* @__PURE__ */ vue.defineComponent({ __name: "exams-list", setup(__props) { const extractedData = extractExams(); const headers = [ { key: "title", title: "考试名称" }, { key: "timeLeft", title: "剩余时间" }, { key: "status", title: "状态" }, { key: "action", title: "", sortable: false } ]; const search = vue.ref(""); const getCourseLinkHref = (item) => { const requestUrl = new URL(API_OPEN_EXAM); requestUrl.searchParams.append("courseId", item.courseId); requestUrl.searchParams.append("classId", item.classId); requestUrl.searchParams.append("examId", item.examId); return requestUrl.href; }; return (_ctx, _cache) => { const _component_v_text_field = vue.resolveComponent("v-text-field"); const _component_v_btn = vue.resolveComponent("v-btn"); const _component_v_data_table = vue.resolveComponent("v-data-table"); const _component_v_card = vue.resolveComponent("v-card"); return vue.openBlock(), vue.createBlock(_component_v_card, { title: "考试列表", variant: "flat" }, { text: vue.withCtx(() => [ vue.createVNode(_component_v_text_field, { modelValue: search.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event), label: "搜索", "prepend-inner-icon": "search", variant: "outlined", "hide-details": "", "single-line": "" }) ]), default: vue.withCtx(() => [ vue.createVNode(_component_v_data_table, { items: vue.unref(extractedData), search: search.value, hover: "", headers, sticky: "", "items-per-page": "-1", "hide-default-footer": "" }, { "item.action": vue.withCtx(({ item }) => [ vue.createVNode(_component_v_btn, { variant: item.finished || item.expired ? "plain" : "tonal", color: "primary", href: getCourseLinkHref(item), target: "_blank" }, { default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(item.finished || item.expired ? "查看详情" : "前往考试"), 1)]) }, 1032, ["variant", "href"]) ]) }, 8, ["items", "search"]) ]) }); }; } }); const _sfc_todo = /* @__PURE__ */ vue.defineComponent({ __name: "todo-list", setup(__props) { const allTodoItems = vue.ref([]); // 所有待办项 const loading = vue.ref(true); const search = vue.ref(""); const showActivities = vue.ref(true); // 是否显示课程任务（默认开启） const showUrgentOnly = vue.ref(false); // 是否只显示紧急任务 // 计算属性：根据开关过滤显示的列表 const todoList = vue.computed(() => { let list = allTodoItems.value; // 如果启用紧急模式，只显示紧急任务 if (showUrgentOnly.value) { return urgentTasks.value; } // 如果关闭课程任务显示，过滤掉 isActivity 项 if (!showActivities.value) { list = list.filter(item => !item.isActivity); } return list; }); const headers = [ { key: "type", title: "类型" }, { key: "title", title: "任务名称" }, { key: "course", title: "课程" }, { key: "info", title: "截止/剩余时间" }, { key: "status", title: "状态" }, { key: "action", title: "", sortable: false } ]; // 检测24小时内截止的紧急任务 const urgentTasks = vue.computed(() => { return allTodoItems.value.filter(item => { // 获取剩余时间字符串（作业用 leftTime，考试用 timeLeft） const timeStr = item.leftTime || item.timeLeft || item.info || ''; // 尝试解析截止时间 if (timeStr.includes('小时')) { const hours = parseInt(timeStr); return !isNaN(hours) && hours <= 24; } if (timeStr.includes('天')) { const days = parseInt(timeStr); return !isNaN(days) && days < 1; } if (timeStr.includes('分钟') || timeStr.includes('分')) { return true; // 还剩分钟肯定是紧急的 } // 进行中的课程任务也算紧急 if (item.isActivity && item.status === '进行中') { return true; } return false; }); }); const getLink = (item) => { if (item.isActivity) { // 课程活动跳转到课程页面 const requestUrl = new URL(API_VISIT_COURSE); requestUrl.searchParams.append("courseid", item.courseId); requestUrl.searchParams.append("clazzid", item.clazzId); requestUrl.searchParams.append("pageHeader", "0"); // 任务页面 return requestUrl.href; } else if (item.type === "作业") { const requestUrl = new URL(API_VISIT_COURSE); requestUrl.searchParams.append("courseid", item.courseId); requestUrl.searchParams.append("clazzid", item.clazzId); requestUrl.searchParams.append("pageHeader", "8"); return requestUrl.href; } else { const requestUrl = new URL(API_OPEN_EXAM); requestUrl.searchParams.append("courseId", item.courseId); requestUrl.searchParams.append("classId", item.classId); requestUrl.searchParams.append("examId", item.examId); return requestUrl.href; } }; vue.onMounted(async () => { const currentTasks = extractTasks(); const pendingTasks = currentTasks.filter(t => t.uncommitted).map(t => ({ ...t, info: t.leftTime })); let pendingExams = []; const seenExamIds = new Set(); try { const res1 = await fetch('https://mooc1-api.chaoxing.com/exam-ans/exam/phone/examcode'); const text1 = await res1.text(); const parser1 = new DOMParser(); const doc1 = parser1.parseFromString(text1, 'text/html'); const exams1 = extractExams(doc1); exams1.filter(e => !e.finished && !e.expired).forEach(e => { const key = e.examId || e.title; if (!seenExamIds.has(key)) { seenExamIds.add(key); pendingExams.push({ ...e, course: "考试课程", info: e.timeLeft }); } }); } catch (e) { console.error("Fetch exams from old API failed", e); } try { const res2 = await fetch(API_EXAM_LIST); const text2 = await res2.text(); const parser2 = new DOMParser(); const doc2 = parser2.parseFromString(text2, 'text/html'); const exams2 = extractExamsFromTable(doc2); exams2.filter(e => !e.finished && !e.expired).forEach(e => { const key = e.examId || e.title; if (!seenExamIds.has(key)) { seenExamIds.add(key); pendingExams.push({ ...e, course: "考试课程", info: e.timeLeft }); } }); } catch (e) { console.error("Fetch exams from new API failed", e); } // 获取进行中的课程任务（签到、讨论等） let ongoingActivities = []; try { const courses = await fetchCourseList(); console.log('[待办任务] 获取到课程:', courses.length, '个'); // 限制并发数 const batchSize = 5; for (let i = 0; i < courses.length; i += batchSize) { const batch = courses.slice(i, i + batchSize); const batchResults = await Promise.all( batch.map(course => fetchCourseActivities(course)) ); batchResults.flat() .filter(activity => activity.ongoing) .forEach(activity => { ongoingActivities.push({ type: activity.type, title: activity.title, course: activity.courseName, info: activity.endTime || '进行中', status: '进行中', courseId: activity.courseId, clazzId: activity.clazzId, isActivity: true }); }); } console.log('[待办任务] 进行中任务:', ongoingActivities.length, '个'); } catch (e) { console.error('[待办任务] 获取课程任务失败:', e); } // 排序：作业和考试在前，课程任务在后 allTodoItems.value = [...pendingTasks, ...pendingExams, ...ongoingActivities]; loading.value = false; }); return (_ctx, _cache) => { const _component_v_text_field = vue.resolveComponent("v-text-field"); const _component_v_switch = vue.resolveComponent("v-switch"); const _component_v_btn = vue.resolveComponent("v-btn"); const _component_v_data_table = vue.resolveComponent("v-data-table"); const _component_v_card = vue.resolveComponent("v-card"); const _component_v_chip = vue.resolveComponent("v-chip"); const _component_v_row = vue.resolveComponent("v-row"); const _component_v_col = vue.resolveComponent("v-col"); const _component_v_alert = vue.resolveComponent("v-alert"); return vue.openBlock(), vue.createBlock(_component_v_card, { title: showUrgentOnly.value ? "🚨 紧急任务" : "待办任务", variant: "flat" }, { text: vue.withCtx(() => [ // 紧急模式下显示"返回全部"按钮 showUrgentOnly.value ? vue.createVNode(_component_v_alert, { type: "info", variant: "tonal", class: "mb-4" }, { default: () => [ vue.createVNode("div", { class: "d-flex align-center justify-space-between" }, [ vue.createVNode("span", {}, `正在查看 ${urgentTasks.value.length} 个紧急任务`), vue.createVNode(_component_v_btn, { variant: "outlined", size: "small", onClick: () => { showUrgentOnly.value = false; } }, { default: () => [vue.createTextVNode("← 返回全部待办")] }) ]) ] }) : ( // 非紧急模式下显示紧急任务提醒 urgentTasks.value.length > 0 ? vue.createVNode(_component_v_alert, { type: "warning", variant: "tonal", class: "mb-4", prominent: true, icon: "warning" }, { default: () => [ vue.createVNode("div", { class: "d-flex align-center justify-space-between" }, [ vue.createVNode("div", {}, [ vue.createVNode("div", { class: "font-weight-bold" }, `⚠️ 有 ${urgentTasks.value.length} 个任务即将到期！`), vue.createVNode("div", { class: "text-caption" }, urgentTasks.value.slice(0, 2).map(t => t.title).join('、') + (urgentTasks.value.length > 2 ? ` 等${urgentTasks.value.length}个任务` : '') ) ]), vue.createVNode(_component_v_btn, { variant: "elevated", color: "warning", size: "small", onClick: () => { showUrgentOnly.value = true; } }, { default: () => [vue.createTextVNode("去查看 →")] }) ]) ] }) : null ), vue.createVNode(_component_v_row, { align: "center", class: "mb-2" }, { default: () => [ vue.createVNode(_component_v_col, { cols: "8" }, { default: () => [ vue.createVNode(_component_v_text_field, { modelValue: search.value, "onUpdate:modelValue": ($event) => search.value = $event, label: "搜索待办", "prepend-inner-icon": "search", variant: "outlined", "hide-details": "", "single-line": "", density: "compact" }) ] }), vue.createVNode(_component_v_col, { cols: "4" }, { default: () => [ vue.createVNode(_component_v_switch, { modelValue: showActivities.value, "onUpdate:modelValue": ($event) => showActivities.value = $event, label: "显示课程任务", color: "primary", "hide-details": "", density: "compact" }) ] }) ] }) ]), default: vue.withCtx(() => [ vue.createVNode(_component_v_data_table, { items: todoList.value, loading: loading.value, search: search.value, hover: "", headers, sticky: "", "items-per-page": "-1", "hide-default-footer": "" }, { "item.type": vue.withCtx(({ item }) => [ vue.createVNode(_component_v_chip, { color: item.isActivity ? 'orange' : (item.type === '作业' ? 'blue' : 'purple'), size: 'small', label: '' }, { default: () => [vue.createTextVNode(item.type)] }) ]), "item.action": vue.withCtx(({ item }) => [ vue.createVNode(_component_v_btn, { variant: "tonal", color: "error", href: getLink(item), target: "_blank" }, { default: vue.withCtx(() => [vue.createTextVNode("立即去办")]) }, 8, ["href"]) ]) }, 8, ["items", "loading", "search"]) ]) }); }; } }); // 课程任务列表组件 const _sfc_activities = /* @__PURE__ */ vue.defineComponent({ __name: "activities-list", setup(__props) { const activitiesList = vue.ref([]); const loading = vue.ref(true); const search = vue.ref(""); const progress = vue.ref(""); const headers = [ { key: "courseName", title: "课程" }, { key: "title", title: "任务名称" }, { key: "type", title: "类型" }, { key: "endTime", title: "结束时间" }, { key: "status", title: "状态" }, { key: "action", title: "", sortable: false } ]; const getCourseLink = (item) => { const requestUrl = new URL(API_VISIT_COURSE); requestUrl.searchParams.append("courseid", item.courseId); requestUrl.searchParams.append("clazzid", item.clazzId); return requestUrl.href; }; vue.onMounted(async () => { try { progress.value = "正在获取课程列表..."; const courses = await fetchCourseList(); progress.value = `找到 ${courses.length} 个课程，正在获取任务...`; const allActivities = []; const batchSize = 3; for (let i = 0; i < courses.length; i += batchSize) { const batch = courses.slice(i, i + batchSize); progress.value = `正在获取课程任务 (${Math.min(i + batchSize, courses.length)}/${courses.length})...`; const batchResults = await Promise.all( batch.map(course => fetchCourseActivities(course)) ); allActivities.push(...batchResults.flat()); } activitiesList.value = allActivities; progress.value = ""; } catch (error) { console.error('[课程任务] 加载失败:', error); progress.value = "加载失败，请刷新重试"; } finally { loading.value = false; } }); return (_ctx, _cache) => { const _component_v_text_field = vue.resolveComponent("v-text-field"); const _component_v_chip = vue.resolveComponent("v-chip"); const _component_v_btn = vue.resolveComponent("v-btn"); const _component_v_data_table = vue.resolveComponent("v-data-table"); const _component_v_card = vue.resolveComponent("v-card"); const _component_v_progress_linear = vue.resolveComponent("v-progress-linear"); return vue.openBlock(), vue.createBlock(_component_v_card, { title: "课程任务列表", variant: "flat", subtitle: progress.value }, { text: vue.withCtx(() => [ vue.createVNode(_component_v_text_field, { modelValue: search.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event), label: "搜索", "prepend-inner-icon": "search", variant: "outlined", "hide-details": "", "single-line": "" }), loading.value ? vue.createVNode(_component_v_progress_linear, { indeterminate: "", color: "primary", class: "mt-4" }) : null ]), default: vue.withCtx(() => [ vue.createVNode(_component_v_data_table, { items: activitiesList.value, loading: loading.value, search: search.value, hover: "", headers, sticky: "", "items-per-page": "-1", "hide-default-footer": "" }, { "item.type": vue.withCtx(({ item }) => [ vue.createVNode(_component_v_chip, { color: 'teal', size: 'small', label: '' }, { default: () => [vue.createTextVNode(item.type || '活动')] }) ]), "item.status": vue.withCtx(({ item }) => [ vue.createVNode(_component_v_chip, { color: item.ongoing ? 'orange' : 'grey', size: 'small', label: '' }, { default: () => [vue.createTextVNode(item.status)] }) ]), "item.action": vue.withCtx(({ item }) => [ vue.createVNode(_component_v_btn, { variant: item.finished ? "plain" : "tonal", color: "primary", href: getCourseLink(item), target: "_blank" }, { default: vue.withCtx(() => [vue.createTextVNode(item.finished ? "查看详情" : "前往完成")]) }, 8, ["variant", "href"]) ]) }, 8, ["items", "loading", "search"]) ]) }, 8, ["subtitle"]); }; } }); // --- 便当盒仪表盘组件 --- const _sfc_dashboard = /* @__PURE__ */ vue.defineComponent({ __name: "dashboard", setup(__props) { const fetchUserName = async () => { const userNameEl = document.querySelector('.user-name'); if (userNameEl && userNameEl.textContent.trim()) { return userNameEl.textContent.trim(); } const personalNameEl = document.querySelector('.personalName'); if (personalNameEl && personalNameEl.textContent.trim()) { return personalNameEl.textContent.trim(); } const extractTextById = (html, id) => { const idPattern = new RegExp(`id=["']?${id}["']?[^>]*>([^<]*)`, 'i'); const match = html.match(idPattern); return match ? match[1].trim() : ''; }; const extractNumberById = (html, id) => { const idText = extractTextById(html, id); if (idText) { const numeric = idText.match(/\d+(\.\d+)?/); return numeric ? numeric[0] : ''; } const loosePattern = new RegExp(`${id}[^\\d]*(\\d+(?:\\.\\d+)?)`, 'i'); const looseMatch = html.match(loosePattern); return looseMatch ? looseMatch[1] : ''; }; const extractPairNearLabel = (html, label) => { const pairPattern = new RegExp(`${label}[^\\d]{0,50}(\\d+)\\s*\\/\\s*(\\d+)`, 'i'); const match = html.match(pairPattern); return match ? { first: match[1], second: match[2] } : null; }; const extractNumberNearLabel = (html, label) => { const numberPattern = new RegExp(`${label}[^\\d]{0,50}(\\d+(?:\\.\\d+)?)`, 'i'); const match = html.match(numberPattern); return match ? match[1] : ''; }; const getSiblingText = (element, selector) => { const parent = element?.closest('li') || element?.parentElement; if (!parent) return ''; const target = parent.querySelector(selector); return target?.textContent.trim() || ''; }; const extractTaskPairFromDom = (doc) => { const label = Array.from(doc.querySelectorAll('p')).find((el) => el.textContent.includes('完成进度')); if (!label) return null; const text = getSiblingText(label, 'h2'); const match = text.match(/(\d+)\s*\/\s*(\d+)/); return match ? { first: match[1], second: match[2] } : null; }; const extractRankFromDom = (doc) => { const label = Array.from(doc.querySelectorAll('p')).find((el) => el.textContent.includes('当前排名')); if (!label) return ''; const text = getSiblingText(label, 'h2'); const match = text.match(/(\d+)/); return match ? match[1] : ''; }; const extractPointFromDom = (doc) => { const title = Array.from(doc.querySelectorAll('h2')).find((el) => el.textContent.includes('课程积分')); if (!title) return ''; const card = title.closest('.whiteBg') || title.parentElement; const value = card?.querySelector('.strong, #point'); return value?.textContent.trim() || ''; }; const extractQuizPairFromDom = (doc) => { const label = Array.from(doc.querySelectorAll('.statistics-bar-list .left-label')) .find((el) => el.textContent.includes('章节测验')); if (!label) return null; const item = label.closest('li'); const rightRate = item?.querySelector('.right-rate'); const text = rightRate?.textContent.trim() || ''; const match = text.match(/(\d+)\s*\/\s*(\d+)/); return match ? { first: match[1], second: match[2] } : null; }; return new Promise((resolve) => { if (typeof GM_xmlhttpRequest !== 'undefined') { GM_xmlhttpRequest({ method: 'GET', url: 'https://i.chaoxing.com/base', timeout: 5000, onload: (response) => { try { const parser = new DOMParser(); const doc = parser.parseFromString(response.responseText, 'text/html'); const nameEl = doc.querySelector('.user-name') || doc.querySelector('.personalName'); if (nameEl && nameEl.textContent.trim()) { resolve(nameEl.textContent.trim()); } else { resolve('同学'); } } catch (e) { resolve('同学'); } }, onerror: () => resolve('同学'), ontimeout: () => resolve('同学') }); } else { resolve('同学'); } }); }; const getGreeting = () => { const hour = new Date().getHours(); if (hour < 6) return '夜深了'; if (hour < 12) return '早上好'; if (hour < 14) return '中午好'; if (hour < 18) return '下午好'; return '晚上好'; }; const getFormattedDate = () => { const now = new Date(); const weekdays = ['日', '一', '二', '三', '四', '五', '六']; return `${now.getFullYear()}年${now.getMonth() + 1}月${now.getDate()}日 · 星期${weekdays[now.getDay()]}`; }; const userName = vue.ref('同学'); // 先显示默认值 const greeting = vue.ref(getGreeting()); const dateInfo = vue.ref(getFormattedDate()); // 异步获取用户名 fetchUserName().then(name => { userName.value = name; }); const loading = vue.ref({ todo: true, homework: false, exam: false, activities: true }); const todoItems = vue.ref([]); const homeworkItems = vue.ref([]); const examItems = vue.ref([]); const activitiesItems = vue.ref([]); const urgentTasks = vue.ref([]); // 课程进度数据 const courseProgressItems = vue.ref([]); const loadingProgress = vue.ref(false); const progressLastUpdate = vue.ref(null); const getAllCourses = async () => { return new Promise((resolve) => { // 使用与课程任务相同的 API const courseListUrl = 'https://mooc1-api.chaoxing.com/mycourse/backclazzdata?view=json&mcode='; if (typeof GM_xmlhttpRequest !== 'undefined') { GM_xmlhttpRequest({ method: 'GET', url: courseListUrl, onload: (response) => { try { console.log('[课程进度] 课程列表响应前200字符:', response.responseText.substring(0, 200)); const data = JSON.parse(response.responseText); const courses = []; if (data && data.channelList) { data.channelList.forEach(channel => { if (channel.cataid === '100000002' && channel.content && channel.content.course) { const courseData = channel.content.course.data; if (courseData && Array.isArray(courseData)) { courseData.forEach(course => { courses.push({ courseId: course.id, clazzId: channel.key, cpi: channel.cpi, courseName: course.name, teacherName: course.teacherfactor || '' }); }); } } }); } console.log('[课程进度] 解析到课程:', courses.length, '个'); resolve(courses); } catch (e) { console.error('[课程进度] 解析课程列表失败:', e); resolve([]); } }, onerror: (err) => { console.error('[课程进度] 请求课程列表失败:', err); resolve([]); } }); } else { resolve([]); } }); }; // 获取课程进度 - 从学习记录页面抓取任务点和排名等信息 const getCourseProgress = async (course) => { const studyDataUrl = `https://stat2-ans.chaoxing.com/study-data/index?clazzid=${course.clazzId}&courseid=${course.courseId}&cpi=${course.cpi}&ut=s`; const courseEntryUrl = `https://mooc1.chaoxing.com/visit/stucoursemiddle?ismooc2=1&courseid=${course.courseId}&clazzid=${course.clazzId}&pageHeader=6`; const getProgressFromChapter = () => new Promise((resolve) => { const chapterUrl = `https://mooc2-ans.chaoxing.com/mooc2-ans/mycourse/studentcourse?clazzid=${course.clazzId}&courseid=${course.courseId}&cpi=${course.cpi}`; if (typeof GM_xmlhttpRequest === 'undefined') { resolve({ totalTasks: 0, completedTasks: 0, completionRate: '点击查看', shouldFilter: false }); return; } GM_xmlhttpRequest({ method: 'GET', url: chapterUrl, timeout: 10000, onload: (response) => { let completedTasks = 0; let totalTasks = 0; let completionRate = '点击查看'; let shouldFilter = false; try { const parser = new DOMParser(); const doc = parser.parseFromString(response.responseText, 'text/html'); const warnTxt = doc.querySelector('.top-tips .warn-txt') || doc.querySelector('.warn-txt'); if (warnTxt && warnTxt.textContent.includes('本课程已结课')) { shouldFilter = true; console.log('[课程进度] 过滤已结课课程:', course.courseName); } const headEl = doc.querySelector('.chapter_head h2.xs_head_name'); if (headEl) { const text = headEl.textContent || ''; const match = text.match(/(\d+)\s*\/\s*(\d+)/); if (match) { completedTasks = parseInt(match[1], 10) || 0; totalTasks = parseInt(match[2], 10) || 0; completionRate = totalTasks > 0 ? `${Math.round((completedTasks / totalTasks) * 100)}%` : '0%'; } } if (response.responseText.includes('暂无任务点') || response.responseText.includes('没有任务点')) { shouldFilter = true; console.log('[课程进度] 过滤无任务点课程:', course.courseName); } } catch (e) { console.log('[课程进度]', course.courseName, '章节解析失败'); } resolve({ totalTasks, completedTasks, completionRate, shouldFilter }); }, onerror: () => resolve({ totalTasks: 0, completedTasks: 0, completionRate: '点击查看', shouldFilter: false }), ontimeout: () => resolve({ totalTasks: 0, completedTasks: 0, completionRate: '点击查看', shouldFilter: false }) }); }); return new Promise((resolve) => { if (typeof GM_xmlhttpRequest === 'undefined') { resolve({ ...course, totalTasks: 0, completedTasks: 0, completionRate: '点击查看', unfinishedTasks: [], unfinishedCount: 0, studyDataUrl, isComplete: false, shouldFilter: false, courseScore: '--', chapterQuiz: '--', ranking: '--' }); return; } GM_xmlhttpRequest({ method: 'GET', url: studyDataUrl, timeout: 10000, onload: async (studyResponse) => { let completedTasks = 0; let totalTasks = 0; let completionRate = '点击查看'; let shouldFilter = false; let courseScore = '--'; let chapterQuiz = '--'; let ranking = '--'; try { const parser = new DOMParser(); let studyDoc = parser.parseFromString(studyResponse.responseText, 'text/html'); let responseText = studyResponse.responseText; const iframe = studyDoc.getElementById('frame_content-cj'); if (iframe && iframe.getAttribute('srcdoc')) { try { const srcdoc = iframe.getAttribute('srcdoc'); const iframeDoc = new DOMParser().parseFromString(srcdoc, 'text/html'); if (iframeDoc) { studyDoc = iframeDoc; responseText = srcdoc; console.log('[学习记录]', course.courseName, '成功解析 iframe 数据源'); } } catch (e) { console.warn('[学习记录]', course.courseName, '解析 iframe 失败:', e); } } if (responseText.includes('本课程已结课')) { shouldFilter = true; console.log('[课程进度] 过滤已结课课程:', course.courseName); } const extractDataFromDomByLabel = (doc, label) => { if (!doc) return null; const candidates = Array.from(doc.querySelectorAll('*')).filter(el => el.children.length === 0 && el.textContent.includes(label) ); for (const el of candidates) { let container = el.parentElement; let attempts = 3; while (container && attempts > 0) { const text = container.textContent.trim(); const textAfterLabel = text.substring(text.indexOf(label) + label.length); const match = textAfterLabel.match(/[:：\s]*(\d+(?:\.\d+)?)/); if (match) return match[1]; container = container.parentElement; attempts--; } } return null; }; const completedEl = studyDoc.querySelector('#jobfinish'); const totalEl = studyDoc.querySelector('#jobPublish'); const percentEl = studyDoc.querySelector('#jobPer'); const rankEl = studyDoc.querySelector('#jobRank'); const pointEl = studyDoc.querySelector('#point'); const testNumEl = studyDoc.querySelector('#testNum'); const publishTestNumEl = studyDoc.querySelector('#publishTestNum'); const progressPair = extractPairNearLabel(responseText, '完成进度'); const progressPairFromDom = extractTaskPairFromDom(studyDoc); const completedText = completedEl?.textContent.trim() || extractNumberById(responseText, 'jobfinish') || progressPairFromDom?.first || progressPair?.first || (extractDataFromDomByLabel(studyDoc, '完成进度') ? null : null); const totalText = totalEl?.textContent.trim() || extractNumberById(responseText, 'jobPublish') || progressPairFromDom?.second || progressPair?.second; const percentText = percentEl?.textContent.trim() || extractNumberById(responseText, 'jobPer'); const rankText = extractDataFromDomByLabel(studyDoc, '当前排名') || extractDataFromDomByLabel(studyDoc, '班级排名') || extractDataFromDomByLabel(studyDoc, '排名') || rankEl?.textContent.trim() || extractNumberById(responseText, 'jobRank') || extractRankFromDom(studyDoc) || extractNumberNearLabel(responseText, '当前排名'); const pointText = extractDataFromDomByLabel(studyDoc, '课程积分') || pointEl?.textContent.trim() || extractNumberById(responseText, 'point') || extractPointFromDom(studyDoc) || extractNumberNearLabel(responseText, '课程积分'); const testNumText = testNumEl?.textContent.trim() || extractNumberById(responseText, 'testNum'); const publishTestNumText = publishTestNumEl?.textContent.trim() || extractNumberById(responseText, 'publishTestNum'); const quizPair = extractPairNearLabel(responseText, '章节测验'); let quizFromLabel = null; const quizLabelNum = extractDataFromDomByLabel(studyDoc, '章节测验'); const quizPairFromDom = extractQuizPairFromDom(studyDoc); const normalizedTestNumText = testNumText || quizPairFromDom?.first || quizPair?.first; const normalizedPublishTestNumText = publishTestNumText || quizPairFromDom?.second || quizPair?.second; completedTasks = parseInt(completedText || '0', 10) || 0; totalTasks = parseInt(totalText || '0', 10) || 0; if (percentText) { completionRate = percentText.includes('%') ? percentText : `${percentText}%`; } else if (totalTasks > 0) { completionRate = `${Math.round((completedTasks / totalTasks) * 100)}%`; } if (rankText) { ranking = rankText.includes('名') ? rankText : `第${rankText}名`; } if (pointText) { courseScore = pointText.includes('分') ? pointText : `${pointText}分`; } if (normalizedTestNumText || normalizedPublishTestNumText) { chapterQuiz = `${normalizedTestNumText || '0'}/${normalizedPublishTestNumText || '0'}`; } } catch (e) { console.log('[学习记录]', course.courseName, '解析失败'); } const missingStudyData = totalTasks === 0 && completedTasks === 0 && ranking === '--' && courseScore === '--'; if (missingStudyData) { const chapterProgress = await getProgressFromChapter(); totalTasks = chapterProgress.totalTasks; completedTasks = chapterProgress.completedTasks; completionRate = chapterProgress.completionRate; shouldFilter = shouldFilter || chapterProgress.shouldFilter; } console.log('[学习记录]', course.courseName, '任务点:', `${completedTasks}/${totalTasks}`, '排名:', ranking, '积分:', courseScore); const unfinishedCount = Math.max(totalTasks - completedTasks, 0); resolve({ ...course, totalTasks, completedTasks, completionRate, unfinishedTasks: [], unfinishedCount, studyDataUrl: courseEntryUrl, isComplete: totalTasks > 0 && completedTasks >= totalTasks, shouldFilter, courseScore, chapterQuiz, ranking }); }, onerror: async () => { const chapterProgress = await getProgressFromChapter(); resolve({ ...course, totalTasks: chapterProgress.totalTasks, completedTasks: chapterProgress.completedTasks, completionRate: chapterProgress.completionRate, unfinishedTasks: [], unfinishedCount: Math.max(chapterProgress.totalTasks - chapterProgress.completedTasks, 0), studyDataUrl: courseEntryUrl, isComplete: chapterProgress.totalTasks > 0 && chapterProgress.completedTasks >= chapterProgress.totalTasks, shouldFilter: chapterProgress.shouldFilter, courseScore: '--', chapterQuiz: '--', ranking: '--' }); }, ontimeout: async () => { const chapterProgress = await getProgressFromChapter(); resolve({ ...course, totalTasks: chapterProgress.totalTasks, completedTasks: chapterProgress.completedTasks, completionRate: chapterProgress.completionRate, unfinishedTasks: [], unfinishedCount: Math.max(chapterProgress.totalTasks - chapterProgress.completedTasks, 0), studyDataUrl: courseEntryUrl, isComplete: chapterProgress.totalTasks > 0 && chapterProgress.completedTasks >= chapterProgress.totalTasks, shouldFilter: chapterProgress.shouldFilter, courseScore: '--', chapterQuiz: '--', ranking: '--' }); } }); }); }; // 加载所有课程进度 const loadAllCourseProgress = async () => { console.log('[课程进度] 开始加载课程进度...'); loadingProgress.value = true; try { const courses = await getAllCourses(); console.log('[课程进度] 获取到课程:', courses.length, '个，准备请求前20门...'); if (courses.length > 0) { const progressPromises = courses.map(c => getCourseProgress(c)); // 获取所有课程进度 console.log('[课程进度] 等待所有进度请求完成...'); const results = await Promise.all(progressPromises); // 过滤并排序结果 courseProgressItems.value = results .filter(item => !item.shouldFilter) // 过滤掉标记为需要过滤的课程 .sort((a, b) => { const aHasTasks = a.totalTasks > 0; const bHasTasks = b.totalTasks > 0; if (aHasTasks !== bHasTasks) return aHasTasks ? -1 : 1; if (a.isComplete && !b.isComplete) return 1; if (!a.isComplete && b.isComplete) return -1; return parseInt(a.completionRate) - parseInt(b.completionRate); }); progressLastUpdate.value = new Date().toLocaleTimeString(); } } catch (e) { console.error('加载课程进度失败:', e); } loadingProgress.value = false; }; // 自动刷新课程进度（每1小时） let progressRefreshTimer = null; const startProgressAutoRefresh = () => { if (progressRefreshTimer) clearInterval(progressRefreshTimer); progressRefreshTimer = setInterval(() => { loadAllCourseProgress(); }, 60 * 60 * 1000); // 1小时 }; // 当前视图状态：'dashboard' | 'todo' | 'homework' | 'exam' | 'activities' | 'progress' const currentView = vue.ref('dashboard'); // 排序选项 const sortOptions = [ { value: 'urgent', label: '紧急优先（默认）' }, { value: 'time-asc', label: '剩余时间升序' }, { value: 'time-desc', label: '剩余时间降序' }, { value: 'status', label: '按状态分组' }, { value: 'name', label: '按名称排序' } ]; const currentSort = vue.ref('urgent'); // 解析剩余时间为分钟数用于排序 const parseTimeToMinutes = (timeStr) => { if (!timeStr) return Infinity; // 无时间的排到最后 const str = String(timeStr); // 匹配各种格式：剩余X天X小时、X小时X分钟、已过期等 if (str.includes('过期') || str.includes('截止')) return -1; let minutes = 0; const dayMatch = str.match(/(\d+)\s*天/); const hourMatch = str.match(/(\d+)\s*小时/); const minMatch = str.match(/(\d+)\s*分/); if (dayMatch) minutes += parseInt(dayMatch[1]) * 24 * 60; if (hourMatch) minutes += parseInt(hourMatch[1]) * 60; if (minMatch) minutes += parseInt(minMatch[1]); return minutes || Infinity; }; // 智能排序函数：未完成+剩余时间短的在最上面 const sortItems = (items, type, sortType = 'urgent') => { const arr = [...items]; switch (sortType) { case 'urgent': // 默认排序：未完成优先，然后按剩余时间升序 return arr.sort((a, b) => { // 已完成的放最后 if (a.finished && !b.finished) return 1; if (!a.finished && b.finished) return -1; // 未提交/进行中的优先 if (a.uncommitted && !b.uncommitted) return -1; if (!a.uncommitted && b.uncommitted) return 1; // 按剩余时间排序 const timeA = parseTimeToMinutes(a.leftTime || a.timeLeft || a.info); const timeB = parseTimeToMinutes(b.leftTime || b.timeLeft || b.info); return timeA - timeB; }); case 'time-asc': return arr.sort((a, b) => { const timeA = parseTimeToMinutes(a.leftTime || a.timeLeft || a.info); const timeB = parseTimeToMinutes(b.leftTime || b.timeLeft || b.info); return timeA - timeB; }); case 'time-desc': return arr.sort((a, b) => { const timeA = parseTimeToMinutes(a.leftTime || a.timeLeft || a.info); const timeB = parseTimeToMinutes(b.leftTime || b.timeLeft || b.info); return timeB - timeA; }); case 'status': return arr.sort((a, b) => { if (a.uncommitted && !b.uncommitted) return -1; if (!a.uncommitted && b.uncommitted) return 1; if (a.finished && !b.finished) return 1; if (!a.finished && b.finished) return -1; return 0; }); case 'name': return arr.sort((a, b) => (a.title || '').localeCompare(b.title || '')); default: return arr; } }; // 获取待办任务数据 const loadTodoData = async () => { loading.value.todo = true; const currentTasks = extractTasks(); const pendingTasks = currentTasks.filter(t => t.uncommitted).map(t => ({ ...t, info: t.leftTime })); let pendingExams = []; const seenExamIds = new Set(); try { const res1 = await fetch('https://mooc1-api.chaoxing.com/exam-ans/exam/phone/examcode'); const text1 = await res1.text(); const parser1 = new DOMParser(); const doc1 = parser1.parseFromString(text1, 'text/html'); const exams1 = extractExams(doc1); exams1.filter(e => !e.finished && !e.expired).forEach(e => { const key = e.examId || e.title; if (!seenExamIds.has(key)) { seenExamIds.add(key); pendingExams.push({ ...e, course: "考试课程", info: e.timeLeft }); } }); } catch (e) { console.error("Fetch exams failed", e); } try { const res2 = await fetch(API_EXAM_LIST); const text2 = await res2.text(); const parser2 = new DOMParser(); const doc2 = parser2.parseFromString(text2, 'text/html'); const exams2 = extractExamsFromTable(doc2); exams2.filter(e => !e.finished && !e.expired).forEach(e => { const key = e.examId || e.title; if (!seenExamIds.has(key)) { seenExamIds.add(key); pendingExams.push({ ...e, course: "考试课程", info: e.timeLeft }); } }); } catch (e) { console.error("Fetch exams from table failed", e); } // 获取进行中的课程活动 let ongoingActivities = []; try { const courses = await fetchCourseList(); const batchSize = 5; for (let i = 0; i < courses.length; i += batchSize) { const batch = courses.slice(i, i + batchSize); const batchResults = await Promise.all(batch.map(course => fetchCourseActivities(course))); batchResults.flat().filter(activity => activity.ongoing).forEach(activity => { ongoingActivities.push({ type: activity.type, title: activity.title, course: activity.courseName, info: activity.endTime || '进行中', status: '进行中', courseId: activity.courseId, clazzId: activity.clazzId, isActivity: true }); }); } } catch (e) { console.error('[仪表盘] 获取课程任务失败:', e); } todoItems.value = [...pendingTasks, ...pendingExams, ...ongoingActivities]; // 计算紧急任务 urgentTasks.value = todoItems.value.filter(item => { const timeStr = item.leftTime || item.timeLeft || item.info || ''; if (timeStr.includes('小时')) return parseInt(timeStr) <= 24; if (timeStr.includes('天')) return parseInt(timeStr) < 1; if (timeStr.includes('分钟') || timeStr.includes('分')) return true; if (item.isActivity && item.status === '进行中') return true; return false; }); loading.value.todo = false; }; // 获取作业数据 const loadHomeworkData = async () => { loading.value.homework = true; try { const res = await fetch('https://mooc1-api.chaoxing.com/work/stu-work'); const text = await res.text(); const parser = new DOMParser(); const doc = parser.parseFromString(text, 'text/html'); homeworkItems.value = extractTasks(doc); } catch (e) { console.error('[仪表盘] 获取作业失败:', e); } loading.value.homework = false; }; // 获取考试数据 const loadExamData = async () => { loading.value.exam = true; try { const res = await fetch('https://mooc1-api.chaoxing.com/exam-ans/exam/phone/examcode'); const text = await res.text(); const parser = new DOMParser(); const doc = parser.parseFromString(text, 'text/html'); examItems.value = extractExams(doc); } catch (e) { console.error('[仪表盘] 获取考试失败:', e); } loading.value.exam = false; }; // 获取课程任务数据 const loadActivitiesData = async () => { loading.value.activities = true; try { const courses = await fetchCourseList(); const allActivities = []; const batchSize = 3; for (let i = 0; i < courses.length; i += batchSize) { const batch = courses.slice(i, i + batchSize); const batchResults = await Promise.all(batch.map(course => fetchCourseActivities(course))); allActivities.push(...batchResults.flat()); } activitiesItems.value = allActivities; } catch (error) { console.error('[仪表盘] 加载课程任务失败:', error); } loading.value.activities = false; }; // 链接生成函数 const getTodoLink = (item) => { if (item.isActivity) { const url = new URL(API_VISIT_COURSE); url.searchParams.append("courseid", item.courseId); url.searchParams.append("clazzid", item.clazzId); url.searchParams.append("pageHeader", "0"); return url.href; } else if (item.type === "作业") { const url = new URL(API_VISIT_COURSE); url.searchParams.append("courseid", item.courseId); url.searchParams.append("clazzid", item.clazzId); url.searchParams.append("pageHeader", "8"); return url.href; } else { const url = new URL(API_OPEN_EXAM); url.searchParams.append("courseId", item.courseId); url.searchParams.append("classId", item.classId); url.searchParams.append("examId", item.examId); return url.href; } }; const getHomeworkLink = (item) => { const url = new URL(API_VISIT_COURSE); url.searchParams.append("courseid", item.courseId); url.searchParams.append("clazzid", item.clazzId); url.searchParams.append("pageHeader", "8"); return url.href; }; const getExamLink = (item) => { const url = new URL(API_OPEN_EXAM); url.searchParams.append("courseId", item.courseId); url.searchParams.append("classId", item.classId); url.searchParams.append("examId", item.examId); return url.href; }; const getActivityLink = (item) => { const url = new URL(API_VISIT_COURSE); url.searchParams.append("courseid", item.courseId); url.searchParams.append("clazzid", item.clazzId); return url.href; }; // 切换视图函数（不跳转外部页面，在内部切换视图） const openFullScreen = (type) => { currentView.value = type; }; // 返回仪表盘 const backToDashboard = () => { currentView.value = 'dashboard'; }; // 跳转到原始页面（真正的外部跳转） const navigateToOriginal = (type) => { let url = ''; switch (type) { case 'todo': url = URL_TODO; break; case 'homework': url = URL_HOMEWORK; break; case 'exam': url = URL_EXAM; break; case 'activities': url = URL_ACTIVITIES; break; } if (url) window.location.href = url; }; vue.onMounted(() => { loadTodoData(); loadHomeworkData(); loadExamData(); loadActivitiesData(); // 加载课程进度数据 loadAllCourseProgress(); startProgressAutoRefresh(); }); return (_ctx, _cache) => { const _component_v_card = vue.resolveComponent("v-card"); const _component_v_card_title = vue.resolveComponent("v-card-title"); const _component_v_card_text = vue.resolveComponent("v-card-text"); const _component_v_list = vue.resolveComponent("v-list"); const _component_v_list_item = vue.resolveComponent("v-list-item"); const _component_v_chip = vue.resolveComponent("v-chip"); const _component_v_btn = vue.resolveComponent("v-btn"); const _component_v_progress_linear = vue.resolveComponent("v-progress-linear"); const _component_v_alert = vue.resolveComponent("v-alert"); const _component_v_spacer = vue.resolveComponent("v-spacer"); const _component_v_icon = vue.resolveComponent("v-icon"); const _component_v_container = vue.resolveComponent("v-container"); // 仪表盘 CSS 样式 (v2.2.0 新设计) const dashboardStyle = ` /* 全局重置 */ .dashboard-wrapper { font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif; background-color: #f5f7fa; min-height: 100vh; padding: 20px; } .dashboard-wrapper * { box-sizing: border-box; } .dashboard-wrapper a { text-decoration: none; color: inherit; } /* 主体内容 */ .main-content { width: 100%; max-width: 1200px; margin: 0 auto; } /* 滚动条美化 */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #e0e0e0; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #d0d0d0; } /* 欢迎语区域 */ .dashboard-header { margin-bottom: 24px; background: #fff; padding: 20px 24px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; gap: 16px; } .welcome-row { display: flex; justify-content: space-between; align-items: center; } .welcome-text { font-size: 22px; font-weight: 600; color: #262626; display: flex; align-items: center; gap: 10px; } .date-info { font-size: 14px; color: #8c8c8c; } /* 紧急提醒条 */ .urgent-strip { display: flex; align-items: center; justify-content: space-between; background-color: #fff1f0; border: 1px solid #ffccc7; padding: 10px 16px; border-radius: 6px; color: #5c0011; font-size: 14px; width: 100%; transition: all 0.2s; cursor: pointer; } .urgent-strip:hover { background-color: #ffccc7; } .urgent-left { display: flex; align-items: center; gap: 10px; } .urgent-icon { font-size: 16px; } .urgent-count { font-weight: bold; color: #cf1322; } .urgent-action { font-size: 13px; color: #8c8c8c; } /* 仪表盘网格 */ .dashboard-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; align-items: start; } /* 卡片通用样式 */ .card { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transition: all 0.3s ease; display: flex; flex-direction: column; overflow: hidden; } .card:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); transform: translateY(-2px); } /* 卡片标题栏 */ .card-header { padding: 18px 24px; border-bottom: 1px solid #f5f5f5; display: flex; justify-content: space-between; align-items: center; } .card-title { font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 10px; color: #333; } .indicator-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; } .card-more { font-size: 13px; color: #999; cursor: pointer; } .card-more:hover { color: #1890ff; } /* 卡片内容区 */ .card-body { padding: 0 12px; max-height: 350px; overflow-y: auto; } /* 列表项 */ .list-item { display: flex; justify-content: space-between; align-items: center; padding: 16px 12px; border-bottom: 1px dashed #f0f0f0; cursor: pointer; transition: background 0.2s; } .list-item:last-child { border-bottom: none; } .list-item:hover { background-color: #fafafa; border-radius: 6px; } /* 左侧内容 */ .item-main { flex: 1; margin-right: 12px; min-width: 0; } .task-title { font-size: 14px; color: #333; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; } .task-meta { display: flex; align-items: center; font-size: 12px; color: #999; gap: 8px; } .course-tag { background: #f7f7f7; padding: 2px 6px; border-radius: 4px; color: #666; font-size: 12px; } /* 右侧状态 */ .item-status { text-align: right; flex-shrink: 0; } /* 状态胶囊 */ .badge { font-size: 12px; padding: 2px 8px; border-radius: 10px; font-weight: normal; display: inline-block; } .status-urgent { background: #fff1f0; color: #cf1322; border: 1px solid #ffa39e; } .status-warning { background: #fffbe6; color: #d48806; border: 1px solid #ffe58f; } .status-normal { background: #e6f7ff; color: #096dd9; border: 1px solid #91d5ff; } .status-done { background: #f6ffed; color: #389e0d; border: 1px solid #b7eb8f; } .status-gray { background: #f5f5f5; color: #8c8c8c; border: 1px solid #d9d9d9; } /* 空状态 */ .empty-state { text-align: center; padding: 30px 0; color: #bfbfbf; font-size: 14px; } /* 美化进度条 */ .loading-state { text-align: center; padding: 40px 0; } .loading-spinner { width: 40px; height: 40px; border: 3px solid #f3f3f3; border-top: 3px solid #1890ff; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-text { margin-top: 12px; color: #999; font-size: 13px; } /* 详情页视图 */ .detail-view { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); min-height: 500px; } .detail-header { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid #f5f5f5; } .detail-header-left { display: flex; align-items: center; gap: 12px; } .back-btn { display: flex; align-items: center; gap: 6px; padding: 8px 16px; background: #f5f5f5; border: none; border-radius: 6px; color: #666; font-size: 14px; cursor: pointer; transition: all 0.2s; } .back-btn:hover { background: #e8e8e8; color: #333; } .detail-title { font-size: 18px; font-weight: 600; color: #333; display: flex; align-items: center; gap: 10px; } .detail-count { font-size: 13px; color: #999; font-weight: normal; } .external-link-btn { padding: 8px 16px; background: #1890ff; border: none; border-radius: 6px; color: #fff; font-size: 13px; cursor: pointer; transition: all 0.2s; } .external-link-btn:hover { background: #40a9ff; } .detail-body { padding: 0 24px 24px; max-height: 600px; overflow-y: auto; } .detail-list-item { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px dashed #f0f0f0; cursor: pointer; transition: background 0.2s; } .detail-list-item:hover { background: #fafafa; margin: 0 -12px; padding: 16px 12px; border-radius: 6px; } .detail-list-item:last-child { border-bottom: none; } .detail-item-main { flex: 1; min-width: 0; margin-right: 16px; } .detail-item-title { font-size: 15px; color: #333; margin-bottom: 6px; font-weight: 500; } .detail-item-meta { display: flex; align-items: center; gap: 12px; font-size: 13px; color: #999; } .detail-item-status { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .status-time { font-size: 13px; color: #666; font-weight: 500; } .status-time.urgent { color: #cf1322; } /* 详情页工具栏 */ .detail-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 12px 24px; background: #fafafa; border-bottom: 1px solid #f0f0f0; } .sort-container { display: flex; align-items: center; gap: 8px; } .sort-label { font-size: 13px; color: #666; } .sort-select { padding: 6px 12px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 13px; color: #333; background: #fff; cursor: pointer; outline: none; } .sort-select:hover { border-color: #40a9ff; } .sort-select:focus { border-color: #1890ff; box-shadow: 0 0 0 2px rgba(24,144,255,0.2); } /* 查看按钮 */ .view-btn { padding: 6px 12px; background: #fff; border: 1px solid #1890ff; border-radius: 4px; color: #1890ff; font-size: 13px; cursor: pointer; transition: all 0.2s; } .view-btn:hover { background: #1890ff; color: #fff; } /* 列表项时间和状态组合显示 - 新布局 */ .item-time-status { display: flex; flex-direction: row; align-items: center; gap: 8px; flex-shrink: 0; } .status-info { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; } .time-display { font-size: 12px; color: #999; } .time-display.urgent { color: #cf1322; font-weight: 500; } .detail-list-item .item-time-status { flex-direction: row; } .detail-list-item .status-info { min-width: 80px; } /* 课程进度卡片样式 - 占用2列 */ .progress-card { min-height: 200px; grid-column: span 2; } .progress-items-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 16px; align-items: stretch; grid-auto-rows: 1fr; } .progress-item { display: flex; align-items: flex-start; padding: 14px; border: 1px solid #f0f0f0; border-radius: 8px; cursor: pointer; transition: all 0.2s; position: relative; min-height: 80px; } .progress-item:hover { background: #f5f7fa; border-color: #1890ff; box-shadow: 0 2px 8px rgba(24, 144, 255, 0.15); z-index: 10; } .progress-item:last-child { border-bottom: none; } /* 悬浮提示样式 - 左侧显示（右边卡片使用左侧悬浮） */ .progress-tooltip { display: none; position: absolute; left: calc(100% + 12px); top: 0; width: 240px; max-width: calc(100vw - 32px); padding: 14px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18); z-index: 1000; font-size: 13px; } .progress-tooltip::before { content: ''; position: absolute; left: -8px; top: 20px; border: 8px solid transparent; border-right-color: #fff; } /* 右侧卡片（偶数项）悬浮提示显示在左侧 */ .progress-item:nth-child(even) .progress-tooltip { left: auto; right: calc(100% + 12px); } .progress-item:nth-child(even) .progress-tooltip::before { left: auto; right: -8px; border-right-color: transparent; border-left-color: #fff; } .progress-item:hover .progress-tooltip { display: block; } @media (max-width: 960px) { .progress-items-grid { grid-template-columns: 1fr; } } @media (max-width: 720px) { .progress-card .card-body { overflow-x: hidden; } .progress-tooltip { left: 50%; right: auto; top: calc(100% + 8px); transform: translateX(-50%); width: min(280px, calc(100vw - 32px)); } .progress-tooltip::before { left: 50%; top: -8px; right: auto; transform: translateX(-50%); border-right-color: transparent; border-left-color: transparent; border-bottom-color: #fff; } .progress-item:nth-child(even) .progress-tooltip { left: 50%; right: auto; } .progress-item:nth-child(even) .progress-tooltip::before { left: 50%; right: auto; border-left-color: transparent; } } .tooltip-title { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tooltip-row { display: flex; justify-content: space-between; margin-bottom: 6px; color: #666; } .tooltip-row .label { color: #999; font-size: 12px; } .tooltip-row .value { font-weight: 500; color: #333; } .tooltip-row .value.highlight { color: #1890ff; } .tooltip-row .value.success { color: #52c41a; } .tooltip-row .value.warning { color: #faad14; } .tooltip-loading { text-align: center; padding: 20px; color: #999; } .progress-item-main { flex: 1; min-width: 0; margin-right: 12px; } .progress-item-title { font-size: 14px; color: #333; font-weight: 500; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .progress-bar-wrapper { display: flex; align-items: center; gap: 8px; } .progress-bar { flex: 1; height: 8px; background: #f0f0f0; border-radius: 4px; overflow: hidden; } .progress-bar-fill { height: 100%; border-radius: 4px; transition: width 0.3s; } .progress-bar-fill.complete { background: linear-gradient(90deg, #52c41a, #73d13d); } .progress-bar-fill.warning { background: linear-gradient(90deg, #faad14, #ffc53d); } .progress-bar-fill.danger { background: linear-gradient(90deg, #f5222d, #ff4d4f); } .progress-bar-fill.normal { background: linear-gradient(90deg, #1890ff, #40a9ff); } .progress-rate { font-size: 14px; font-weight: 600; min-width: 50px; text-align: right; } .progress-rate.complete { color: #52c41a; } .progress-rate.warning { color: #faad14; } .progress-rate.danger { color: #cf1322; } .progress-rate.normal { color: #1890ff; } .progress-tasks-count { font-size: 12px; color: #999; margin-top: 4px; } .progress-unfinished { margin-top: 4px; font-size: 12px; color: #f5222d; } .progress-last-update { font-size: 12px; color: #bbb; margin-left: auto; } .refresh-btn { padding: 4px 8px; background: transparent; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 12px; color: #666; cursor: pointer; transition: all 0.2s; } .refresh-btn:hover { border-color: #1890ff; color: #1890ff; } /* 移动端适配 */ @media (max-width: 768px) { .dashboard-wrapper { padding: 10px; } .welcome-row { flex-direction: column; align-items: flex-start; gap: 5px; } .dashboard-header { padding: 15px; } .card-header { padding: 15px; } .dashboard-grid { grid-template-columns: 1fr; } } `; // 注入样式 if (!document.querySelector('#dashboard-style-v2')) { const styleEl = document.createElement('style'); styleEl.id = 'dashboard-style-v2'; styleEl.textContent = dashboardStyle; document.head.appendChild(styleEl); } // 获取状态类名 const getStatusClass = (item) => { if (item.isUrgent) return 'status-urgent'; if (item.uncommitted || item.ongoing) return 'status-warning'; if (item.finished) return 'status-done'; return 'status-normal'; }; // 获取视图标题 const getViewTitle = (type) => { switch (type) { case 'todo': return '待办任务'; case 'homework': return '全部作业'; case 'exam': return '全部考试'; case 'activities': return '课程任务'; default: return ''; } }; // 获取视图数据 const getViewItems = (type) => { switch (type) { case 'todo': return todoItems.value; case 'homework': return homeworkItems.value; case 'exam': return examItems.value; case 'activities': return activitiesItems.value; default: return []; } }; // 获取视图加载状态 const getViewLoading = (type) => { switch (type) { case 'todo': return loading.value.todo; case 'homework': return loading.value.homework; case 'exam': return loading.value.exam; case 'activities': return loading.value.activities; default: return false; } }; // 获取项目链接 const getItemLink = (type, item) => { switch (type) { case 'todo': return getTodoLink(item); case 'homework': return getHomeworkLink(item); case 'exam': return getExamLink(item); case 'activities': return getActivityLink(item); default: return '#'; } }; // 获取列表项状态显示 const getItemStatus = (type, item) => { switch (type) { case 'todo': return item.info || item.leftTime || item.type || '待办'; case 'homework': return item.uncommitted ? '待提交' : '已提交'; case 'exam': return item.finished ? '已完成' : (item.expired ? '已过期' : (item.timeLeft || '进行中')); case 'activities': return item.status || (item.finished ? '已完成' : '进行中'); default: return ''; } }; // 获取状态 badge 类名 const getItemBadgeClass = (type, item) => { switch (type) { case 'todo': return item.isActivity ? 'status-warning' : (item.type === '作业' ? 'status-normal' : 'status-urgent'); case 'homework': return item.uncommitted ? 'status-warning' : 'status-done'; case 'exam': return item.finished ? 'status-done' : (item.expired ? 'status-gray' : 'status-urgent'); case 'activities': return item.finished ? 'status-done' : (item.ongoing ? 'status-warning' : 'status-normal'); default: return 'status-normal'; } }; // 渲染详情页视图 const renderDetailView = (type) => { const rawItems = getViewItems(type); const sortedItems = sortItems(rawItems, type, currentSort.value); const isLoading = getViewLoading(type); const title = getViewTitle(type); const dotColors = { todo: '#1890ff', homework: '#faad14', exam: '#f5222d', activities: '#52c41a' }; return vue.createVNode("div", { class: "detail-view" }, [ // 详情页头部 vue.createVNode("div", { class: "detail-header" }, [ vue.createVNode("div", { class: "detail-header-left" }, [ vue.createVNode("button", { class: "back-btn", onClick: backToDashboard }, [ "← 返回仪表盘" ]), vue.createVNode("div", { class: "detail-title" }, [ vue.createVNode("span", { class: "indicator-dot", style: `background: ${dotColors[type]};` }), title, vue.createVNode("span", { class: "detail-count" }, `共 ${rawItems.length} 项`) ]) ]), vue.createVNode("button", { class: "external-link-btn", onClick: () => navigateToOriginal(type) }, "在原始页面打开") ]), // 工具栏：排序选择器 vue.createVNode("div", { class: "detail-toolbar" }, [ vue.createVNode("div", { class: "sort-container" }, [ vue.createVNode("span", { class: "sort-label" }, "排序方式："), vue.createVNode("select", { class: "sort-select", value: currentSort.value, onChange: (e) => { currentSort.value = e.target.value; } }, sortOptions.map(opt => vue.createVNode("option", { value: opt.value }, opt.label) )) ]), vue.createVNode("div", { style: "font-size: 13px; color: #999;" }, `未完成: ${rawItems.filter(i => !i.finished && (i.uncommitted !== false)).length} 项` ) ]), // 详情页内容 vue.createVNode("div", { class: "detail-body" }, [ isLoading ? vue.createVNode("div", { class: "loading-state" }, [ vue.createVNode("div", { class: "loading-spinner" }), vue.createVNode("div", { class: "loading-text" }, "加载中...") ]) : sortedItems.length === 0 ? vue.createVNode("div", { class: "empty-state" }, "暂无数据") : sortedItems.map(item => vue.createVNode("div", { class: "detail-list-item" }, [ vue.createVNode("div", { class: "detail-item-main" }, [ vue.createVNode("div", { class: "detail-item-title" }, item.title), vue.createVNode("div", { class: "detail-item-meta" }, [ vue.createVNode("span", {}, item.course || item.courseName || ''), type === 'activities' ? vue.createVNode("span", {}, `· ${item.type || '活动'}`) : null ]) ]), vue.createVNode("div", { class: "item-time-status" }, [ // 状态信息区 vue.createVNode("div", { class: "status-info" }, [ // 剩余时间显示 (item.leftTime || item.timeLeft || item.info) ? vue.createVNode("span", { class: `time-display ${item.isUrgent || parseTimeToMinutes(item.leftTime || item.timeLeft || item.info) < 24 * 60 ? 'urgent' : ''}` }, item.leftTime || item.timeLeft || item.info) : null, // 状态显示 vue.createVNode("span", { class: `badge ${getItemBadgeClass(type, item)}` }, getItemStatus(type, item)) ]), // 查看按钮 vue.createVNode("button", { class: "view-btn", onClick: (e) => { e.stopPropagation(); window.open(getItemLink(type, item), '_blank'); } }, "查看") ]) ]) ) ]) ]); }; // 根据当前视图渲染 if (currentView.value !== 'dashboard') { return vue.createVNode("div", { class: "dashboard-wrapper" }, [ vue.createVNode("div", { class: "main-content" }, [ renderDetailView(currentView.value) ]) ]); } // 渲染仪表盘视图 return vue.createVNode("div", { class: "dashboard-wrapper" }, [ vue.createVNode("div", { class: "main-content" }, [ // 头部欢迎区域 vue.createVNode("div", { class: "dashboard-header" }, [ vue.createVNode("div", { class: "welcome-row" }, [ vue.createVNode("div", { class: "welcome-text" }, `👋 ${greeting.value}，${userName.value}`), vue.createVNode("div", { class: "date-info" }, dateInfo.value) ]), // 紧急提醒条 urgentTasks.value.length > 0 ? vue.createVNode("div", { class: "urgent-strip", onClick: () => openFullScreen('todo') }, [ vue.createVNode("div", { class: "urgent-left" }, [ vue.createVNode("span", { class: "urgent-icon" }, "🔔"), vue.createVNode("span", {}, [ "你还有 ", vue.createVNode("span", { class: "urgent-count" }, urgentTasks.value.length), ` 个高优先级任务待处理：${urgentTasks.value.slice(0, 2).map(t => t.title).join('、')}${urgentTasks.value.length > 2 ? '等...' : ''}` ]) ]), vue.createVNode("div", { class: "urgent-action" }, "去处理 >") ]) : null ]), // 仪表盘网格 vue.createVNode("div", { class: "dashboard-grid" }, [ // 待办任务卡片 vue.createVNode("div", { class: "card" }, [ vue.createVNode("div", { class: "card-header" }, [ vue.createVNode("div", { class: "card-title" }, [ vue.createVNode("span", { class: "indicator-dot", style: "background: #1890ff;" }), "待办任务" ]), vue.createVNode("a", { class: "card-more", onClick: () => openFullScreen('todo') }, "查看全部") ]), vue.createVNode("div", { class: "card-body" }, [ loading.value.todo ? vue.createVNode("div", { class: "loading-state" }, [ vue.createVNode("div", { class: "loading-spinner" }), vue.createVNode("div", { class: "loading-text" }, "加载中...") ]) : todoItems.value.length === 0 ? vue.createVNode("div", { class: "empty-state" }, "🎉 暂无待办任务") : sortItems(todoItems.value, 'todo', 'urgent').map(item => vue.createVNode("div", { class: "list-item", onClick: () => window.open(getTodoLink(item), '_blank') }, [ vue.createVNode("div", { class: "item-main" }, [ vue.createVNode("div", { class: "task-title" }, item.title), vue.createVNode("div", { class: "task-meta" }, [ vue.createVNode("span", { class: "course-tag" }, item.course || item.type || '任务') ]) ]), vue.createVNode("div", { class: "item-time-status" }, [ // 剩余时间 (item.leftTime || item.info) ? vue.createVNode("span", { class: `time-display ${item.isUrgent || parseTimeToMinutes(item.leftTime || item.info) < 24 * 60 ? 'urgent' : ''}` }, item.leftTime || item.info) : null, // 状态 vue.createVNode("span", { class: `badge ${item.isActivity ? 'status-warning' : (item.type === '作业' ? 'status-normal' : 'status-urgent')}` }, item.type || '待办') ]) ]) ) ]) ]), // 全部作业卡片 vue.createVNode("div", { class: "card" }, [ vue.createVNode("div", { class: "card-header" }, [ vue.createVNode("div", { class: "card-title" }, [ vue.createVNode("span", { class: "indicator-dot", style: "background: #faad14;" }), "全部作业" ]), vue.createVNode("a", { class: "card-more", onClick: () => openFullScreen('homework') }, "查看全部") ]), vue.createVNode("div", { class: "card-body" }, [ loading.value.homework ? vue.createVNode("div", { class: "loading-state" }, [ vue.createVNode("div", { class: "loading-spinner" }), vue.createVNode("div", { class: "loading-text" }, "加载中...") ]) : homeworkItems.value.length === 0 ? vue.createVNode("div", { class: "empty-state" }, "暂无作业") : sortItems(homeworkItems.value, 'homework', 'urgent').map(item => vue.createVNode("div", { class: "list-item", onClick: () => window.open(getHomeworkLink(item), '_blank') }, [ vue.createVNode("div", { class: "item-main" }, [ vue.createVNode("div", { class: "task-title" }, item.title), vue.createVNode("div", { class: "task-meta" }, item.course || '') ]), vue.createVNode("div", { class: "item-time-status" }, [ (item.leftTime) ? vue.createVNode("span", { class: `time-display ${parseTimeToMinutes(item.leftTime) < 24 * 60 ? 'urgent' : ''}` }, item.leftTime) : null, vue.createVNode("span", { class: `badge ${item.uncommitted ? 'status-warning' : 'status-done'}` }, item.uncommitted ? "待提交" : "已提交") ]) ]) ) ]) ]), // 全部考试卡片 vue.createVNode("div", { class: "card" }, [ vue.createVNode("div", { class: "card-header" }, [ vue.createVNode("div", { class: "card-title" }, [ vue.createVNode("span", { class: "indicator-dot", style: "background: #f5222d;" }), "全部考试" ]), vue.createVNode("a", { class: "card-more", onClick: () => openFullScreen('exam') }, "查看全部") ]), vue.createVNode("div", { class: "card-body" }, [ loading.value.exam ? vue.createVNode("div", { class: "loading-state" }, [ vue.createVNode("div", { class: "loading-spinner" }), vue.createVNode("div", { class: "loading-text" }, "加载中...") ]) : examItems.value.length === 0 ? vue.createVNode("div", { class: "empty-state" }, "🎉 暂无考试") : sortItems(examItems.value, 'exam', 'urgent').map(item => vue.createVNode("div", { class: "list-item", onClick: () => window.open(getExamLink(item), '_blank') }, [ vue.createVNode("div", { class: "item-main" }, [ vue.createVNode("div", { class: "task-title" }, item.title), vue.createVNode("div", { class: "task-meta" }, item.course || '') ]), vue.createVNode("div", { class: "item-time-status" }, [ (item.timeLeft) ? vue.createVNode("span", { class: `time-display ${!item.finished && parseTimeToMinutes(item.timeLeft) < 24 * 60 ? 'urgent' : ''}` }, item.timeLeft) : null, vue.createVNode("span", { class: `badge ${item.finished ? 'status-done' : (item.expired ? 'status-gray' : 'status-urgent')}` }, item.finished ? "已完成" : (item.expired ? "已过期" : "进行中")) ]) ]) ) ]) ]), // 课程任务卡片 vue.createVNode("div", { class: "card" }, [ vue.createVNode("div", { class: "card-header" }, [ vue.createVNode("div", { class: "card-title" }, [ vue.createVNode("span", { class: "indicator-dot", style: "background: #52c41a;" }), "课程任务" ]), vue.createVNode("a", { class: "card-more", onClick: () => openFullScreen('activities') }, "查看全部") ]), vue.createVNode("div", { class: "card-body" }, [ loading.value.activities ? vue.createVNode("div", { class: "loading-state" }, [ vue.createVNode("div", { class: "loading-spinner" }), vue.createVNode("div", { class: "loading-text" }, "加载中...") ]) : activitiesItems.value.length === 0 ? vue.createVNode("div", { class: "empty-state" }, "暂无课程任务") : sortItems(activitiesItems.value, 'activities', 'urgent').map(item => vue.createVNode("div", { class: "list-item", onClick: () => window.open(getActivityLink(item), '_blank') }, [ vue.createVNode("div", { class: "item-main" }, [ vue.createVNode("div", { class: "task-title" }, item.title), vue.createVNode("div", { class: "task-meta" }, [ vue.createVNode("span", { class: "course-tag" }, item.courseName || ''), ` · ${item.type || '活动'}` ]) ]), vue.createVNode("div", { class: "item-time-status" }, [ (item.leftTime) ? vue.createVNode("span", { class: `time-display ${parseTimeToMinutes(item.leftTime) < 24 * 60 ? 'urgent' : ''}` }, item.leftTime) : null, vue.createVNode("span", { class: `badge ${item.finished ? 'status-done' : (item.ongoing ? 'status-warning' : 'status-normal')}` }, item.status || (item.finished ? "已完成" : "进行中")) ]) ]) ) ]) ]), // 课程进度卡片 vue.createVNode("div", { class: "card progress-card" }, [ vue.createVNode("div", { class: "card-header" }, [ vue.createVNode("div", { class: "card-title" }, [ vue.createVNode("span", { class: "indicator-dot", style: "background: #722ed1;" }), "课程进度" ]), vue.createVNode("div", { style: "display: flex; align-items: center; gap: 8px;" }, [ progressLastUpdate.value ? vue.createVNode("span", { class: "progress-last-update" }, `更新于 ${progressLastUpdate.value}`) : null, vue.createVNode("button", { class: "refresh-btn", onClick: () => loadAllCourseProgress() }, loadingProgress.value ? "刷新中..." : "🔄 刷新") ]) ]), vue.createVNode("div", { class: "card-body" }, [ loadingProgress.value ? vue.createVNode("div", { class: "loading-state" }, [ vue.createVNode("div", { class: "loading-spinner" }), vue.createVNode("div", { class: "loading-text" }, "正在获取课程进度...") ]) : courseProgressItems.value.length === 0 ? vue.createVNode("div", { class: "empty-state" }, "暂无课程进度数据") : vue.createVNode("div", { class: "progress-items-grid" }, courseProgressItems.value.map(course => { const rate = parseInt(course.completionRate) || 0; const rateClass = rate >= 100 ? 'complete' : (rate >= 60 ? 'warning' : (rate >= 30 ? 'normal' : 'danger')); const remainingTasks = course.totalTasks - course.completedTasks; return vue.createVNode("div", { class: "progress-item", onClick: () => { if (course.studyDataUrl) { window.open(course.studyDataUrl, '_blank'); } } }, [ vue.createVNode("div", { class: "progress-item-main" }, [ vue.createVNode("div", { class: "progress-item-title" }, course.courseName), vue.createVNode("div", { class: "progress-bar-wrapper" }, [ vue.createVNode("div", { class: "progress-bar" }, [ vue.createVNode("div", { class: `progress-bar-fill ${rateClass}`, style: `width: ${Math.min(rate, 100)}%;` }) ]), vue.createVNode("span", { class: `progress-rate ${rateClass}` }, course.completionRate) ]), vue.createVNode("div", { class: "progress-tasks-count" }, `${course.completedTasks}/${course.totalTasks} 任务点` ) ]), // 悬浮提示 vue.createVNode("div", { class: "progress-tooltip" }, [ vue.createVNode("div", { class: "tooltip-title" }, course.courseName), vue.createVNode("div", { class: "tooltip-row" }, [ vue.createVNode("span", { class: "label" }, "完成进度"), vue.createVNode("span", { class: `value ${rate >= 100 ? 'success' : (rate >= 60 ? 'warning' : 'highlight')}` }, course.completionRate) ]), vue.createVNode("div", { class: "tooltip-row" }, [ vue.createVNode("span", { class: "label" }, "课程积分"), vue.createVNode("span", { class: "value" }, course.courseScore || "点击查看") ]), vue.createVNode("div", { class: "tooltip-row" }, [ vue.createVNode("span", { class: "label" }, "章节测验"), vue.createVNode("span", { class: "value" }, course.chapterQuiz || "点击查看") ]), vue.createVNode("div", { class: "tooltip-row" }, [ vue.createVNode("span", { class: "label" }, "当前排名"), vue.createVNode("span", { class: "value highlight" }, course.ranking || "点击查看") ]), vue.createVNode("div", { style: "margin-top: 10px; padding-top: 8px; border-top: 1px solid #f0f0f0; font-size: 12px; color: #1890ff; text-align: center; cursor: pointer;" }, "📊 点击查看完整学习记录") ]) ]); }) ) ]) ]) ]) ]) ]); }; } }); const appendApp = () => { const vuetify$1 = vuetify.createVuetify({ icons: { defaultSet: "md", aliases, sets: { md } } }); let app = _sfc_main$1; const urlDetect2 = urlDetection(); if (urlDetect2 === "homework") app = _sfc_main$2; if (urlDetect2 === "exam") app = _sfc_main; if (urlDetect2 === "todo") app = _sfc_todo; if (urlDetect2 === "activities") app = _sfc_activities; if (urlDetect2 === "dashboard") app = _sfc_dashboard; vue.createApp(app).use(vuetify$1).mount( (() => { const app2 = document.createElement("div"); document.body.append(app2); return app2; })() ); }; const urlDetect = urlDetection(); if (urlDetect === "homework" || urlDetect === "todo" || urlDetect === "activities" || urlDetect === "dashboard") { wrapElements(); removeStyles(); removeScripts(); appendApp(); } if (urlDetect === "exam") { wrapElements(); removeStyles(); removeScripts(); keepRemoveHtmlStyle(); appendApp(); } if (urlDetect === "home") { fixCssConflict(); initMenus(); // 延迟后自动点击仪表盘菜单 setTimeout(() => { const dashboardMenuItem = document.querySelector('#first1000000') || document.querySelector('#first_chaoxing_assignment_dashboard'); if (dashboardMenuItem) { dashboardMenuItem.click(); console.log('[脚本] 自动切换到学习仪表盘'); } }, 500); } if (urlDetect === "legacyHome") { fixCssConflict(); initMenus(); // 延迟后自动点击仪表盘菜单 setTimeout(() => { const dashboardMenuItem = document.querySelector('#first_chaoxing_assignment_dashboard') || document.querySelector('a[href*="chaoxing-dashboard"]'); if (dashboardMenuItem) { dashboardMenuItem.click(); console.log('[脚本] 自动切换到学习仪表盘'); } }, 500); } })(Vuetify, Vue);