// ==UserScript==
// @name 学习通作业/考试/任务列表（优化版）
// @namespace https://github.com/Cooanyh
// @version 2.2.0
// @author 甜檸Cirtron (lcandy2); Modified by Coren
// @description 【优化版】支持作业、考试、课程任务列表快速查看。基于原版脚本修改：1. 新增支持在 https://i.chaoxing.com/ 空间页面显示；2. 优化考试与作业列表 UI；3. 新增"任务"/"课程任务"标签，汇总所有课程的待办任务；4. 新增待办即将过期任务提醒；5. 整合学习仪表盘，UI 极简优化，支持板块全屏查看；6. v2.0.0 UI 重构升级：全新设计风格、欢迎区域、状态胶囊；7. v2.1.0 修复进度卡片宽屏等宽布局（消除横向滚动条）、新增课程信息忽略功能（二次确认、多选、localStorage 持久化存储、已忽略面板及撤销）；8. v2.2.0 增强版课程进度悬浮窗：鼠标悬停显示学习活动（作业、考试、测验、互动），智能数据加载与缓存，移动端自适应设计
// @license AGPL-3.0-or-later
// @copyright lcandy2 All Rights Reserved
// @copyright 2025, Coren (Modified based on original work)
// @icon https://www.google.com/s2/favicons?sz=64&domain=chaoxing.com
// @source https://github.com/Cooanyh/chaoxing-list
// @match *://i.chaoxing.com/*
// @match *://i.mooc.chaoxing.com/space/index*
// @match *://i.mooc.chaoxing.com/settings*
// @match *://mooc2-ans.chaoxing.com/*
// @match *://mooc1-api.chaoxing.com/work/stu-work*
// @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
// @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();
}
});
};
// --- 忽略管理 - 使用 localStorage 持久化 ---
const IGNORE_STORAGE_KEY = 'chaoxing_ignored_items';
const getIgnoredItems = () => {
try {
return JSON.parse(localStorage.getItem(IGNORE_STORAGE_KEY) || '{}');
} catch { return {}; }
};
const saveIgnoredItems = (items) => {
localStorage.setItem(IGNORE_STORAGE_KEY, JSON.stringify(items));
};
// 生成唯一标识（包含板块前缀，防止不同板块同名项冲突）
const getItemKey = (item, sectionType) => {
const sec = sectionType || item._sectionType || 'unknown';
const id = item.courseId || item.examId || item.workId || item.activeId || '';
const title = item.title || item.courseName || '';
return `${sec}__${id}__${title}`;
};
const isItemIgnored = (item, sectionType) => {
const ignored = getIgnoredItems();
return !!ignored[getItemKey(item, sectionType)];
};
const ignoreItem = (item, sectionType) => {
const ignored = getIgnoredItems();
const sec = sectionType || item._sectionType || 'unknown';
ignored[getItemKey(item, sectionType)] = {
title: item.title || item.courseName || '',
type: item.type || '',
course: item.course || item.courseName || '',
sectionType: sec,
ignoredAt: Date.now()
};
saveIgnoredItems(ignored);
};
const unignoreItem = (item, sectionType) => {
const ignored = getIgnoredItems();
delete ignored[getItemKey(item, sectionType)];
saveIgnoredItems(ignored);
};
const ignoreItems = (items, sectionType) => {
const ignored = getIgnoredItems();
items.forEach(item => {
const sec = sectionType || item._sectionType || 'unknown';
ignored[getItemKey(item, sectionType)] = {
title: item.title || item.courseName || '',
type: item.type || '',
course: item.course || item.courseName || '',
sectionType: sec,
ignoredAt: Date.now()
};
});
saveIgnoredItems(ignored);
};
const unignoreItems = (items, sectionType) => {
const ignored = getIgnoredItems();
items.forEach(item => {
delete ignored[getItemKey(item, sectionType)];
});
saveIgnoredItems(ignored);
};
// 获取某板块的所有已忽略项（按 sectionType 过滤）
const getIgnoredItemsBySection = (sectionType) => {
const ignored = getIgnoredItems();
const result = [];
for (const [key, val] of Object.entries(ignored)) {
if ((val.sectionType || 'unknown') === sectionType) {
result.push({ ...val, _key: key });
}
}
return result;
};
const unignoreByKey = (key) => {
const ignored = getIgnoredItems();
delete ignored[key];
saveIgnoredItems(ignored);
};
const unignoreByKeys = (keys) => {
const ignored = getIgnoredItems();
keys.forEach(k => delete ignored[k]);
saveIgnoredItems(ignored);
};
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 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 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 extractRankFromDom = (doc) => {
const candidates = Array.from(doc.querySelectorAll('*')).filter(el => {
const text = el.textContent || '';
return (text.includes('当前排名') || text.includes('班级排名') || text.includes('排名')) && el.children.length === 0;
});
for (const candidate of candidates) {
let container = candidate.parentElement;
for (let i = 0; i < 5 && container; i++) {
const allText = container.textContent || '';
const match = allText.match(/(?:第\s*)?(\d+)\s*名/);
if (match && match[1]) {
return match[1];
}
container = container.parentElement;
}
}
const whiteBgContainers = doc.querySelectorAll('.whiteBg');
for (const container of whiteBgContainers) {
const text = container.textContent || '';
if (text.includes('排名') || text.includes('名次')) {
const match = text.match(/(?:第\s*)?(\d+)\s*名/);
if (match && match[1]) {
return match[1];
}
const numMatch = text.match(/(\d+)\s*名/);
if (numMatch && numMatch[1]) {
return numMatch[1];
}
}
}
const h2Elements = doc.querySelectorAll('h2, .stat-value, .count, .fr');
for (const el of h2Elements) {
const text = el.textContent.trim();
if (text.match(/^\d+$/) && parseInt(text) < 10000) {
return text;
}
const rankMatch = text.match(/(?:第\s*)?(\d+)\s*名/);
if (rankMatch) {
return rankMatch[1];
}
}
const frElements = doc.querySelectorAll('.fr');
for (const el of frElements) {
const text = el.textContent.trim();
if (text.match(/^\d+$/) && parseInt(text) < 10000) {
return text;
}
}
return '';
};
const extractPointFromDom = (doc) => {
const candidates = Array.from(doc.querySelectorAll('*')).filter(el => {
const text = el.textContent || '';
return (text.includes('课程积分') || text.includes('积分')) && el.children.length === 0;
});
for (const candidate of candidates) {
let container = candidate.parentElement;
for (let i = 0; i < 5 && container; i++) {
const allText = container.textContent || '';
const match = allText.match(/[:：]\s*(\d+(?:\.\d+)?)/);
if (match && match[1]) {
return match[1];
}
const directMatch = allText.match(/(\d+(?:\.\d+)?)\s*(?:分|积分)/);
if (directMatch && directMatch[1]) {
return directMatch[1];
}
container = container.parentElement;
}
}
const whiteBgContainers = doc.querySelectorAll('.whiteBg');
for (const container of whiteBgContainers) {
const text = container.textContent || '';
if (text.includes('积分')) {
const match = text.match(/(?:课程)?积分[:：\s]*(\d+(?:\.\d+)?)/);
if (match && match[1]) {
return match[1];
}
const numMatch = text.match(/(\d+(?:\.\d+)?)\s*(?:分|积分)/);
if (numMatch && numMatch[1]) {
return numMatch[1];
}
const pureNumMatch = text.match(/积分[^\\d]*(\d+)/);
if (pureNumMatch && pureNumMatch[1]) {
return pureNumMatch[1];
}
}
}
const pointElements = doc.querySelectorAll('#point, .point, [class*="point"], [id*="point"]');
for (const el of pointElements) {
const text = el.textContent.trim();
if (text.match(/^\d+(?:\.\d+)?$/)) {
return text;
}
}
const h2Elements = doc.querySelectorAll('h2, .stat-value, .fr');
for (const el of h2Elements) {
const text = el.textContent.trim();
if (text.match(/^\d+(?:\.\d+)?$/) && parseFloat(text) <= 1000) {
return text;
}
}
return '';
};
const extractQuizPairFromDom = (doc) => {
const candidates = Array.from(doc.querySelectorAll('*')).filter(el => {
const text = el.textContent || '';
return text.includes('章节测验') || text.includes('测验');
});
for (const candidate of candidates) {
let container = candidate.parentElement;
for (let i = 0; i < 5 && container; i++) {
const allText = container.textContent || '';
const match = allText.match(/(\d+)\s*\/\s*(\d+)/);
if (match && match[1] && match[2]) {
return { first: match[1], second: match[2] };
}
container = container.parentElement;
}
}
const whiteBgContainers = doc.querySelectorAll('.whiteBg');
for (const container of whiteBgContainers) {
const text = container.textContent || '';
if (text.includes('测验')) {
const match = text.match(/章节测验[:：\s]*(\d+)\s*\/\s*(\d+)/);
if (match && match[1] && match[2]) {
return { first: match[1], second: match[2] };
}
const shortMatch = text.match(/测验[:：\s]*(\d+)\s*\/\s*(\d+)/);
if (shortMatch && shortMatch[1] && shortMatch[2]) {
return { first: shortMatch[1], second: shortMatch[2] };
}
}
}
const statsBars = doc.querySelectorAll('.statistics-bar-list li, .stat-item, [class*="statistic"], .whiteBg');
for (const item of statsBars) {
const text = item.textContent || '';
const match = text.match(/(\d+)\s*\/\s*(\d+)/);
if (match && match[1] && match[2]) {
return { first: match[1], second: match[2] };
}
}
const allText = doc.body?.textContent || '';
const quizMatch = allText.match(/章节测验[^\\n]{0,50}(\d+)\s*\/\s*(\d+)/i);
if (quizMatch) {
return { first: quizMatch[1], second: quizMatch[2] };
}
return null;
};
// --- 便当盒仪表盘组件 ---
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();
}
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);
// 从页面 DOM 中提取 enc 参数
const extractEncFromDOM = (courses) => {
console.log('[课程进度] 开始从DOM提取enc参数...');
console.log('[课程进度] 页面URL:', window.location.href);
console.log('[课程进度] 页面标题:', document.title);
// 先尝试从 courseSquareUrl 中提取 classId (注意是 classId 不是 clazzId)
let foundFromSquareUrl = 0;
courses.forEach(course => {
if (course.courseSquareUrl) {
const classIdMatch = course.courseSquareUrl.match(/[?&]classId=(\d+)/);
if (classIdMatch) {
const classId = classIdMatch[1];
console.log('[课程进度] 课程', course.courseName, 'courseSquareUrl中的classId:', classId);
// 注意：courseSquareUrl 中的 classId 对应的是 channel.key (clazzId)
// 如果匹配，我们可以尝试使用这个 classId
if (String(course.clazzId) === classId) {
console.log('[课程进度] 课程', course.courseName, 'clazzId匹配');
}
}
}
});
// 查找课程卡片上的链接
const selectors = [
'a[href*="mycourse/studentcourse"]',
'a[href*="course/course"]',
'a[href*="mooc2-ans"]',
'.course-item a',
'.courseCard a',
'[class*="course"] a',
'#courseList a',
'.course-list a'
];
let foundEncCount = 0;
// 先打印页面中所有的链接，查找包含关键参数的
console.log('[课程进度] 开始扫描页面所有链接...');
const allLinks = document.querySelectorAll('a[href]');
console.log('[课程进度] 页面共有', allLinks.length, '个链接');
let scannedCount = 0;
allLinks.forEach(link => {
const href = link.href;
if (!href || scannedCount > 100) return; // 只扫描前100个链接
if (href.includes('clazzid') || href.includes('enc') || href.includes('mycourse')) {
scannedCount++;
console.log('[课程进度] 链接示例:', href.substring(0, 150));
// 从 URL 中提取 enc 参数
const encMatch = href.match(/[?&]enc=([^&]+)/);
const clazzIdMatch = href.match(/[?&]clazzid=(\d+)/);
if (encMatch && clazzIdMatch) {
const enc = encMatch[1];
const clazzId = clazzIdMatch[1];
// 查找对应的课程并更新 enc
const course = courses.find(c => String(c.clazzId) === clazzId);
if (course && !course.enc) {
course.enc = enc;
foundEncCount++;
console.log('[课程进度] 找到enc:', course.courseName, 'clazzId:', clazzId, 'enc:', enc);
}
}
}
});
if (foundEncCount === 0) {
console.log('[课程进度] 未从链接中找到enc，尝试从courseSquareUrl提取...');
// courseSquareUrl 格式: https://tsjy.chaoxing.com/plaza/app?courseId=xxx&personId=xxx&classId=xxx&userId=xxx
// 这里只有 classId，没有 enc
// enc 可能在其他地方
}
console.log('[课程进度] 共找到', foundEncCount, '个课程的enc参数');
// 保存到 localStorage 供后续使用
if (foundEncCount > 0) {
const encMap = {};
courses.forEach(c => {
if (c.enc) {
encMap[c.clazzId] = c.enc;
}
});
localStorage.setItem('chaoxing_course_enc', JSON.stringify(encMap));
console.log('[课程进度] enc参数已保存到localStorage');
// 异步获取 pEnc
setTimeout(() => {
fetchPEncForCourses(courses);
}, 200);
} else {
// 如果没找到enc，直接尝试获取pEnc（可能会失败，但至少尝试了）
console.log('[课程进度] 未找到enc，但仍然尝试获取pEnc...');
setTimeout(() => {
fetchPEncForCourses(courses);
}, 500);
}
};
// 获取课程的 pEnc 参数
const fetchPEncForCourses = (courses) => {
if (typeof GM_xmlhttpRequest === 'undefined') {
console.log('[课程进度] GM_xmlhttpRequest 不可用，跳过获取pEnc');
return;
}
console.log('[课程进度] 开始获取课程的pEnc参数...');
// 从 stat2-ans.chaoxing.com/study-data/index 页面获取 pEnc
// URL格式: https://stat2-ans.chaoxing.com/study-data/index?courseid=xxx&clazzid=xxx&cpi=xxx&ut=s&t=xxx&stuenc=xxx
const promises = courses.slice(0, 25).map(course => {
return new Promise((resolve) => {
// 使用课程数据构建 stat2-ans 页面 URL
// stuenc 参数使用 enc（如果有的话），否则使用空字符串
const stuenc = course.enc || '';
const studyIndexUrl = `https://stat2-ans.chaoxing.com/study-data/index?courseid=${course.courseId}&clazzid=${course.clazzId}&cpi=${course.cpi}&ut=s&t=${Date.now()}&stuenc=${stuenc}`;
console.log('[课程进度] 获取pEnc, 课程:', course.courseName, 'URL:', studyIndexUrl);
GM_xmlhttpRequest({
method: 'GET',
url: studyIndexUrl,
timeout: 10000,
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8'
},
onload: (response) => {
console.log('[课程进度] 获取pEnc响应, 课程:', course.courseName, '状态:', response.status, '长度:', response.responseText.length);
// 从响应中提取 pEnc
// 尝试多种正则表达式格式
const patterns = [
/pEnc["\s]*[:=]["\s]*([^"'&\s,}]+)/, // pEnc: 'xxx' 或 pEnc: "xxx"
/var\s+pEnc\s*=\s*["']([^"']+)["']/, // var pEnc = 'xxx'
/pEnc\s*=\s*["']([^"']+)["']/, // pEnc='xxx'
];
let pEnc = null;
for (const pattern of patterns) {
const match = response.responseText.match(pattern);
if (match) {
pEnc = match[1].replace(/^["']|["']$/g, '');
console.log('[课程进度] 使用正则找到pEnc:', course.courseName, 'pEnc:', pEnc, 'pattern:', pattern.toString());
break;
}
}
if (pEnc) {
course.pEnc = pEnc;
// 保存到 localStorage
try {
const pEncMap = JSON.parse(localStorage.getItem('chaoxing_course_pEnc') || '{}');
pEncMap[course.clazzId] = pEnc;
localStorage.setItem('chaoxing_course_pEnc', JSON.stringify(pEncMap));
console.log('[课程进度] pEnc已保存到localStorage:', course.courseName, course.clazzId, pEnc);
} catch (e) {
console.error('[课程进度] 保存pEnc失败:', e);
}
} else {
console.log('[课程进度] 未找到pEnc:', course.courseName, '响应长度:', response.responseText.length);
if (response.responseText.length > 100) {
console.log('[课程进度] 响应前200字符:', response.responseText.substring(0, 200));
}
}
// 同时尝试从响应中提取 enc（如果还没有的话）
if (!course.enc && encMatch) {
course.enc = encMatch[1];
console.log('[课程进度] 从页面找到enc:', course.courseName, 'enc:', course.enc);
try {
const encMap = JSON.parse(localStorage.getItem('chaoxing_course_enc') || '{}');
encMap[course.clazzId] = course.enc;
localStorage.setItem('chaoxing_course_enc', JSON.stringify(encMap));
} catch (e) {
console.error('[课程进度] 保存enc失败:', e);
}
}
resolve();
},
onerror: () => {
console.error('[课程进度] 获取pEnc失败:', course.courseName);
resolve();
}
});
});
});
Promise.all(promises).then(() => {
console.log('[课程进度] pEnc获取完成');
});
};
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) {
console.log('[课程进度] channelList 长度:', data.channelList.length);
data.channelList.forEach(channel => {
// 调试：查看 channel 对象的 keys
console.log('[课程进度] Channel keys:', Object.keys(channel));
console.log('[课程进度] Channel cataid:', channel.cataid);
console.log('[课程进度] Channel content keys:', channel.content ? Object.keys(channel.content) : 'no content');
console.log('[课程进度] Channel content.enc:', channel.content ? channel.content.enc : 'no enc');
if (channel.cataid === '100000002' && channel.content && channel.content.course) {
const courseData = channel.content.course.data;
if (courseData && Array.isArray(courseData)) {
courseData.forEach(course => {
// 调试：查看课程对象的 keys
console.log('[课程进度] 课程 keys:', Object.keys(course));
console.log('[课程进度] 课程 enc:', course.enc || '无');
console.log('[课程进度] 课程 courseSquareUrl:', course.courseSquareUrl || '无');
courses.push({
courseId: course.id,
clazzId: channel.key,
cpi: channel.cpi,
courseName: course.name,
teacherName: course.teacherfactor || '',
// 尝试从 channel.content 中获取 enc 字段
enc: channel.content.enc || course.enc || '',
pEnc: channel.content.pEnc || course.pEnc || ''
});
});
}
}
});
}
console.log('[课程进度] 解析到课程:', courses.length, '个');
// 从页面 DOM 中提取 enc 参数
setTimeout(() => {
extractEncFromDOM(courses);
}, 100);
resolve(courses);
} catch (e) {
console.error('[课程进度] 解析课程列表失败:', e);
resolve([]);
}
},
onerror: (err) => {
console.error('[课程进度] 请求课程列表失败:', err);
resolve([]);
}
});
} else {
resolve([]);
}
});
};
// 从学习任务页面HTML中提取AI实践和分组任务数据
const extractTaskDataFromHTML = (html, courseName) => {
const result = {
aiPractice: '--',
groupTask: '--',
chapterQuiz: '--',
onlineExam: '--',
courseWork: '--',
interactiveQuiz: '--'
};
try {
// 提取章节测验
const testNumMatch = html.match(/id="testNum"[^>]*>(\d+)]*>(\d+)]*>(\d+)]*>(\d+)]*>(\d+)]*>(\d+)]*>(\d+)]*>(\d+)]*>(\d+)]*>(\d+)(\d+)\/(\d+)<\/span>/);
if (examMatch) {
result.onlineExam = `${examMatch[1]}/${examMatch[2]}`;
}
console.log('[API学习记录]', courseName, '从学习任务页面提取的数据:', result);
} catch (e) {
console.error('[API学习记录]', courseName, '提取学习任务数据失败:', e);
}
return result;
};
// 获取课程进度 - 从学习记录页面抓取任务点和排名等信息
const getCourseProgress = async (course) => {
const courseEntryUrl = `https://mooc1.chaoxing.com/visit/stucoursemiddle?ismooc2=1&courseid=${course.courseId}&clazzid=${course.clazzId}&pageHeader=6`;
// 尝试从 localStorage 获取 enc 参数
let enc = course.enc;
if (!enc) {
try {
const encMap = JSON.parse(localStorage.getItem('chaoxing_course_enc') || '{}');
enc = encMap[course.clazzId] || '';
console.log('[API学习记录]', course.courseName, '从localStorage获取enc:', enc || '无');
} catch (e) {
console.error('[API学习记录] 读取localStorage失败:', e);
}
}
// 尝试从 localStorage 获取 pEnc 参数
let pEnc = course.pEnc;
if (!pEnc) {
try {
const pEncMap = JSON.parse(localStorage.getItem('chaoxing_course_pEnc') || '{}');
pEnc = (pEncMap[course.clazzId] || '').replace(/^["']|["']$/g, ''); // 去除可能的引号
console.log('[API学习记录]', course.courseName, '从localStorage获取pEnc:', pEnc || '无');
} catch (e) {
console.error('[API学习记录] 读取pEnc失败:', e);
}
}
console.log('[API学习记录]', course.courseName, '开始获取学习数据');
console.log('[API学习记录]', course.courseName, '课程信息:', {
courseId: course.courseId,
clazzId: course.clazzId,
cpi: course.cpi,
enc: enc,
pEnc: pEnc
});
return new Promise((resolve) => {
if (typeof GM_xmlhttpRequest === 'undefined') {
resolve({
...course,
totalTasks: 0,
completedTasks: 0,
completionRate: '点击查看',
unfinishedTasks: [],
unfinishedCount: 0,
studyDataUrl: courseEntryUrl,
isComplete: false,
shouldFilter: false,
courseScore: '--',
chapterQuiz: '--',
ranking: '--',
aiPractice: '--',
groupTask: '--'
});
return;
}
// 使用已获取的 pEnc
if (!pEnc) {
pEnc = course.enc || 'stuenc_' + course.clazzId;
}
console.log('[API学习记录]', course.courseName, '使用的 pEnc:', pEnc);
const baseParams = `clazzid=${course.clazzId}&courseid=${course.courseId}&cpi=${course.cpi}&ut=s&pEnc=${pEnc}`;
const jobUrl = `https://stat2-ans.chaoxing.com/stat2/study-data/job?${baseParams}`;
const pointUrl = 'https://stat2-ans.chaoxing.com/stat2/study-data/point';
const studyDataIndexUrl = `https://stat2-ans.chaoxing.com/study-data/index?courseid=${course.courseId}&clazzid=${course.clazzId}&cpi=${course.cpi}&ut=s`;
console.log('[API学习记录]', course.courseName, 'job API URL:', jobUrl);
console.log('[API学习记录]', course.courseName, 'baseParams:', baseParams);
console.log('[API学习记录]', course.courseName, 'studyDataIndexUrl:', studyDataIndexUrl);
let completedTasks = 0;
let totalTasks = 0;
let completionRate = '点击查看';
let shouldFilter = false;
let courseScore = '--';
let chapterQuiz = '--';
let ranking = '--';
let aiPractice = '--';
let groupTask = '--';
const finishResolve = () => {
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,
aiPractice,
groupTask
});
};
let successCount = 0;
const checkAllDone = () => {
successCount++;
if (successCount >= 5) {
console.log('[API学习记录]', course.courseName,
'任务点:', `${completedTasks}/${totalTasks}`,
'排名:', ranking,
'积分:', courseScore,
'章节测验:', chapterQuiz,
'AI实践:', aiPractice,
'分组任务:', groupTask);
finishResolve();
}
};
const handleError = (errorMsg) => {
console.error('[API学习记录]', course.courseName, errorMsg);
resolve({
...course,
totalTasks: 0,
completedTasks: 0,
completionRate: '点击查看',
unfinishedTasks: [],
unfinishedCount: 0,
studyDataUrl: courseEntryUrl,
isComplete: false,
shouldFilter: false,
courseScore: '--',
chapterQuiz: '--',
ranking: '--',
aiPractice: '--',
groupTask: '--'
});
};
GM_xmlhttpRequest({
method: 'GET',
url: jobUrl,
timeout: 10000,
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Referer': `https://stat2-ans.chaoxing.com/study-data/index?courseid=${course.courseId}&clazzid=${course.clazzId}&cpi=${course.cpi}&ut=s`
},
onload: (response) => {
console.log('[API学习记录]', course.courseName, 'job API响应状态:', response.status);
console.log('[API学习记录]', course.courseName, 'job API响应内容前200字符:', response.responseText.substring(0, 200));
try {
const data = JSON.parse(response.responseText);
if (data.status && data.data) {
const jobData = data.data;
ranking = jobData.jobRank ? `第${jobData.jobRank}名` : '--';
chapterQuiz = jobData.job ? `${jobData.job}/${jobData.publishJobNum || jobData.job}` : '--';
totalTasks = jobData.publishJobNum || jobData.job || 0;
completedTasks = jobData.job || 0;
completionRate = jobData.jobPer ? `${jobData.jobPer}%` : '0%';
// AI实践
const aiEvaluateReachCount = jobData.aiEvaluateReachCount !== undefined ? jobData.aiEvaluateReachCount : '--';
const publishLibraryNum = jobData.publishLibraryNum !== undefined ? jobData.publishLibraryNum : '--';
aiPractice = (aiEvaluateReachCount !== '--' && publishLibraryNum !== '--')
? `${aiEvaluateReachCount}/${publishLibraryNum}`
: '--';
// 分组任务
const taskNum = jobData.taskNum !== undefined ? jobData.taskNum : '--';
const publishTaskNum = jobData.publishTaskNum !== undefined ? jobData.publishTaskNum : '--';
groupTask = (taskNum !== '--' && publishTaskNum !== '--')
? `${taskNum}/${publishTaskNum}`
: '--';
console.log('[API学习记录]', course.courseName,
'排名:', ranking,
'章节测验:', chapterQuiz,
'AI实践:', aiPractice,
'分组任务:', groupTask,
'jobData:', JSON.stringify(jobData).substring(0, 500));
} else {
console.log('[API学习记录]', course.courseName, 'job API返回数据无效:', data);
}
} catch (e) {
console.error('[API学习记录]', course.courseName, 'job API解析失败:', e);
}
checkAllDone();
},
onerror: () => {
console.error('[API学习记录]', course.courseName, 'job API请求失败');
checkAllDone();
},
ontimeout: () => {
console.error('[API学习记录]', course.courseName, 'job API请求超时');
checkAllDone();
}
});
GM_xmlhttpRequest({
method: 'POST',
url: pointUrl,
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
'X-Requested-With': 'XMLHttpRequest',
'Referer': `https://stat2-ans.chaoxing.com/study-data/index?courseid=${course.courseId}&clazzid=${course.clazzId}&cpi=${course.cpi}&ut=s`
},
data: baseParams,
timeout: 10000,
onload: (response) => {
console.log('[API学习记录]', course.courseName, 'point API响应状态:', response.status);
console.log('[API学习记录]', course.courseName, 'point API响应内容:', response.responseText);
try {
const data = JSON.parse(response.responseText);
console.log('[API学习记录]', course.courseName, 'point API响应数据:', data);
if (data.ponits !== undefined) {
courseScore = `${data.ponits}分`;
console.log('[API学习记录]', course.courseName, '积分:', courseScore);
} else {
console.log('[API学习记录]', course.courseName, 'point API无有效数据');
}
} catch (e) {
console.error('[API学习记录]', course.courseName, 'point API解析失败:', e);
}
checkAllDone();
},
onerror: () => {
console.error('[API学习记录]', course.courseName, 'point API请求失败');
checkAllDone();
},
ontimeout: () => {
console.error('[API学习记录]', course.courseName, 'point API请求超时');
checkAllDone();
}
});
// AI实践API
const aiEvaluateUrl = `https://stat2-ans.chaoxing.com/stat2/study-data/ai-evaluate-stat?${baseParams}`;
console.log('[API学习记录]', course.courseName, '请求AI实践API:', aiEvaluateUrl);
GM_xmlhttpRequest({
method: 'GET',
url: aiEvaluateUrl,
timeout: 10000,
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Referer': `https://stat2-ans.chaoxing.com/study-data/index?courseid=${course.courseId}&clazzid=${course.clazzId}&cpi=${course.cpi}&ut=s`
},
onload: (response) => {
console.log('[API学习记录]', course.courseName, 'AI实践API响应状态:', response.status);
try {
const data = JSON.parse(response.responseText);
if (data.status && data.data) {
const aiData = data.data;
const aiEvaluateReachCount = aiData.aiEvaluateReachCount !== undefined ? aiData.aiEvaluateReachCount : '--';
const publishLibraryNum = aiData.publishLibraryNum !== undefined ? aiData.publishLibraryNum : '--';
aiPractice = (aiEvaluateReachCount !== '--' && publishLibraryNum !== '--')
? `${aiEvaluateReachCount}/${publishLibraryNum}`
: '--';
console.log('[API学习记录]', course.courseName, 'AI实践数据:', aiPractice);
} else {
console.log('[API学习记录]', course.courseName, 'AI实践API返回数据无效:', data);
}
} catch (e) {
console.error('[API学习记录]', course.courseName, 'AI实践API解析失败:', e);
}
checkAllDone();
},
onerror: (err) => {
console.error('[API学习记录]', course.courseName, 'AI实践API请求失败:', err);
checkAllDone();
},
ontimeout: () => {
console.error('[API学习记录]', course.courseName, 'AI实践API请求超时');
checkAllDone();
}
});
// 分组任务API
const groupTaskUrl = `https://stat2-ans.chaoxing.com/stat2/study-data/groupTask?${baseParams}`;
console.log('[API学习记录]', course.courseName, '请求分组任务API:', groupTaskUrl);
GM_xmlhttpRequest({
method: 'GET',
url: groupTaskUrl,
timeout: 10000,
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Referer': `https://stat2-ans.chaoxing.com/study-data/index?courseid=${course.courseId}&clazzid=${course.clazzId}&cpi=${course.cpi}&ut=s`
},
onload: (response) => {
console.log('[API学习记录]', course.courseName, '分组任务API响应状态:', response.status);
try {
const data = JSON.parse(response.responseText);
if (data.status && data.data) {
const taskData = data.data;
const taskNum = taskData.taskNum !== undefined ? taskData.taskNum : '--';
const publishTaskNum = taskData.publishTaskNum !== undefined ? taskData.publishTaskNum : '--';
groupTask = (taskNum !== '--' && publishTaskNum !== '--')
? `${taskNum}/${publishTaskNum}`
: '--';
console.log('[API学习记录]', course.courseName, '分组任务数据:', groupTask);
} else {
console.log('[API学习记录]', course.courseName, '分组任务API返回数据无效:', data);
}
} catch (e) {
console.error('[API学习记录]', course.courseName, '分组任务API解析失败:', e);
}
checkAllDone();
},
onerror: (err) => {
console.error('[API学习记录]', course.courseName, '分组任务API请求失败:', err);
checkAllDone();
},
ontimeout: () => {
console.error('[API学习记录]', course.courseName, '分组任务API请求超时');
checkAllDone();
}
});
// 请求学习任务页面，获取AI实践和分组任务数据
const taskPageUrl = `https://mooc1.chaoxing.com/visit/stucoursemiddle?ismooc2=1&courseid=${course.courseId}&clazzid=${course.clazzId}&pageHeader=6`;
console.log('[API学习记录]', course.courseName, '请求学习任务页面:', taskPageUrl);
GM_xmlhttpRequest({
method: 'GET',
url: taskPageUrl,
timeout: 15000,
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Referer': 'https://mooc1.chaoxing.com/'
},
onload: (response) => {
console.log('[API学习记录]', course.courseName, '学习任务页面响应状态:', response.status);
try {
const html = response.responseText;
const taskData = extractTaskDataFromHTML(html, course.courseName);
// 如果从job API没有获取到数据，使用从HTML提取的数据
if (aiPractice === '--' && taskData.aiPractice !== '--') {
aiPractice = taskData.aiPractice;
console.log('[API学习记录]', course.courseName, '使用HTML数据更新AI实践:', aiPractice);
}
if (groupTask === '--' && taskData.groupTask !== '--') {
groupTask = taskData.groupTask;
console.log('[API学习记录]', course.courseName, '使用HTML数据更新分组任务:', groupTask);
}
// 同时更新章节测验数据（如果API没有返回）
if (chapterQuiz === '--' && taskData.chapterQuiz !== '--') {
chapterQuiz = taskData.chapterQuiz;
}
console.log('[API学习记录]', course.courseName, '学习任务页面数据提取完成:', taskData);
} catch (e) {
console.error('[API学习记录]', course.courseName, '解析学习任务页面失败:', e);
}
checkAllDone();
},
onerror: (err) => {
console.error('[API学习记录]', course.courseName, '请求学习任务页面失败:', err);
checkAllDone();
},
ontimeout: () => {
console.error('[API学习记录]', course.courseName, '请求学习任务页面超时');
checkAllDone();
}
});
});
};
// 加载所有课程进度
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 hasData = (item) => {
const scoreValid = item.courseScore && item.courseScore !== '--' && item.courseScore !== '0分' && item.courseScore !== '--分';
const rankingValid = item.ranking && item.ranking !== '--';
const quizValid = item.chapterQuiz && item.chapterQuiz !== '--';
const aiValid = item.aiPractice && item.aiPractice !== '--';
const groupValid = item.groupTask && item.groupTask !== '--';
return scoreValid || rankingValid || quizValid || aiValid || groupValid;
};
const aHasData = hasData(a);
const bHasData = hasData(b);
// 有数据的优先
if (aHasData && !bHasData) return -1;
if (!aHasData && bHasData) return 1;
// 都有数据或都没有数据，按原有逻辑排序
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 ignoredVersion = vue.ref(0); // 递增触发响应式更新
const showIgnoreConfirm = vue.ref(false); // 显示确认弹窗
const ignoreConfirmItems = vue.ref([]); // 待确认忽略的项
const ignoreConfirmSection = vue.ref('unknown'); // 待确认忽略的板块类型
const selectMode = vue.ref(false); // 多选模式
const selectedForIgnore = vue.ref(new Set()); // 多选忽略的 key 集合
const selectedItemsMap = vue.ref(new Map()); // key -> item 映射
const showIgnoredPanel = vue.ref(false); // 显示已忽略面板
const selectedForRestore = vue.ref(new Set()); // 多选恢复的 key 集合
// 执行忽略（弹出确认）- 需要传入 sectionType
const requestIgnore = (items, sectionType) => {
ignoreConfirmItems.value = Array.isArray(items) ? items : [items];
ignoreConfirmSection.value = sectionType || 'unknown';
showIgnoreConfirm.value = true;
};
// 确认忽略
const confirmIgnore = () => {
ignoreItems(ignoreConfirmItems.value, ignoreConfirmSection.value);
ignoredVersion.value++;
showIgnoreConfirm.value = false;
ignoreConfirmItems.value = [];
ignoreConfirmSection.value = 'unknown';
// 退出多选模式
selectMode.value = false;
selectedForIgnore.value = new Set();
selectedItemsMap.value = new Map();
};
// 取消忽略
const cancelIgnore = () => {
showIgnoreConfirm.value = false;
ignoreConfirmItems.value = [];
ignoreConfirmSection.value = 'unknown';
};
// 切换多选
const toggleSelectMode = () => {
selectMode.value = !selectMode.value;
if (!selectMode.value) {
selectedForIgnore.value = new Set();
selectedItemsMap.value = new Map();
}
};
// 多选操作（传入 sectionType 使 key 包含板块前缀）
const toggleSelectItem = (item, sectionType) => {
const key = getItemKey(item, sectionType);
const newSet = new Set(selectedForIgnore.value);
const newMap = new Map(selectedItemsMap.value);
if (newSet.has(key)) {
newSet.delete(key);
newMap.delete(key);
} else {
newSet.add(key);
newMap.set(key, item);
}
selectedForIgnore.value = newSet;
selectedItemsMap.value = newMap;
};
// 批量忽略所选
const batchIgnoreSelected = () => {
const items = Array.from(selectedItemsMap.value.values());
if (items.length > 0) {
requestIgnore(items, ignoreConfirmSection.value || currentView.value);
}
};
// 恢复忽略（多选）
const toggleRestoreItem = (key) => {
const newSet = new Set(selectedForRestore.value);
if (newSet.has(key)) {
newSet.delete(key);
} else {
newSet.add(key);
}
selectedForRestore.value = newSet;
};
const batchRestore = () => {
unignoreByKeys(Array.from(selectedForRestore.value));
selectedForRestore.value = new Set();
ignoredVersion.value++;
};
const restoreSingle = (key) => {
unignoreByKey(key);
ignoredVersion.value++;
};
// 过滤已忽略项的计算属性（传入对应板块的 sectionType）
const filteredTodoItems = vue.computed(() => {
ignoredVersion.value; // 触发依赖
return todoItems.value.filter(item => !isItemIgnored(item, 'todo'));
});
const filteredHomeworkItems = vue.computed(() => {
ignoredVersion.value;
return homeworkItems.value.filter(item => !isItemIgnored(item, 'homework'));
});
const filteredExamItems = vue.computed(() => {
ignoredVersion.value;
return examItems.value.filter(item => !isItemIgnored(item, 'exam'));
});
const filteredActivitiesItems = vue.computed(() => {
ignoredVersion.value;
return activitiesItems.value.filter(item => !isItemIgnored(item, 'activities'));
});
const filteredCourseProgressItems = vue.computed(() => {
ignoredVersion.value;
return courseProgressItems.value.filter(item => !isItemIgnored(item, 'progress'));
});
// 各板块已忽略数量
const getSectionIgnoredCount = (sectionType) => {
ignoredVersion.value;
return getIgnoredItemsBySection(sectionType).length;
};
// 课程进度板块的已忽略面板状态
const showProgressIgnoredPanel = vue.ref(false);
const progressIgnoredForRestore = vue.ref(new Set());
// 悬浮窗活动数据缓存
const courseActivitiesCache = vue.ref({}); // { courseId_clazzId: { activities: [], loading: boolean, fetched: boolean } }
const hoveredCourseKey = vue.ref(null); // 当前悬停的课程标识
const getCourseActivitiesKey = (course) => `${course.courseId}_${course.clazzId}`;
const fetchCourseActivitiesOnHover = async (course) => {
const cacheKey = getCourseActivitiesKey(course);
// 如果已经获取过，直接返回缓存数据
if (courseActivitiesCache.value[cacheKey]?.fetched) {
return courseActivitiesCache.value[cacheKey].activities;
}
// 如果正在加载，返回空
if (courseActivitiesCache.value[cacheKey]?.loading) {
return [];
}
// 设置加载状态
courseActivitiesCache.value = {
...courseActivitiesCache.value,
[cacheKey]: { activities: [], loading: true, fetched: false }
};
try {
const activities = await fetchCourseActivities(course);
// 过滤出有用的活动类型（作业、测验、考试等）
const filteredActivities = activities.filter(act => {
const type = act.type;
return type && !['签到', '投票', '直播', '笔记', '拍照'].includes(type);
});
// 更新缓存
courseActivitiesCache.value = {
...courseActivitiesCache.value,
[cacheKey]: { activities: filteredActivities, loading: false, fetched: true }
};
return filteredActivities;
} catch (error) {
console.error('[悬浮窗] 获取课程活动失败:', error);
courseActivitiesCache.value = {
...courseActivitiesCache.value,
[cacheKey]: { activities: [], loading: false, fetched: true }
};
return [];
}
};
const handleProgressItemHover = async (event, course) => {
const cacheKey = getCourseActivitiesKey(course);
hoveredCourseKey.value = cacheKey;
// 预加载活动数据
await fetchCourseActivitiesOnHover(course);
};
const handleProgressItemLeave = () => {
hoveredCourseKey.value = null;
};
const toggleProgressRestoreItem = (key) => {
const newSet = new Set(progressIgnoredForRestore.value);
if (newSet.has(key)) newSet.delete(key);
else newSet.add(key);
progressIgnoredForRestore.value = newSet;
};
const batchProgressRestore = () => {
unignoreByKeys(Array.from(progressIgnoredForRestore.value));
progressIgnoredForRestore.value = new Set();
ignoredVersion.value++;
};
// 排序选项
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];
// 课程进度特殊排序
if (type === 'progress') {
// 判断课程是否有数据
const hasData = (item) => {
const scoreValid = item.courseScore && item.courseScore !== '--' && item.courseScore !== '0分' && item.courseScore !== '--分';
const rankingValid = item.ranking && item.ranking !== '--';
const quizValid = item.chapterQuiz && item.chapterQuiz !== '--';
const aiValid = item.aiPractice && item.aiPractice !== '--';
const groupValid = item.groupTask && item.groupTask !== '--';
return scoreValid || rankingValid || quizValid || aiValid || groupValid;
};
switch (sortType) {
case 'urgent':
case 'status':
// 有数据的优先，然后按完成率升序
return arr.sort((a, b) => {
const aHasData = hasData(a);
const bHasData = hasData(b);
// 有数据的排前面
if (aHasData && !bHasData) return -1;
if (!aHasData && bHasData) return 1;
// 都有数据，按完成率升序
const rateA = parseInt(a.completionRate) || 0;
const rateB = parseInt(b.completionRate) || 0;
if (rateA >= 100 && rateB < 100) return 1;
if (rateA < 100 && rateB >= 100) return -1;
return rateA - rateB;
});
case 'time-asc':
// 有数据优先，然后按完成率升序
return arr.sort((a, b) => {
const aHasData = hasData(a);
const bHasData = hasData(b);
if (aHasData && !bHasData) return -1;
if (!aHasData && bHasData) return 1;
return (parseInt(a.completionRate) || 0) - (parseInt(b.completionRate) || 0);
});
case 'time-desc':
// 有数据优先，然后按完成率降序
return arr.sort((a, b) => {
const aHasData = hasData(a);
const bHasData = hasData(b);
if (aHasData && !bHasData) return -1;
if (!aHasData && bHasData) return 1;
return (parseInt(b.completionRate) || 0) - (parseInt(a.completionRate) || 0);
});
case 'name':
// 有数据优先，然后按名称排序
return arr.sort((a, b) => {
const aHasData = hasData(a);
const bHasData = hasData(b);
if (aHasData && !bHasData) return -1;
if (!aHasData && bHasData) return 1;
return (a.courseName || '').localeCompare(b.courseName || '');
});
default:
return arr;
}
}
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-progress-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 16px;
padding: 20px;
max-height: calc(100vh - 200px);
overflow-y: auto;
}
.detail-progress-item {
background: #fff;
border-radius: 12px;
padding: 16px;
border: 1px solid #e8e8e8;
transition: all 0.2s;
cursor: pointer;
position: relative;
}
.detail-progress-item:hover {
border-color: #722ed1;
box-shadow: 0 4px 12px rgba(114, 46, 209, 0.15);
transform: translateY(-2px);
z-index: 99999;
}
/* 查看全部页面中悬浮窗显示在下方 */
.detail-progress-item .progress-tooltip {
left: 50% !important;
right: auto !important;
top: calc(100% + 8px);
transform: translateX(-50%);
width: 320px;
max-height: 450px;
z-index: 100000 !important;
}
.detail-progress-item .progress-tooltip::before {
left: 50% !important;
right: auto !important;
top: -8px;
bottom: auto;
border: 8px solid transparent;
border-bottom-color: #fff;
border-right-color: transparent;
border-left-color: transparent;
}
.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;
overflow: hidden;
}
.progress-items-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 16px;
align-items: stretch;
grid-auto-rows: 1fr;
overflow: hidden;
}
.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;
min-width: 0;
overflow: visible;
}
.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: 280px;
max-width: calc(100vw - 32px);
max-height: 500px;
overflow-y: auto;
padding: 14px;
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
z-index: 10000 !important;
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,
.detail-progress-item:nth-child(even) .progress-tooltip {
left: auto;
right: calc(100% + 12px);
}
.progress-item:nth-child(even) .progress-tooltip::before,
.detail-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,
.detail-progress-item:hover .progress-tooltip {
display: block;
}
/* 增强版悬浮窗样式 - 活动列表区域 */
.tooltip-activities-section {
margin-top: 12px;
padding-top: 10px;
border-top: 2px solid #f0f0f0;
}
.tooltip-activities-title {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 6px;
}
.tooltip-loading {
text-align: center;
padding: 15px;
color: #999;
font-size: 12px;
}
.tooltip-no-activities {
text-align: center;
padding: 10px;
color: #bbb;
font-size: 12px;
}
.tooltip-activity-group {
margin-bottom: 10px;
}
.tooltip-activity-group:last-child {
margin-bottom: 0;
}
.activity-group-title {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: #555;
margin-bottom: 6px;
}
.activity-icon {
font-size: 14px;
}
.activity-count {
color: #999;
font-weight: normal;
}
.activity-list {
display: flex;
flex-direction: column;
gap: 4px;
padding-left: 20px;
}
.activity-item {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 11px;
padding: 4px 6px;
background: #fafafa;
border-radius: 4px;
border-left: 2px solid #e8e8e8;
}
.activity-item.ongoing {
background: #e6f7ff;
border-left-color: #1890ff;
}
.activity-item.finished {
background: #f6ffed;
border-left-color: #52c41a;
}
.activity-name {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333;
}
.activity-status {
margin-left: 8px;
padding: 2px 6px;
border-radius: 3px;
font-size: 10px;
white-space: nowrap;
flex-shrink: 0;
}
.activity-status.status-ongoing {
background: #1890ff;
color: #fff;
}
.activity-status.status-finished {
background: #52c41a;
color: #fff;
}
.activity-status.status-pending {
background: #d9d9d9;
color: #666;
}
@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% !important;
right: auto !important;
top: calc(100% + 8px);
transform: translateX(-50%);
width: min(320px, calc(100vw - 32px));
max-height: 400px;
}
.progress-tooltip::before {
left: 50% !important;
top: -8px;
right: auto !important;
transform: translateX(-50%);
border-right-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: #fff;
}
.progress-item:nth-child(even) .progress-tooltip {
left: 50% !important;
right: auto !important;
}
.progress-item:nth-child(even) .progress-tooltip::before {
left: 50% !important;
right: auto !important;
border-left-color: transparent !important;
}
}
.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;
overflow: hidden;
}
.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;
}
/* 进度卡片右侧信息栏 */
.progress-item-info {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-start;
gap: 2px;
min-width: 80px;
flex-shrink: 0;
}
.progress-item-info .progress-rate {
margin-bottom: 0;
line-height: 1.2;
}
.progress-item-info .progress-tasks-count {
margin-top: 0;
line-height: 1.2;
}
.progress-item-info .ignore-btn {
margin-top: 4px;
margin-right: -4px;
}
.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; }
.progress-card { grid-column: span 1; }
}
/* ===== 忽略功能样式 ===== */
/* 忽略按钮 - 默认隐藏，hover 显示 */
.ignore-btn {
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0.6; /* 默认可见但半透明，减少视觉干扰 */
margin-right: -4px; /* 进一步靠边 */
transition: opacity 0.2s;
padding: 3px 7px;
border: 1px solid #ffadd2;
background: #fff0f6;
color: #eb2f96;
border-radius: 4px;
font-size: 12px;
cursor: pointer;
white-space: nowrap;
flex-shrink: 0;
margin-left: 6px;
}
.list-item:hover .ignore-btn,
.detail-list-item:hover .ignore-btn { opacity: 1; }
.progress-item .ignore-btn { opacity: 0.6; }
.progress-item:hover .ignore-btn { opacity: 1; }
.ignore-btn:hover {
background: #ffadd2;
color: #9e1068;
}
/* 多选模式 */
.select-checkbox {
width: 16px;
height: 16px;
border: 1.5px solid #d9d9d9;
border-radius: 3px;
margin-right: 10px;
flex-shrink: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
background: #fff;
}
.select-checkbox.checked {
background: #1890ff;
border-color: #1890ff;
color: #fff;
}
.select-mode-btn {
padding: 3px 8px;
border: 1px solid #d9d9d9;
background: #fff;
border-radius: 4px;
font-size: 12px;
color: #666;
cursor: pointer;
transition: all 0.2s;
}
.select-mode-btn:hover, .select-mode-btn.active {
border-color: #eb2f96;
color: #eb2f96;
}
/* 批量操作栏 */
.batch-bar {
position: sticky;
bottom: 0;
background: #fff9f0;
border-top: 1px solid #ffd591;
padding: 10px 16px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
color: #d46b08;
z-index: 100;
}
.batch-ignore-btn {
padding: 5px 14px;
background: #eb2f96;
color: #fff;
border: none;
border-radius: 4px;
font-size: 13px;
cursor: pointer;
transition: background 0.2s;
}
.batch-ignore-btn:hover { background: #c41d7f; }
.batch-ignore-btn:disabled {
background: #faade9;
cursor: not-allowed;
}
.batch-restore-btn {
padding: 5px 14px;
background: #1890ff;
color: #fff;
border: none;
border-radius: 4px;
font-size: 13px;
cursor: pointer;
}
.batch-restore-btn:disabled { background: #91d5ff; cursor: not-allowed; }
/* 确认弹窗 */
.confirm-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.45);
z-index: 9000;
display: flex;
align-items: center;
justify-content: center;
}
.confirm-dialog {
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 32px rgba(0,0,0,0.18);
padding: 24px;
width: 380px;
max-width: calc(100vw - 32px);
}
.confirm-title {
font-size: 16px;
font-weight: 600;
color: #262626;
margin-bottom: 12px;
}
.confirm-list {
max-height: 160px;
overflow-y: auto;
margin-bottom: 12px;
background: #fafafa;
border-radius: 6px;
padding: 8px 12px;
}
.confirm-list-item {
font-size: 13px;
color: #595959;
padding: 4px 0;
border-bottom: 1px dashed #f0f0f0;
}
.confirm-list-item:last-child { border-bottom: none; }
.confirm-hint {
font-size: 12px;
color: #8c8c8c;
margin-bottom: 16px;
line-height: 1.6;
}
.confirm-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
}
.confirm-cancel-btn {
padding: 7px 16px;
border: 1px solid #d9d9d9;
background: #fff;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
color: #595959;
}
.confirm-ok-btn {
padding: 7px 16px;
background: #eb2f96;
color: #fff;
border: none;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
}
.confirm-ok-btn:hover { background: #c41d7f; }
/* 已忽略面板 */
.ignored-panel-btn {
padding: 4px 10px;
border: 1px solid #d9d9d9;
background: #fff;
border-radius: 4px;
font-size: 12px;
color: #666;
cursor: pointer;
transition: all 0.2s;
}
.ignored-panel-btn:hover {
border-color: #1890ff;
color: #1890ff;
}
.restore-single-btn {
padding: 3px 8px;
border: 1px solid #91d5ff;
background: #e6f7ff;
color: #1890ff;
border-radius: 4px;
font-size: 12px;
cursor: pointer;
white-space: nowrap;
flex-shrink: 0;
margin-left: 6px;
}
.restore-single-btn:hover {
background: #1890ff;
color: #fff;
}
.ignored-date {
font-size: 11px;
color: #bbb;
}
`;
// 注入样式
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 '课程任务';
case 'progress': return '课程进度';
default: return '';
}
};
// 获取视图数据（已过滤忽略项）
const getViewItems = (type) => {
switch (type) {
case 'todo': return filteredTodoItems.value;
case 'homework': return filteredHomeworkItems.value;
case 'exam': return filteredExamItems.value;
case 'activities': return filteredActivitiesItems.value;
case 'progress': return filteredCourseProgressItems.value;
default: return [];
}
};
// 获取视图原始数据（未过滤，用于统计）
const getRawViewItems = (type) => {
switch (type) {
case 'todo': return todoItems.value;
case 'homework': return homeworkItems.value;
case 'exam': return examItems.value;
case 'activities': return activitiesItems.value;
case 'progress': return courseProgressItems.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;
case 'progress': return loadingProgress.value;
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);
case 'progress': return item.studyDataUrl || '#';
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 ? '已完成' : '进行中');
case 'progress':
return item.isComplete ? '已完成' : (parseInt(item.completionRate) >= 100 ? '已完成' : '进行中');
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');
case 'progress':
return item.isComplete || parseInt(item.completionRate) >= 100 ? 'status-done' : 'status-normal';
default: return 'status-normal';
}
};
// 渲染详情页视图
const renderDetailView = (type) => {
const viewItems = getViewItems(type);
const sortedItems = sortItems(viewItems, type, currentSort.value);
const isLoading = getViewLoading(type);
const title = getViewTitle(type);
const dotColors = { todo: '#1890ff', homework: '#faad14', exam: '#f5222d', activities: '#52c41a', progress: '#722ed1' };
// 使用 getIgnoredItemsBySection 精确按板块过滤
const allIgnored = getIgnoredItemsBySection(type);
const ignoredCountNow = allIgnored.length;
// 渲染已忽略面板内容
if (showIgnoredPanel.value) {
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: () => { showIgnoredPanel.value = false; selectedForRestore.value = new Set(); }
}, ["← 返回列表"]),
vue.createVNode("div", { class: "detail-title" }, [
"🚫 已忽略内容",
vue.createVNode("span", { class: "detail-count" }, `共 ${allIgnored.length} 项`)
])
]),
selectedForRestore.value.size > 0
? vue.createVNode("button", {
class: "batch-restore-btn",
onClick: batchRestore
}, `恢复所选(${selectedForRestore.value.size})`)
: null
]),
vue.createVNode("div", { class: "detail-body" }, [
allIgnored.length === 0
? vue.createVNode("div", { class: "empty-state" }, "暂无已忽略内容")
: allIgnored.map(ig => {
const isChecked = selectedForRestore.value.has(ig._key);
return vue.createVNode("div", {
class: "detail-list-item",
style: isChecked ? "background:#e6f7ff;" : ""
}, [
vue.createVNode("div", {
class: `select-checkbox ${isChecked ? 'checked' : ''}`,
onClick: (e) => { e.stopPropagation(); toggleRestoreItem(ig._key); }
}, isChecked ? "✓" : ""),
vue.createVNode("div", { class: "detail-item-main" }, [
vue.createVNode("div", { class: "detail-item-title" }, ig.title),
vue.createVNode("div", { class: "detail-item-meta" }, [
ig.course ? vue.createVNode("span", {}, ig.course) : null,
ig.type ? vue.createVNode("span", { class: "course-tag", style: "margin-left:6px;" }, ig.type) : null,
vue.createVNode("span", { class: "ignored-date", style: "margin-left:8px;" },
`忽略于：${new Date(ig.ignoredAt).toLocaleDateString()}`)
])
]),
vue.createVNode("button", {
class: "restore-single-btn",
onClick: (e) => { e.stopPropagation(); restoreSingle(ig._key); }
}, "撤销忽略")
]);
})
])
]);
}
// 渲染正常详情页
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" }, `共 ${viewItems.length} 项`)
])
]),
vue.createVNode("div", { style: "display:flex;gap:8px;align-items:center;" }, [
// 已忽略按钮
vue.createVNode("button", {
class: "ignored-panel-btn",
onClick: () => { showIgnoredPanel.value = true; selectedForRestore.value = new Set(); }
}, `🚫 已忽略(${ignoredCountNow})`),
// 多选按钮
vue.createVNode("button", {
class: `select-mode-btn ${selectMode.value ? 'active' : ''}`,
onClick: toggleSelectMode
}, selectMode.value ? "✕ 退出多选" : "多选"),
// 在原始页面打开
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;" },
type === 'progress'
? `已完成: ${viewItems.filter(i => parseInt(i.completionRate) >= 100).length} / ${viewItems.length} 门课程`
: `未完成: ${viewItems.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" }, "暂无数据")
: type === 'progress'
// 课程进度特殊渲染 - 全屏卡片布局，保持原有样式
? vue.createVNode("div", { class: "detail-progress-grid" }, [
sortedItems.map(item => {
const rate = parseInt(item.completionRate) || 0;
const rateClass = rate >= 100 ? 'complete' : (rate >= 60 ? 'warning' : (rate >= 30 ? 'normal' : 'danger'));
const cacheKey = `${item.courseId}_${item.clazzId}`;
const cachedData = courseActivitiesCache.value[cacheKey];
const activitiesLoading = cachedData?.loading || false;
const activities = cachedData?.activities || [];
// 分类活动
const quizActivities = activities.filter(a => a.type?.includes('测验') || a.type?.includes('练习'));
const workActivities = activities.filter(a => a.type?.includes('作业'));
const examActivities = activities.filter(a => a.type?.includes('考试'));
const interactiveActivities = activities.filter(a => a.type?.includes('讨论') || a.type?.includes('抢答') || a.type?.includes('评分'));
return vue.createVNode("div", {
class: "detail-progress-item",
onMouseenter: (e) => handleProgressItemHover(e, item),
onMouseleave: () => handleProgressItemLeave(),
onClick: () => {
if (item.studyDataUrl) {
window.open(item.studyDataUrl, '_blank');
}
}
}, [
vue.createVNode("div", { class: "progress-item-main" }, [
vue.createVNode("div", { class: "progress-item-title" }, item.courseName),
vue.createVNode("div", { class: "progress-bar" }, [
vue.createVNode("div", {
class: `progress-bar-fill ${rateClass}`,
style: `width: ${Math.min(rate, 100)}%;`
})
])
]),
vue.createVNode("div", { class: "progress-item-info" }, [
vue.createVNode("span", { class: `progress-rate ${rateClass}` }, item.completionRate),
vue.createVNode("div", { class: "progress-tasks-count" },
`${item.completedTasks}/${item.totalTasks} 任务点`
),
!selectMode.value ? vue.createVNode("button", {
class: "ignore-btn",
onClick: (e) => { e.stopPropagation(); requestIgnore(item, 'progress'); }
}, "🚫") : null
]),
// 悬浮窗
vue.createVNode("div", { class: "progress-tooltip" }, [
vue.createVNode("div", { class: "tooltip-title" }, item.courseName),
vue.createVNode("div", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "完成进度"),
vue.createVNode("span", { class: `value ${rate >= 100 ? 'success' : (rate >= 60 ? 'warning' : 'highlight')}` }, item.completionRate)
]),
vue.createVNode("div", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "课程积分"),
vue.createVNode("span", { class: "value" }, item.courseScore || "点击查看")
]),
vue.createVNode("div", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "章节测验"),
vue.createVNode("span", { class: "value" }, item.chapterQuiz || "点击查看")
]),
vue.createVNode("div", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "当前排名"),
vue.createVNode("span", { class: "value highlight" }, item.ranking || "点击查看")
]),
vue.createVNode("div", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "AI实践"),
vue.createVNode("span", { class: "value" }, item.aiPractice || "点击查看")
]),
vue.createVNode("div", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "分组任务"),
vue.createVNode("span", { class: "value" }, item.groupTask || "点击查看")
]),
// 活动列表
vue.createVNode("div", { class: "tooltip-activities-section" }, [
vue.createVNode("div", { class: "tooltip-activities-title" }, "📚 学习活动"),
activitiesLoading
? vue.createVNode("div", { class: "tooltip-loading" }, "加载中...")
: activities.length === 0
? vue.createVNode("div", { class: "tooltip-no-activities" }, "暂无学习活动")
: [
workActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "📝"),
vue.createVNode("span", null, "课程作业"),
vue.createVNode("span", { class: "activity-count" }, `(${workActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
workActivities.slice(0, 5).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null,
examActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "📋"),
vue.createVNode("span", null, "在线考试"),
vue.createVNode("span", { class: "activity-count" }, `(${examActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
examActivities.slice(0, 5).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null,
quizActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "📖"),
vue.createVNode("span", null, "章节测验"),
vue.createVNode("span", { class: "activity-count" }, `(${quizActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
quizActivities.slice(0, 5).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null,
interactiveActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "💬"),
vue.createVNode("span", null, "互动测验"),
vue.createVNode("span", { class: "activity-count" }, `(${interactiveActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
interactiveActivities.slice(0, 5).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null
]
])
])
]);
})
])
: sortedItems.map(item => {
const itemKey = getItemKey(item, type);
const isChecked = selectMode.value && selectedForIgnore.value.has(itemKey);
return vue.createVNode("div", {
class: "detail-list-item",
style: isChecked ? "background:#fff1f0;" : ""
}, [
// 多选复选框
selectMode.value ? vue.createVNode("div", {
class: `select-checkbox ${isChecked ? 'checked' : ''}`,
onClick: (e) => { e.stopPropagation(); toggleSelectItem(item, type); }
}, isChecked ? "✓" : "") : null,
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'); }
}, "查看"),
// 忽略按钮（非多选模式下才显示）
!selectMode.value ? vue.createVNode("button", {
class: "ignore-btn",
onClick: (e) => { e.stopPropagation(); requestIgnore(item, type); }
}, "🚫 忽略") : null
])
]);
}),
// 多选批量操作栏
selectMode.value && selectedForIgnore.value.size > 0
? vue.createVNode("div", { class: "batch-bar" }, [
vue.createVNode("span", {}, `已选 ${selectedForIgnore.value.size} 项`),
vue.createVNode("button", {
class: "batch-ignore-btn",
onClick: () => { ignoreConfirmSection.value = type; batchIgnoreSelected(); }
}, `忽略所选(${selectedForIgnore.value.size})`)
]) : null
])
]);
};
// 根据当前视图渲染
// 确认弹窗渲染函数
const renderConfirmDialog = () => {
if (!showIgnoreConfirm.value) return null;
return vue.createVNode("div", { class: "confirm-overlay", onClick: cancelIgnore }, [
vue.createVNode("div", { class: "confirm-dialog", onClick: (e) => e.stopPropagation() }, [
vue.createVNode("div", { class: "confirm-title" }, "⚠️ 确认忽略"),
vue.createVNode("div", { class: "confirm-list" },
ignoreConfirmItems.value.map(it =>
vue.createVNode("div", { class: "confirm-list-item" }, it.title || it.courseName || "未知项目")
)
),
vue.createVNode("div", { class: "confirm-hint" },
"忽略后这些项目将不再显示在列表中，但可在\u300C查看全部 \u2192 已忽略\u300D中找回并撤销。"
),
vue.createVNode("div", { class: "confirm-actions" }, [
vue.createVNode("button", { class: "confirm-cancel-btn", onClick: cancelIgnore }, "取消"),
vue.createVNode("button", { class: "confirm-ok-btn", onClick: confirmIgnore }, "确认忽略")
])
])
]);
};
if (currentView.value !== 'dashboard') {
return vue.createVNode("div", { class: "dashboard-wrapper" }, [
vue.createVNode("div", { class: "main-content" }, [
renderDetailView(currentView.value)
]),
renderConfirmDialog()
]);
}
// 渲染仪表盘视图
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" }, "加载中...")
])
: filteredTodoItems.value.length === 0
? vue.createVNode("div", { class: "empty-state" }, "🎉 暂无待办任务")
: sortItems(filteredTodoItems.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("button", {
class: "ignore-btn",
onClick: (e) => { e.stopPropagation(); requestIgnore(item, 'todo'); }
}, "🚫")
])
])
)
])
]),
// 全部作业卡片
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" }, "加载中...")
])
: filteredHomeworkItems.value.length === 0
? vue.createVNode("div", { class: "empty-state" }, "暂无作业")
: sortItems(filteredHomeworkItems.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("button", {
class: "ignore-btn",
onClick: (e) => { e.stopPropagation(); requestIgnore(item, 'homework'); }
}, "🚫")
])
])
)
])
]),
// 全部考试卡片
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" }, "加载中...")
])
: filteredExamItems.value.length === 0
? vue.createVNode("div", { class: "empty-state" }, "🎉 暂无考试")
: sortItems(filteredExamItems.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("button", {
class: "ignore-btn",
onClick: (e) => { e.stopPropagation(); requestIgnore(item, 'exam'); }
}, "🚫")
])
])
)
])
]),
// 课程任务卡片
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" }, "加载中...")
])
: filteredActivitiesItems.value.length === 0
? vue.createVNode("div", { class: "empty-state" }, "暂无课程任务")
: sortItems(filteredActivitiesItems.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("button", {
class: "ignore-btn",
onClick: (e) => { e.stopPropagation(); requestIgnore(item, 'activities'); }
}, "🚫")
])
])
)
])
]),
// 课程进度卡片
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("a", {
class: "card-more",
onClick: () => openFullScreen('progress')
}, "查看全部"),
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: "ignored-panel-btn",
onClick: () => { showProgressIgnoredPanel.value = !showProgressIgnoredPanel.value; progressIgnoredForRestore.value = new Set(); }
}, (() => {
ignoredVersion.value;
const cnt = getIgnoredItemsBySection('progress').length;
return `🚫 已忽略(${cnt})`;
})()),
vue.createVNode("button", {
class: "refresh-btn",
onClick: () => loadAllCourseProgress()
}, loadingProgress.value ? "刷新中..." : "🔄 刷新")
])
]),
vue.createVNode("div", { class: "card-body" }, [
// 已忽略面板
showProgressIgnoredPanel.value
? vue.createVNode("div", {}, [
vue.createVNode("div", { style: "display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;" }, [
vue.createVNode("span", { style: "font-size:13px;color:#722ed1;font-weight:500;" }, "🚫 课程进度 · 已忽略内容"),
vue.createVNode("div", { style: "display:flex;gap:8px;" }, [
progressIgnoredForRestore.value.size > 0
? vue.createVNode("button", { class: "batch-restore-btn", onClick: batchProgressRestore },
`恢复所选(${progressIgnoredForRestore.value.size})`)
: null,
vue.createVNode("button", {
class: "ignored-panel-btn",
onClick: () => { showProgressIgnoredPanel.value = false; progressIgnoredForRestore.value = new Set(); }
}, "← 返回")
])
]),
(() => {
ignoredVersion.value;
const progressIgnored = getIgnoredItemsBySection('progress');
if (progressIgnored.length === 0) {
return vue.createVNode("div", { class: "empty-state" }, "暂无已忽略的课程进度");
}
return vue.createVNode("div", { style: "display:flex;flex-direction:column;gap:8px;" },
progressIgnored.map(ig => {
const isChecked = progressIgnoredForRestore.value.has(ig._key);
return vue.createVNode("div", {
class: "detail-list-item",
style: isChecked ? "background:#e6f7ff;" : ""
}, [
vue.createVNode("div", {
class: `select-checkbox ${isChecked ? 'checked' : ''}`,
onClick: (e) => { e.stopPropagation(); toggleProgressRestoreItem(ig._key); }
}, isChecked ? "✓" : ""),
vue.createVNode("div", { class: "detail-item-main" }, [
vue.createVNode("div", { class: "detail-item-title" }, ig.title),
vue.createVNode("span", { class: "ignored-date" }, `忽略于：${new Date(ig.ignoredAt).toLocaleDateString()}`)
]),
vue.createVNode("button", {
class: "restore-single-btn",
onClick: (e) => { e.stopPropagation(); restoreSingle(ig._key); }
}, "撤销忽略")
]);
})
);
})()
])
// 正常进度列表
: loadingProgress.value
? vue.createVNode("div", { class: "loading-state" }, [
vue.createVNode("div", { class: "loading-spinner" }),
vue.createVNode("div", { class: "loading-text" }, "正在获取课程进度...")
])
: filteredCourseProgressItems.value.length === 0
? vue.createVNode("div", { class: "empty-state" }, "暂无课程进度数据")
: vue.createVNode("div", { class: "progress-items-grid" },
filteredCourseProgressItems.value.map(course => {
const rate = parseInt(course.completionRate) || 0;
const rateClass = rate >= 100 ? 'complete' : (rate >= 60 ? 'warning' : (rate >= 30 ? 'normal' : 'danger'));
const cacheKey = getCourseActivitiesKey(course);
const cachedData = courseActivitiesCache.value[cacheKey];
const activitiesLoading = cachedData?.loading || false;
const activities = cachedData?.activities || [];
// 分类活动
const quizActivities = activities.filter(a => a.type?.includes('测验') || a.type?.includes('练习'));
const workActivities = activities.filter(a => a.type?.includes('作业'));
const examActivities = activities.filter(a => a.type?.includes('考试'));
const interactiveActivities = activities.filter(a => a.type?.includes('讨论') || a.type?.includes('抢答') || a.type?.includes('评分'));
return vue.createVNode("div", {
class: "progress-item",
onMouseenter: (e) => handleProgressItemHover(e, course),
onMouseleave: () => handleProgressItemLeave(),
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" }, [
vue.createVNode("div", {
class: `progress-bar-fill ${rateClass}`,
style: `width: ${Math.min(rate, 100)}%;`
})
])
]),
vue.createVNode("div", { class: "progress-item-info" }, [
vue.createVNode("span", { class: `progress-rate ${rateClass}` }, course.completionRate),
vue.createVNode("div", { class: "progress-tasks-count" },
`${course.completedTasks}/${course.totalTasks} 任务点`
),
vue.createVNode("button", {
class: "ignore-btn",
onClick: (e) => { e.stopPropagation(); requestIgnore(course, 'progress'); }
}, "🚫")
]),
// 增强版悬浮提示
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", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "AI实践"),
vue.createVNode("span", { class: "value" }, course.aiPractice || "点击查看")
]),
vue.createVNode("div", { class: "tooltip-row" }, [
vue.createVNode("span", { class: "label" }, "分组任务"),
vue.createVNode("span", { class: "value" }, course.groupTask || "点击查看")
]),
// 活动列表区域
vue.createVNode("div", { class: "tooltip-activities-section" }, [
vue.createVNode("div", { class: "tooltip-activities-title" }, "📚 学习活动"),
// 加载状态
activitiesLoading
? vue.createVNode("div", { class: "tooltip-loading" }, "正在加载活动...")
: activities.length === 0
? vue.createVNode("div", { class: "tooltip-no-activities" }, "暂无学习活动")
: [
// 作业
workActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "📝"),
vue.createVNode("span", null, "课程作业"),
vue.createVNode("span", { class: "activity-count" }, `(${workActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
workActivities.slice(0, 3).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null,
// 考试
examActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "📋"),
vue.createVNode("span", null, "在线考试"),
vue.createVNode("span", { class: "activity-count" }, `(${examActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
examActivities.slice(0, 3).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null,
// 测验
quizActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "📖"),
vue.createVNode("span", null, "章节测验"),
vue.createVNode("span", { class: "activity-count" }, `(${quizActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
quizActivities.slice(0, 3).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null,
// 互动测验
interactiveActivities.length > 0
? vue.createVNode("div", { class: "tooltip-activity-group" }, [
vue.createVNode("div", { class: "activity-group-title" }, [
vue.createVNode("span", { class: "activity-icon" }, "💬"),
vue.createVNode("span", null, "互动测验"),
vue.createVNode("span", { class: "activity-count" }, `(${interactiveActivities.length})`)
]),
vue.createVNode("div", { class: "activity-list" },
interactiveActivities.slice(0, 3).map(act =>
vue.createVNode("div", { class: `activity-item ${act.ongoing ? 'ongoing' : (act.finished ? 'finished' : '')}` }, [
vue.createVNode("span", { class: "activity-name" }, act.title),
vue.createVNode("span", { class: `activity-status ${act.ongoing ? 'status-ongoing' : (act.finished ? 'status-finished' : 'status-pending')}` },
act.ongoing ? '进行中' : (act.finished ? '已完成' : '未开始')
)
])
)
)
])
: null
]
]),
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;"
}, "📊 点击查看完整学习记录")
])
]);
})
)
])
])
])
]),
// 全局确认弹窗
renderConfirmDialog()
]);
};
}
});
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);