☰

ucloud-Evolved

主页作业显示所属课程，使用Office 365预览课件，增加通知显示数量，通知按时间排序，去除悬浮窗，解除复制限制，课件自动下载，批量下载，资源页展示全部下载按钮，更好的页面标题

当前为 2025-04-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         ucloud-Evolved
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.28
  5. // @description  主页作业显示所属课程，使用Office 365预览课件，增加通知显示数量，通知按时间排序，去除悬浮窗，解除复制限制，课件自动下载，批量下载，资源页展示全部下载按钮，更好的页面标题
  6. // @author       Quarix
  7. // @match        https://ucloud.bupt.edu.cn/*
  8. // @match        https://ucloud.bupt.edu.cn/uclass/course.html*
  9. // @match        https://ucloud.bupt.edu.cn/uclass/*
  10. // @match        https://ucloud.bupt.edu.cn/office/*
  11. // @icon         https://ucloud.bupt.edu.cn/favicon.ico
  12. // @require      https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/nprogress/0.2.0/nprogress.min.js#sha256-XWzSUJ+FIQ38dqC06/48sNRwU1Qh3/afjmJ080SneA8=
  13. // @resource     NPROGRESS_CSS https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/nprogress/0.2.0/nprogress.min.css#sha256-pMhcV6/TBDtqH9E9PWKgS+P32PVguLG8IipkPyqMtfY=
  14. // @connect      github.com
  15. // @grant        GM_getResourceText
  16. // @grant        GM_addStyle
  17. // @grant        GM_setValue
  18. // @grant        GM_getValue
  19. // @grant        GM_registerMenuCommand
  20. // @grant        GM_xmlhttpRequest
  21. // @grant        GM_openInTab
  22. // @run-at       document-start
  23. // @license      MIT
  24. // ==/UserScript==
  25.  
  26. (function () {
  27.   // 拦截 Office 预览页面
  28.   if (
  29.     location.href.startsWith("https://ucloud.bupt.edu.cn/office/") &&
  30.     GM_getValue("autoSwitchOffice", false)
  31.   ) {
  32.     const url = new URLSearchParams(location.search).get("furl");
  33.     const filename =
  34.       new URLSearchParams(location.search).get("fullfilename") || url;
  35.     const viewURL = new URL(url);
  36.     if (new URLSearchParams(location.search).get("oauthKey")) {
  37.       const viewURLsearch = new URLSearchParams(viewURL.search);
  38.       viewURLsearch.set(
  39.         "oauthKey",
  40.         new URLSearchParams(location.search).get("oauthKey")
  41.       );
  42.       viewURL.search = viewURLsearch.toString();
  43.     }
  44.     if (
  45.       filename.endsWith(".xls") ||
  46.       filename.endsWith(".xlsx") ||
  47.       filename.endsWith(".doc") ||
  48.       filename.endsWith(".docx") ||
  49.       filename.endsWith(".ppt") ||
  50.       filename.endsWith(".pptx")
  51.     ) {
  52.       if (window.stop) window.stop();
  53.       location.href =
  54.         "https://view.officeapps.live.com/op/view.aspx?src=" +
  55.         encodeURIComponent(viewURL.toString());
  56.       return;
  57.     } else if (filename.endsWith(".pdf")) {
  58.       if (window.stop) window.stop();
  59.       // 使用浏览器内置预览器，转blob避免出现下载动作
  60.       fetch(viewURL.toString())
  61.         .then((response) => response.blob())
  62.         .then((blob) => {
  63.           const blobUrl = URL.createObjectURL(blob);
  64.           location.href = blobUrl;
  65.         })
  66.         .catch((err) => console.error("PDF加载失败:", err));
  67.       return;
  68.     }
  69.     return;
  70.   }
  71. })();
  72. (function interceptXHR() {
  73.   const originalOpen = XMLHttpRequest.prototype.open;
  74.  
  75.   XMLHttpRequest.prototype.open = function (
  76.     method,
  77.     url,
  78.     async,
  79.     user,
  80.     password
  81.   ) {
  82.     // hook XMR
  83.     if (GM_getValue("showMoreNotification", true)) {
  84.       if (
  85.         typeof url === "string" &&
  86.         url.includes("/ykt-basics/api/inform/news/list")
  87.       ) {
  88.         url = url.replace(/size=\d+/, "size=1000");
  89.       } else if (
  90.         typeof url === "string" &&
  91.         url.includes("/ykt-site/site/list/student/history")
  92.       ) {
  93.         url = url.replace(/size=\d+/, "size=15");
  94.       }
  95.     }
  96.  
  97.     return originalOpen.call(this, method, url, async, user, password);
  98.   };
  99. })();
  100. (function () {
  101.   // 等待页面DOM加载完成
  102.   document.addEventListener("DOMContentLoaded", initializeExtension);
  103.  
  104.   // 用户设置
  105.   const settings = {
  106.     autoDownload: GM_getValue("autoDownload", false),
  107.     autoSwitchOffice: GM_getValue("autoSwitchOffice", false),
  108.     autoClosePopup: GM_getValue("autoClosePopup", true),
  109.     hideTimer: GM_getValue("hideTimer", true),
  110.     unlockCopy: GM_getValue("unlockCopy", true),
  111.     showMoreNotification: GM_getValue("showMoreNotification", true),
  112.     useBiggerButton: GM_getValue("useBiggerButton", true),
  113.     autoUpdate: GM_getValue("autoUpdate", false),
  114.     showConfigButton: GM_getValue("showConfigButton", true),
  115.     betterTitle: GM_getValue("betterTitle", true),
  116.     sortNotificationsByTime: GM_getValue("sortNotificationsByTime", true),
  117.     betterNotificationHighlight: GM_getValue(
  118.       "betterNotificationHighlight",
  119.       true
  120.     ),
  121.   };
  122.  
  123.   // 辅助变量
  124.   let jsp;
  125.   let sumBytes = 0,
  126.     loadedBytes = 0,
  127.     downloading = false;
  128.   let setClicked = false;
  129.   let gpage = -1;
  130.   let glist = null;
  131.   let onlinePreview = null;
  132.  
  133.   // 初始化扩展功能
  134.   function initializeExtension() {
  135.     // 注册菜单命令
  136.     registerMenuCommands();
  137.  
  138.     const nprogressCSS = GM_getResourceText("NPROGRESS_CSS");
  139.     GM_addStyle(nprogressCSS);
  140.  
  141.     if (settings.showConfigButton) {
  142.       loadui();
  143.     }
  144.     addFunctionalCSS();
  145.     main();
  146.  
  147.     if (settings.autoUpdate) {
  148.       checkForUpdates();
  149.     }
  150.  
  151.     // 监听URL哈希变化
  152.     window.addEventListener(
  153.       "hashchange",
  154.       function () {
  155.         main();
  156.       },
  157.       false
  158.     );
  159.  
  160.     // 初始加载
  161.     main();
  162.   }
  163.  
  164.   // 注册菜单命令
  165.   function registerMenuCommands() {
  166.     GM_registerMenuCommand(
  167.       (settings.showConfigButton ? "✅" : "❌") +
  168.         "显示配置按钮：" +
  169.         (settings.showConfigButton ? "已启用" : "已禁用"),
  170.       () => {
  171.         settings.showConfigButton = !settings.showConfigButton;
  172.         GM_setValue("showConfigButton", settings.showConfigButton);
  173.         location.reload();
  174.       }
  175.     );
  176.     GM_registerMenuCommand(
  177.       (settings.autoDownload ? "✅" : "❌") +
  178.         "预览课件时自动下载：" +
  179.         (settings.autoDownload ? "已启用" : "已禁用"),
  180.       () => {
  181.         settings.autoDownload = !settings.autoDownload;
  182.         GM_setValue("autoDownload", settings.autoDownload);
  183.         location.reload();
  184.       }
  185.     );
  186.  
  187.     GM_registerMenuCommand(
  188.       (settings.autoSwitchOffice ? "✅" : "❌") +
  189.         "使用 Office365 预览课件：" +
  190.         (settings.autoSwitchOffice ? "已启用" : "已禁用"),
  191.       () => {
  192.         settings.autoSwitchOffice = !settings.autoSwitchOffice;
  193.         GM_setValue("autoSwitchOffice", settings.autoSwitchOffice);
  194.         location.reload();
  195.       }
  196.     );
  197.   }
  198.   /**
  199.    * 通用标签页打开函数
  200.    * @param {string} url - 要打开的URL
  201.    * @param {Object} options - 选项参数
  202.    * @param {boolean} [options.active=true] - 新标签页是否获得焦点
  203.    * @param {boolean} [options.insert=true] - 是否在当前标签页旁边插入新标签页
  204.    * @param {boolean} [options.setParent=true] - 新标签页是否将当前标签页设为父页面
  205.    * @param {string} [options.windowName="_blank"] - window.open的窗口名称
  206.    * @param {string} [options.windowFeatures=""] - window.open的窗口特性
  207.    * @returns {Object|Window|null} 打开的标签页对象
  208.    */
  209.   function openTab(url, options = {}) {
  210.     const defaultOptions = {
  211.       active: true,
  212.       insert: true,
  213.       setParent: true,
  214.       windowName: "_blank",
  215.       windowFeatures: "",
  216.     };
  217.     const finalOptions = { ...defaultOptions, ...options };
  218.     if (typeof GM_openInTab === "function") {
  219.       try {
  220.         return GM_openInTab(url, {
  221.           active: finalOptions.active,
  222.           insert: finalOptions.insert,
  223.           setParent: finalOptions.setParent,
  224.         });
  225.       } catch (error) {
  226.         return window.open(
  227.           url,
  228.           finalOptions.windowName,
  229.           finalOptions.windowFeatures
  230.         );
  231.       }
  232.     }
  233.   }
  234.   function showUpdateNotification(newVersion) {
  235.     const notification = document.createElement("div");
  236.     notification.style.cssText = `  
  237.         position: fixed;  
  238.         bottom: 80px;  
  239.         right: 20px;  
  240.         background: #4a6cf7;  
  241.         color: white;  
  242.         padding: 15px 20px;  
  243.         border-radius: 8px;  
  244.         box-shadow: 0 4px 12px rgba(0,0,0,0.15);  
  245.         z-index: 10000;  
  246.         font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;  
  247.         max-width: 300px;  
  248.     `;
  249.  
  250.     notification.innerHTML = `  
  251.         <div style="font-weight: bold; margin-bottom: 5px;">发现新版本 v${newVersion}</div>  
  252.         <div style="font-size: 14px; margin-bottom: 10px;">当前版本 v${GM_info.script.version}</div>  
  253.         <button id="updateNow" style="background: white; color: #4a6cf7; border: none; padding: 5px 10px; border-radius: 4px; cursor: pointer; margin-right: 10px;">立即更新</button>  
  254.         <button id="updateLater" style="background: transparent; color: white; border: 1px solid white; padding: 5px 10px; border-radius: 4px; cursor: pointer;">稍后提醒</button>  
  255.     `;
  256.  
  257.     document.body.appendChild(notification);
  258.  
  259.     document.getElementById("updateNow").addEventListener("click", function () {
  260.       openTab(GM_info.script.downloadURL, { active: true });
  261.       document.body.removeChild(notification);
  262.     });
  263.  
  264.     document
  265.       .getElementById("updateLater")
  266.       .addEventListener("click", function () {
  267.         document.body.removeChild(notification);
  268.       });
  269.   }
  270.  
  271.   function checkForUpdates() {
  272.     const lastCheckTime = GM_getValue("lastUpdateCheck", 0);
  273.     const now = Date.now();
  274.     const ONE_DAY = 24 * 60 * 60 * 1000; // 一天的毫秒数
  275.  
  276.     if (now - lastCheckTime > ONE_DAY) {
  277.       GM_setValue("lastUpdateCheck", now);
  278.       GM_xmlhttpRequest({
  279.         method: "GET",
  280.         url: GM_info.script.updateURL,
  281.         onload: function (response) {
  282.           const versionMatch = response.responseText.match(
  283.             /@version\s+(\d+\.\d+)/
  284.           );
  285.           if (versionMatch && versionMatch[1]) {
  286.             const latestVersion = versionMatch[1];
  287.             const currentVersion = GM_info.script.version;
  288.             if (latestVersion > currentVersion) {
  289.               showUpdateNotification(latestVersion);
  290.             }
  291.           }
  292.         },
  293.       });
  294.     }
  295.   }
  296.  
  297.   function loadui() {
  298.     GM_addStyle(`  
  299.       #yzHelper-settings {  
  300.           position: fixed;  
  301.           bottom: 20px;  
  302.           right: 20px;  
  303.           background: #ffffff;  
  304.           box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);  
  305.           border-radius: 12px;  
  306.           z-index: 9999;  
  307.           width: 500px;  
  308.           height: 450px;  
  309.           font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;  
  310.           transition: all 0.3s ease;  
  311.           opacity: 0;  
  312.           transform: translateY(10px);  
  313.           color: #333;  
  314.           overflow: hidden;  
  315.           display: flex;  
  316.           flex-direction: column;  
  317.           display: none;  
  318.       }  
  319.       #yzHelper-settings.visible {  
  320.           opacity: 1;  
  321.           transform: translateY(0);  
  322.       }  
  323.       
  324.       #yzHelper-header {  
  325.           padding: 15px 20px;  
  326.           border-bottom: 1px solid #eee;  
  327.           background-color: #ecb000;  
  328.           color: white;  
  329.           font-weight: bold;  
  330.           font-size: 16px;  
  331.           display: flex;  
  332.           justify-content: space-between;  
  333.           align-items: center;  
  334.       }  
  335.       
  336.       #yzHelper-main {  
  337.           display: flex;  
  338.           flex: 1;  
  339.           overflow: hidden;  
  340.       }  
  341.       
  342.       #yzHelper-settings-sidebar {  
  343.           width: 140px;  
  344.           background: #f7f7f7;  
  345.           padding: 15px 0;  
  346.           border-right: 1px solid #eee;  
  347.           overflow-y: auto;  
  348.       }  
  349.       
  350.       #yzHelper-settings-sidebar .menu-item {  
  351.           padding: 12px 15px;  
  352.           cursor: pointer;  
  353.           transition: all 0.2s ease;  
  354.           font-size: 14px;  
  355.           color: #666;  
  356.           display: flex;  
  357.           align-items: center;  
  358.           gap: 8px;  
  359.       }  
  360.       
  361.       #yzHelper-settings-sidebar .menu-item:hover {  
  362.           background: #efefef;  
  363.           color: #333;  
  364.       }  
  365.       
  366.       #yzHelper-settings-sidebar .menu-item.active {  
  367.           background: #ffbe00;  
  368.           color: #fff;  
  369.           font-weight: 500;  
  370.       }  
  371.       
  372.       #yzHelper-settings-sidebar .emoji {  
  373.           font-size: 16px;  
  374.       }  
  375.       
  376.       #yzHelper-settings-content {  
  377.           flex: 1;  
  378.           padding: 20px;  
  379.           overflow-y: auto;  
  380.           position: relative;  
  381.           padding-bottom: 70px; /* Space for buttons */  
  382.       }  
  383.   
  384.       #yzHelper-settings-content .settings-section {  
  385.           display: none;  
  386.       }  
  387.       
  388.       #yzHelper-settings-content .settings-section.active {  
  389.           display: block;  
  390.       }  
  391.  
  392.       #section-about .about-content {  
  393.           line-height: 1.6;  
  394.           font-size: 14px;  
  395.       }  
  396.       
  397.       #section-about h4 {  
  398.           margin: 16px 0 8px;  
  399.           font-size: 15px;  
  400.       }  
  401.       
  402.       #section-about ul {  
  403.           margin: 8px 0;  
  404.           padding-left: 20px;  
  405.       }  
  406.       
  407.       #section-about li {  
  408.           margin-bottom: 4px;  
  409.       }  
  410.       
  411.       #section-about .github-link {  
  412.           display: inline-flex;  
  413.           align-items: center;  
  414.           padding: 6px 12px;  
  415.           background: #f6f8fa;  
  416.           border: 1px solid rgba(27, 31, 36, 0.15);  
  417.           border-radius: 6px;  
  418.           color: #24292f;  
  419.           text-decoration: none;  
  420.           font-weight: 500;  
  421.           transition: background-color 0.2s;  
  422.       }  
  423.       
  424.       #section-about .github-link:hover {  
  425.           background-color: #f3f4f6;  
  426.       }  
  427.       
  428.       #section-about .github-icon {  
  429.           margin-right: 6px;  
  430.           fill: currentColor;  
  431.       }  
  432.       
  433.       
  434.       #section-about .feedback-note {  
  435.           margin-top: 14px;  
  436.           border-top: 1px solid #eaecef;  
  437.           padding-top: 14px;  
  438.           font-size: 13px;  
  439.           color: #57606a;  
  440.       }  
  441.       
  442.       #section-about code {  
  443.           background: rgba(175, 184, 193, 0.2);  
  444.           padding: 0.2em 0.4em;  
  445.           border-radius: 6px;  
  446.           font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;  
  447.           font-size: 85%;  
  448.       }  
  449.       
  450.       #yzHelper-settings h3 {  
  451.           margin-top: 0;  
  452.           margin-bottom: 15px;  
  453.           font-size: 18px;  
  454.           font-weight: 600;  
  455.           color: #2c3e50;  
  456.           padding-bottom: 10px;  
  457.           border-bottom: 1px solid #eee;  
  458.       }  
  459.       #yzHelper-settings .setting-item {  
  460.           margin-bottom: 16px;  
  461.       }  
  462.       #yzHelper-settings .setting-toggle {  
  463.           display: flex;  
  464.           align-items: center;  
  465.       }  
  466.       #yzHelper-settings .setting-item:last-of-type {  
  467.           margin-bottom: 20px;  
  468.       }  
  469.       #yzHelper-settings .switch {  
  470.           position: relative;  
  471.           display: inline-block;  
  472.           width: 44px;  
  473.           height: 24px;  
  474.           margin-right: 10px;  
  475.       }  
  476.       #yzHelper-settings .switch input {   
  477.           opacity: 0;  
  478.           width: 0;  
  479.           height: 0;  
  480.       }  
  481.       #yzHelper-settings .slider {  
  482.           position: absolute;  
  483.           cursor: pointer;  
  484.           top: 0;  
  485.           left: 0;  
  486.           right: 0;  
  487.           bottom: 0;  
  488.           background-color: #ccc;  
  489.           transition: .3s;  
  490.           border-radius: 24px;  
  491.       }  
  492.       #yzHelper-settings .slider:before {  
  493.           position: absolute;  
  494.           content: "";  
  495.           height: 18px;  
  496.           width: 18px;  
  497.           left: 3px;  
  498.           bottom: 3px;  
  499.           background-color: white;  
  500.           transition: .3s;  
  501.           border-radius: 50%;  
  502.       }  
  503.       #yzHelper-settings input:checked + .slider {  
  504.           background-color: #ffbe00;  
  505.       }  
  506.       #yzHelper-settings input:focus + .slider {  
  507.           box-shadow: 0 0 1px #ffbe00;  
  508.       }  
  509.       #yzHelper-settings input:checked + .slider:before {  
  510.           transform: translateX(20px);  
  511.       }  
  512.       #yzHelper-settings .setting-label {  
  513.           font-size: 14px;  
  514.           cursor: pointer;  
  515.       }  
  516.       
  517.       #yzHelper-settings .setting-description {  
  518.         display: block; /* 始终保持在DOM中 */  
  519.         margin-left: 54px;  
  520.         font-size: 12px;  
  521.         color: #666;  
  522.         background: #f9f9f9;  
  523.         border-left: 3px solid #ffbe00;  
  524.         border-radius: 0 4px 4px 0;  
  525.         max-height: 0;  
  526.         overflow: hidden;  
  527.         opacity: 0;  
  528.         transition: all 0.3s ease;  
  529.         padding: 0 12px;  
  530.       }  
  531.       
  532.       #yzHelper-settings .setting-description.visible {  
  533.         max-height: 100px;  
  534.         opacity: 1;  
  535.         margin-top: 8px;  
  536.         padding: 8px 12px;  
  537.       }  
  538.       
  539.       #yzHelper-settings .buttons {  
  540.           display: flex;  
  541.           justify-content: flex-end;  
  542.           gap: 10px;  
  543.           position: fixed;
  544.           bottom: 0px;  
  545.           right: 25px;  
  546.           background: white;  
  547.           padding: 10px 0;  
  548.           width: calc(100% - 180px);  
  549.           border-top: 1px solid #f5f5f5;  
  550.           box-sizing: border-box;  
  551.       }  
  552.       #yzHelper-settings button {  
  553.           background: #ffbe00;  
  554.           border: none;  
  555.           padding: 8px 16px;  
  556.           border-radius: 6px;  
  557.           cursor: pointer;  
  558.           font-weight: 500;  
  559.           color: #fff;  
  560.           transition: all 0.2s ease;  
  561.           outline: none;  
  562.           font-size: 14px;  
  563.       }  
  564.       #yzHelper-settings button:hover {  
  565.           background: #e9ad00;  
  566.       }  
  567.       #yzHelper-settings button.cancel {  
  568.           background: #f1f1f1;  
  569.           color: #666;  
  570.       }  
  571.       #yzHelper-settings button.cancel:hover {  
  572.           background: #e5e5e5;  
  573.       }  
  574.       #yzHelper-settings-toggle {  
  575.           position: fixed;  
  576.           bottom: 20px;  
  577.           right: 20px;  
  578.           background: #ffbe00;  
  579.           color: #fff;  
  580.           width: 50px;  
  581.           height: 50px;  
  582.           border-radius: 50%;  
  583.           display: flex;  
  584.           align-items: center;  
  585.           justify-content: center;  
  586.           font-size: 24px;  
  587.           cursor: pointer;  
  588.           z-index: 9998;  
  589.           box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);  
  590.           transition: all 0.3s ease;  
  591.       }  
  592.       #yzHelper-settings-toggle:hover {  
  593.           transform: rotate(30deg);  
  594.           box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);  
  595.       }  
  596.       #yzHelper-settings .setting-item.disabled .setting-toggle,  
  597.       #yzHelper-settings .setting-item .setting-toggle:has(input:disabled) {  
  598.           opacity: 0.7;  
  599.       }
  600.  
  601.       #yzHelper-settings input:disabled + .slider {  
  602.           background-color: #ffbe00;  
  603.           opacity: 0.5;  
  604.           cursor: not-allowed; 
  605.       }  
  606.  
  607.       #yzHelper-settings input:disabled + .slider:before {  
  608.           background-color: #f0f0f0;  
  609.       }  
  610.  
  611.       #yzHelper-settings .setting-item:has(input:disabled) .setting-label:after {  
  612.           content: " 🔒";  
  613.           font-size: 12px;  
  614.       }  
  615.  
  616.       #yzHelper-settings .setting-item:has(input:disabled) .setting-description {  
  617.           border-left-color: #ccc;  
  618.           font-style: italic;  
  619.       }  
  620.       #yzHelper-version {  
  621.           position: absolute;  
  622.           bottom: 15px;  
  623.           left: 20px;  
  624.           font-size: 12px;  
  625.           color: #999;  
  626.       }  
  627.     `);
  628.  
  629.     // 设置面板
  630.     const settingsToggle = document.createElement("div");
  631.     settingsToggle.id = "yzHelper-settings-toggle";
  632.     settingsToggle.innerHTML = "⚙️";
  633.     settingsToggle.title = "云邮助手设置";
  634.     document.body.appendChild(settingsToggle);
  635.  
  636.     const settingsPanel = document.createElement("div");
  637.     settingsPanel.id = "yzHelper-settings";
  638.  
  639.     const header = `  
  640.       <div id="yzHelper-header">  
  641.         <span>云邮教学空间助手</span>  
  642.         <span id="yzHelper-version">v${GM_info.script.version}</span>  
  643.       </div>  
  644.     `;
  645.  
  646.     const mainContent = `  
  647.       <div id="yzHelper-main">  
  648.         <div id="yzHelper-settings-sidebar">  
  649.             <div class="menu-item active" data-section="preview">  
  650.                 <span class="emoji">🖼️</span>  
  651.                 <span>预览功能</span>  
  652.             </div>  
  653.             <div class="menu-item" data-section="notification">  
  654.                 <span class="emoji">📢</span>  
  655.                 <span>通知功能</span>  
  656.             </div>  
  657.             <div class="menu-item" data-section="ui">  
  658.                 <span class="emoji">🎨</span>  
  659.                 <span>界面优化</span>  
  660.             </div>  
  661.             <div class="menu-item" data-section="system">  
  662.                 <span class="emoji">⚙️</span>  
  663.                 <span>系统设置</span>  
  664.             </div>  
  665.             <div class="menu-item" data-section="about">  
  666.                 <span class="emoji">ℹ️</span>  
  667.                 <span>关于助手</span>  
  668.             </div>  
  669.         </div>  
  670.     
  671.         <div id="yzHelper-settings-content">  
  672.             <!-- 预览功能设置 -->  
  673.             <div class="settings-section active" id="section-preview">  
  674.                 <h3>🖼️ 预览功能设置</h3>  
  675.                 <div class="setting-item">  
  676.                     <div class="setting-toggle">  
  677.                       <label class="switch">  
  678.                           <input type="checkbox" id="autoDownload" ${
  679.                             settings.autoDownload ? "checked" : ""
  680.                           }>  
  681.                           <span class="slider"></span>  
  682.                       </label>  
  683.                       <span class="setting-label" data-for="description-autoDownload">预览课件时自动下载</span>  
  684.                     </div>  
  685.                     <div class="setting-description" id="description-autoDownload">  
  686.                       当打开课件预览时，自动触发下载操作，方便存储课件到本地。  
  687.                     </div>  
  688.                 </div>  
  689.                 <div class="setting-item">  
  690.                     <div class="setting-toggle">  
  691.                       <label class="switch">  
  692.                           <input type="checkbox" id="autoSwitchOffice" ${
  693.                             settings.autoSwitchOffice ? "checked" : ""
  694.                           }>  
  695.                           <span class="slider"></span>  
  696.                       </label>  
  697.                       <span class="setting-label" data-for="description-autoSwitchOffice">使用 Office365 预览课件</span>  
  698.                     </div>  
  699.                     <div class="setting-description" id="description-autoSwitchOffice">  
  700.                       使用微软 Office365 在线服务预览 Office 文档，提供更好的浏览体验。  
  701.                     </div>  
  702.                 </div>  
  703.                 <div class="setting-item">  
  704.                     <div class="setting-toggle">  
  705.                       <label class="switch">  
  706.                           <input type="checkbox" id="autoClosePopup" ${
  707.                             settings.autoClosePopup ? "checked" : ""
  708.                           }>  
  709.                           <span class="slider"></span>  
  710.                       </label>  
  711.                       <span class="setting-label" data-for="description-autoClosePopup">自动关闭预览弹窗</span>  
  712.                     </div>  
  713.                     <div class="setting-description" id="description-autoClosePopup">  
  714.                       下载课件后自动关闭预览弹窗，简化操作流程。  
  715.                     </div>  
  716.                 </div>  
  717.                 <div class="setting-item">  
  718.                     <div class="setting-toggle">  
  719.                       <label class="switch">  
  720.                           <input type="checkbox" id="hideTimer" ${
  721.                             settings.hideTimer ? "checked" : ""
  722.                           }>  
  723.                           <span class="slider"></span>  
  724.                       </label>  
  725.                       <span class="setting-label" data-for="description-hideTimer">隐藏预览界面倒计时</span>  
  726.                     </div>  
  727.                     <div class="setting-description" id="description-hideTimer">  
  728.                       隐藏预览界面中的倒计时提示，获得无干扰的阅读体验。  
  729.                     </div>  
  730.                 </div>  
  731.                 <div class="setting-item">  
  732.                     <div class="setting-toggle">  
  733.                       <label class="switch">  
  734.                           <input type="checkbox" id="unlockCopy" ${
  735.                             settings.unlockCopy ? "checked" : ""
  736.                           }>  
  737.                           <span class="slider"></span>  
  738.                       </label>  
  739.                       <span class="setting-label" data-for="description-unlockCopy">解除复制限制</span>  
  740.                     </div>  
  741.                     <div class="setting-description" id="description-unlockCopy">  
  742.                       解除课件预览时的复制限制，方便摘录内容进行学习笔记。  
  743.                     </div>  
  744.                 </div>  
  745.             </div>  
  746.             
  747.             <!-- 通知功能设置 -->  
  748.             <div class="settings-section" id="section-notification">  
  749.                 <h3>📢 通知功能设置</h3>  
  750.                 <div class="setting-item">  
  751.                     <div class="setting-toggle">  
  752.                       <label class="switch">  
  753.                           <input type="checkbox" id="showMoreNotification" ${
  754.                             settings.showMoreNotification ? "checked" : ""
  755.                           }>  
  756.                           <span class="slider"></span>  
  757.                       </label>  
  758.                       <span class="setting-label" data-for="description-showMoreNotification">显示更多的通知</span>  
  759.                     </div>  
  760.                     <div class="setting-description" id="description-showMoreNotification">  
  761.                       在通知列表中显示更多的历史通知，不再受限于默认显示数量。  
  762.                     </div>  
  763.                 </div>  
  764.                 <div class="setting-item">  
  765.                     <div class="setting-toggle">  
  766.                       <label class="switch">  
  767.                           <input type="checkbox" id="sortNotificationsByTime" ${
  768.                             settings.sortNotificationsByTime ? "checked" : ""
  769.                           }>  
  770.                           <span class="slider"></span>  
  771.                       </label>  
  772.                       <span class="setting-label" data-for="description-sortNotificationsByTime">通知按照时间排序</span>  
  773.                     </div>  
  774.                     <div class="setting-description" id="description-sortNotificationsByTime">  
  775.                       将通知按照时间先后顺序排列，更容易找到最新或最早的通知。  
  776.                     </div>  
  777.                 </div>  
  778.                 <div class="setting-item">  
  779.                     <div class="setting-toggle">  
  780.                       <label class="switch">  
  781.                           <input type="checkbox" id="betterNotificationHighlight" ${
  782.                             settings.betterNotificationHighlight
  783.                               ? "checked"
  784.                               : ""
  785.                           }>  
  786.                           <span class="slider"></span>  
  787.                       </label>  
  788.                       <span class="setting-label" data-for="description-betterNotificationHighlight">优化未读通知高亮</span>  
  789.                     </div>  
  790.                     <div class="setting-description" id="description-betterNotificationHighlight">  
  791.                       增强未读通知的视觉提示，使未读消息更加醒目，不易遗漏重要信息。  
  792.                     </div>  
  793.                 </div>  
  794.             </div>  
  795.             
  796.             <!-- 界面优化设置 -->  
  797.             <div class="settings-section" id="section-ui">  
  798.                 <h3>🎨 界面优化设置</h3>  
  799.                 <div class="setting-item">  
  800.                     <div class="setting-toggle">  
  801.                       <label class="switch">  
  802.                           <input type="checkbox" id="useBiggerButton" ${
  803.                             settings.useBiggerButton ? "checked" : ""
  804.                           }>  
  805.                           <span class="slider"></span>  
  806.                       </label>  
  807.                       <span class="setting-label" data-for="description-useBiggerButton">加大翻页按钮尺寸</span>  
  808.                     </div>  
  809.                     <div class="setting-description" id="description-useBiggerButton">  
  810.                       增大页面翻页按钮的尺寸和点击区域，提升操作便捷性。  
  811.                     </div>  
  812.                 </div>  
  813.                 <div class="setting-item">  
  814.                     <div class="setting-toggle">  
  815.                       <label class="switch">  
  816.                           <input type="checkbox" id="betterTitle" ${
  817.                             settings.betterTitle ? "checked" : ""
  818.                           }>  
  819.                           <span class="slider"></span>  
  820.                       </label>  
  821.                       <span class="setting-label" data-for="description-betterTitle">优化页面标题</span>  
  822.                     </div>  
  823.                     <div class="setting-description" id="description-betterTitle">  
  824.                       优化浏览器标签页的标题显示，更直观地反映当前页面内容。  
  825.                     </div>  
  826.                 </div>  
  827.             </div>  
  828.             
  829.             <!-- 系统设置 -->  
  830.             <div class="settings-section" id="section-system">  
  831.                 <h3>⚙️ 系统设置</h3>  
  832.                 <div class="setting-item">  
  833.                     <div class="setting-toggle">  
  834.                       <label class="switch">  
  835.                           <input type="checkbox" id="fixTicketBug" checked disabled>  
  836.                           <span class="slider"></span>  
  837.                       </label>  
  838.                       <span class="setting-label" data-for="description-fixTicketBug">修复ticket跳转问题</span>  
  839.                     </div>  
  840.                     <div class="setting-description" id="description-fixTicketBug">  
  841.                       修复登录过期后，重新登录出现无法获取ticket提示的问题。  
  842.                     </div>  
  843.                 </div>  
  844.                 <div class="setting-item">  
  845.                     <div class="setting-toggle">  
  846.                       <label class="switch">  
  847.                           <input type="checkbox" id="autoUpdate" ${
  848.                             settings.autoUpdate ? "checked" : ""
  849.                           }>  
  850.                           <span class="slider"></span>  
  851.                       </label>  
  852.                       <span class="setting-label" data-for="description-autoUpdate">内置更新检查</span>  
  853.                     </div>  
  854.                     <div class="setting-description" id="description-autoUpdate">  
  855.                       定期检查脚本更新，确保您始终使用最新版本的功能和修复。  
  856.                     </div>  
  857.                 </div>  
  858.             </div>  
  859.             
  860.             <!-- 关于助手 -->  
  861.             <div class="settings-section" id="section-about">  
  862.                 <h3>ℹ️ 关于云邮教学空间助手</h3>  
  863.                 <div class="about-content">  
  864.                     <p>云邮教学空间助手是一款专为云邮教学空间平台设计的浏览器增强脚本。</p>  
  865.                     
  866.                     <h4>🚀 主要功能</h4>  
  867.                     <ul>  
  868.                         <li>课件预览增强 - 提供更流畅的课件浏览体验</li>  
  869.                         <li>通知管理优化 - 更清晰地整理和显示重要通知</li>  
  870.                         <li>界面体验提升 - 优化布局与交互，提高使用效率</li>  
  871.                     </ul>  
  872.                     
  873.                     <h4>🔗 相关链接</h4>  
  874.                     <p>  
  875.                         <a href="https://github.com/uarix/ucloud-Evolved/" target="_blank" class="github-link">  
  876.                             <svg class="github-icon" height="16" width="16" viewBox="0 0 16 16" aria-hidden="true">  
  877.                                 <path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>  
  878.                             </svg>  
  879.                             <span>GitHub 项目主页</span>  
  880.                         </a>  
  881.                     </p>  
  882.                     
  883.                     <p class="feedback-note">  
  884.                         如有问题或建议，请通过   
  885.                         <a href="https://github.com/uarix/ucloud-Evolved/issues" target="_blank">GitHub Issues</a>   
  886.                         提交反馈。  
  887.                     </p>  
  888.                 </div>  
  889.             </div>  
  890.             
  891.             <div class="buttons">  
  892.                 <button id="cancelSettings" class="cancel">取消</button>  
  893.                 <button id="saveSettings">保存设置</button>  
  894.             </div>  
  895.         </div>  
  896.       </div>  
  897.     `;
  898.  
  899.     settingsPanel.innerHTML = header + mainContent;
  900.     document.body.appendChild(settingsPanel);
  901.  
  902.     // 菜单切换功能
  903.     document
  904.       .querySelectorAll("#yzHelper-settings-sidebar .menu-item")
  905.       .forEach((item) => {
  906.         item.addEventListener("click", function () {
  907.           // 移除所有菜单项的活动状态
  908.           document
  909.             .querySelectorAll("#yzHelper-settings-sidebar .menu-item")
  910.             .forEach((i) => {
  911.               i.classList.remove("active");
  912.             });
  913.           document
  914.             .querySelectorAll("#yzHelper-settings-content .settings-section")
  915.             .forEach((section) => {
  916.               section.classList.remove("active");
  917.             });
  918.  
  919.           this.classList.add("active");
  920.           const sectionId = "section-" + this.getAttribute("data-section");
  921.           document.getElementById(sectionId).classList.add("active");
  922.  
  923.           // 隐藏所有设置描述
  924.           document.querySelectorAll(".setting-description").forEach((desc) => {
  925.             desc.classList.remove("visible");
  926.           });
  927.         });
  928.       });
  929.  
  930.     // 设置描述显示/隐藏功能
  931.     document.querySelectorAll(".setting-label").forEach((label) => {
  932.       label.addEventListener("click", function () {
  933.         const descriptionId = this.getAttribute("data-for");
  934.         const description = document.getElementById(descriptionId);
  935.  
  936.         // 隐藏所有其他描述
  937.         document.querySelectorAll(".setting-description").forEach((desc) => {
  938.           if (desc.id !== descriptionId) {
  939.             desc.classList.remove("visible");
  940.           }
  941.         });
  942.  
  943.         // 切换当前描述的可见性
  944.         description.classList.toggle("visible");
  945.       });
  946.     });
  947.  
  948.     settingsToggle.addEventListener("click", () => {
  949.       const isVisible = settingsPanel.classList.contains("visible");
  950.       if (isVisible) {
  951.         settingsPanel.classList.remove("visible");
  952.         setTimeout(() => {
  953.           settingsPanel.style.display = "none";
  954.         }, 300);
  955.       } else {
  956.         settingsPanel.style.display = "flex";
  957.         void settingsPanel.offsetWidth;
  958.         settingsPanel.classList.add("visible");
  959.       }
  960.     });
  961.  
  962.     document.getElementById("cancelSettings").addEventListener("click", () => {
  963.       settingsPanel.classList.remove("visible");
  964.       setTimeout(() => {
  965.         settingsPanel.style.display = "none";
  966.       }, 300);
  967.     });
  968.  
  969.     document.getElementById("saveSettings").addEventListener("click", () => {
  970.       Array.from(
  971.         document
  972.           .querySelector("#yzHelper-settings-content")
  973.           .querySelectorAll('input[type="checkbox"]:not(:disabled)')
  974.       ).forEach((checkbox) => {
  975.         settings[checkbox.id] = checkbox.checked;
  976.         GM_setValue(checkbox.id, checkbox.checked);
  977.       });
  978.  
  979.       settingsPanel.classList.remove("visible");
  980.       setTimeout(() => {
  981.         settingsPanel.style.display = "none";
  982.         showNotification("设置已保存", "刷新页面后生效");
  983.       }, 300);
  984.     });
  985.   }
  986.  
  987.   // 通知函数
  988.   function showNotification(title, message) {
  989.     const notification = document.createElement("div");
  990.     notification.style.cssText = `  
  991.           position: fixed;  
  992.           bottom: 80px;    
  993.           right: 20px;  
  994.           background: #4CAF50;  
  995.           color: white;  
  996.           padding: 15px 20px;  
  997.           border-radius: 8px;  
  998.           box-shadow: 0 4px 12px rgba(0,0,0,0.15);  
  999.           z-index: 10000;  
  1000.           font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;  
  1001.           max-width: 300px;  
  1002.           opacity: 0;  
  1003.           transform: translateY(-10px);  
  1004.           transition: all 0.3s ease;  
  1005.       `;
  1006.  
  1007.     notification.innerHTML = `  
  1008.           <div style="font-weight: bold; margin-bottom: 5px;">${title}</div>  
  1009.           <div style="font-size: 14px;">${message}</div>  
  1010.       `;
  1011.  
  1012.     document.body.appendChild(notification);
  1013.  
  1014.     void notification.offsetWidth;
  1015.  
  1016.     notification.style.opacity = "1";
  1017.     notification.style.transform = "translateY(0)";
  1018.  
  1019.     setTimeout(() => {
  1020.       notification.style.opacity = "0";
  1021.       notification.style.transform = "translateY(-10px)";
  1022.       setTimeout(() => {
  1023.         document.body.removeChild(notification);
  1024.       }, 300);
  1025.     }, 3000);
  1026.   }
  1027.  
  1028.   // 获取Token
  1029.   function getToken() {
  1030.     const cookieMap = new Map();
  1031.     document.cookie.split("; ").forEach((cookie) => {
  1032.       const [key, value] = cookie.split("=");
  1033.       cookieMap.set(key, value);
  1034.     });
  1035.     const token = cookieMap.get("iClass-token");
  1036.     const userid = cookieMap.get("iClass-uuid");
  1037.     return [userid, token];
  1038.   }
  1039.  
  1040.   // 文件下载相关函数
  1041.   async function downloadFile(url, filename) {
  1042.     console.log("Call download");
  1043.     downloading = true;
  1044.     await jsp;
  1045.     NProgress.configure({ trickle: false, speed: 0 });
  1046.     try {
  1047.       const response = await fetch(url);
  1048.  
  1049.       if (!response.ok) {
  1050.         throw new Error(`HTTP error! status: ${response.status}`);
  1051.       }
  1052.  
  1053.       const contentLength = response.headers.get("content-length");
  1054.       if (!contentLength) {
  1055.         throw new Error("Content-Length response header unavailable");
  1056.       }
  1057.  
  1058.       const total = parseInt(contentLength, 10);
  1059.       sumBytes += total;
  1060.       const reader = response.body.getReader();
  1061.       const chunks = [];
  1062.       while (true) {
  1063.         const { done, value } = await reader.read();
  1064.         if (done) break;
  1065.         if (!downloading) {
  1066.           NProgress.done();
  1067.           return;
  1068.         }
  1069.         chunks.push(value);
  1070.         loadedBytes += value.length;
  1071.         NProgress.set(loadedBytes / sumBytes);
  1072.       }
  1073.       NProgress.done();
  1074.       sumBytes -= total;
  1075.       loadedBytes -= total;
  1076.       const blob = new Blob(chunks);
  1077.       const downloadUrl = window.URL.createObjectURL(blob);
  1078.       const a = document.createElement("a");
  1079.       a.href = downloadUrl;
  1080.       a.download = filename;
  1081.       document.body.appendChild(a);
  1082.       a.click();
  1083.       window.URL.revokeObjectURL(downloadUrl);
  1084.     } catch (error) {
  1085.       console.error("Download failed:", error);
  1086.     }
  1087.   }
  1088.  
  1089.   // 任务搜索函数
  1090.   async function searchTask(siteId, keyword, token) {
  1091.     const res = await fetch(
  1092.       "https://apiucloud.bupt.edu.cn/ykt-site/work/student/list",
  1093.       {
  1094.         headers: {
  1095.           authorization: "Basic cG9ydGFsOnBvcnRhbF9zZWNyZXQ=",
  1096.           "blade-auth": token,
  1097.           "content-type": "application/json;charset=UTF-8",
  1098.         },
  1099.         body: JSON.stringify({
  1100.           siteId,
  1101.           keyword,
  1102.           current: 1,
  1103.           size: 5,
  1104.         }),
  1105.         method: "POST",
  1106.       }
  1107.     );
  1108.     const json = await res.json();
  1109.     return json;
  1110.   }
  1111.  
  1112.   // 课程搜索函数
  1113.   async function searchCourse(userId, id, keyword, token) {
  1114.     const res = await fetch(
  1115.       "https://apiucloud.bupt.edu.cn/ykt-site/site/list/student/current?size=999999&current=1&userId=" +
  1116.         userId +
  1117.         "&siteRoleCode=2",
  1118.       {
  1119.         headers: {
  1120.           authorization: "Basic cG9ydGFsOnBvcnRhbF9zZWNyZXQ=",
  1121.           "blade-auth": token,
  1122.         },
  1123.         body: null,
  1124.         method: "GET",
  1125.       }
  1126.     );
  1127.     const json = await res.json();
  1128.     const list = json.data.records.map((x) => ({
  1129.       id: x.id,
  1130.       name: x.siteName,
  1131.       teachers: x.teachers.map((y) => y.name).join(", "),
  1132.     }));
  1133.  
  1134.     async function searchWithLimit(list, id, keyword, token, limit = 5) {
  1135.       for (let i = 0; i < list.length; i += limit) {
  1136.         const batch = list.slice(i, i + limit);
  1137.         const jobs = batch.map((x) => searchTask(x.id, keyword, token));
  1138.         const ress = await Promise.all(jobs);
  1139.         for (let j = 0; j < ress.length; j++) {
  1140.           const res = ress[j];
  1141.           if (res.data && res.data.records && res.data.records.length > 0) {
  1142.             for (const item of res.data.records) {
  1143.               if (item.id == id) {
  1144.                 return batch[j];
  1145.               }
  1146.             }
  1147.           }
  1148.         }
  1149.       }
  1150.       return null;
  1151.     }
  1152.     return await searchWithLimit(list, id, keyword, token);
  1153.   }
  1154.  
  1155.   // 获取任务列表
  1156.   async function getTasks(siteId, token) {
  1157.     const res = await fetch(
  1158.       "https://apiucloud.bupt.edu.cn/ykt-site/work/student/list",
  1159.       {
  1160.         headers: {
  1161.           authorization: "Basic cG9ydGFsOnBvcnRhbF9zZWNyZXQ=",
  1162.           "blade-auth": token,
  1163.           "content-type": "application/json;charset=UTF-8",
  1164.         },
  1165.         body: JSON.stringify({
  1166.           siteId,
  1167.           current: 1,
  1168.           size: 9999,
  1169.         }),
  1170.         method: "POST",
  1171.       }
  1172.     );
  1173.     const json = await res.json();
  1174.     return json;
  1175.   }
  1176.  
  1177.   // 搜索课程
  1178.   async function searchCourses(nids) {
  1179.     const result = {};
  1180.     let ids = [];
  1181.     for (let id of nids) {
  1182.       const r = get(id);
  1183.       if (r) result[id] = r;
  1184.       else ids.push(id);
  1185.     }
  1186.  
  1187.     if (ids.length == 0) return result;
  1188.     const [userid, token] = getToken();
  1189.     const res = await fetch(
  1190.       "https://apiucloud.bupt.edu.cn/ykt-site/site/list/student/current?size=999999&current=1&userId=" +
  1191.         userid +
  1192.         "&siteRoleCode=2",
  1193.       {
  1194.         headers: {
  1195.           authorization: "Basic cG9ydGFsOnBvcnRhbF9zZWNyZXQ=",
  1196.           "blade-auth": token,
  1197.         },
  1198.         body: null,
  1199.         method: "GET",
  1200.       }
  1201.     );
  1202.     const json = await res.json();
  1203.     const list = json.data.records.map((x) => ({
  1204.       id: x.id,
  1205.       name: x.siteName,
  1206.       teachers: x.teachers.map((y) => y.name).join(", "),
  1207.     }));
  1208.     const hashMap = new Map();
  1209.     let count = ids.length;
  1210.     for (let i = 0; i < ids.length; i++) {
  1211.       hashMap.set(ids[i], i);
  1212.     }
  1213.  
  1214.     async function searchWithLimit(list, limit = 5) {
  1215.       for (let i = 0; i < list.length; i += limit) {
  1216.         const batch = list.slice(i, i + limit);
  1217.         const jobs = batch.map((x) => getTasks(x.id, token));
  1218.         const ress = await Promise.all(jobs);
  1219.         for (let j = 0; j < ress.length; j++) {
  1220.           const res = ress[j];
  1221.           if (res.data && res.data.records && res.data.records.length > 0) {
  1222.             for (const item of res.data.records) {
  1223.               if (hashMap.has(item.id)) {
  1224.                 result[item.id] = batch[j];
  1225.                 set(item.id, batch[j]);
  1226.                 if (--count == 0) {
  1227.                   return result;
  1228.                 }
  1229.               }
  1230.             }
  1231.           }
  1232.         }
  1233.       }
  1234.       return result;
  1235.     }
  1236.     return await searchWithLimit(list);
  1237.   }
  1238.  
  1239.   // 获取未完成列表
  1240.   async function getUndoneList() {
  1241.     const [userid, token] = getToken();
  1242.     const res = await fetch(
  1243.       "https://apiucloud.bupt.edu.cn/ykt-site/site/student/undone?userId=" +
  1244.         userid,
  1245.       {
  1246.         headers: {
  1247.           authorization: "Basic cG9ydGFsOnBvcnRhbF9zZWNyZXQ=",
  1248.           "blade-auth": token,
  1249.         },
  1250.         method: "GET",
  1251.       }
  1252.     );
  1253.     const json = await res.json();
  1254.     return json;
  1255.   }
  1256.  
  1257.   // 获取详情
  1258.   async function getDetail(id) {
  1259.     const [userid, token] = getToken();
  1260.     const res = await fetch(
  1261.       "https://apiucloud.bupt.edu.cn/ykt-site/work/detail?assignmentId=" + id,
  1262.       {
  1263.         headers: {
  1264.           authorization: "Basic cG9ydGFsOnBvcnRhbF9zZWNyZXQ=",
  1265.           "blade-auth": token,
  1266.         },
  1267.         body: null,
  1268.         method: "GET",
  1269.       }
  1270.     );
  1271.     const json = await res.json();
  1272.     return json;
  1273.   }
  1274.  
  1275.   // 获取站点资源
  1276.   async function getSiteResource(id) {
  1277.     const [userid, token] = getToken();
  1278.     const res = await fetch(
  1279.       "https://apiucloud.bupt.edu.cn/ykt-site/site-resource/tree/student?siteId=" +
  1280.         id +
  1281.         "&userId=" +
  1282.         userid,
  1283.       {
  1284.         headers: {
  1285.           authorization: "Basic cG9ydGFsOnBvcnRhbF9zZWNyZXQ=",
  1286.           "blade-auth": token,
  1287.         },
  1288.         body: null,
  1289.         method: "POST",
  1290.       }
  1291.     );
  1292.     const json = await res.json();
  1293.     const result = [];
  1294.     function foreach(data) {
  1295.       if (!data || !Array.isArray(data)) return;
  1296.       data.forEach((x) => {
  1297.         if (x.attachmentVOs && Array.isArray(x.attachmentVOs)) {
  1298.           x.attachmentVOs.forEach((y) => {
  1299.             if (y.type !== 2 && y.resource) result.push(y.resource);
  1300.           });
  1301.         }
  1302.         if (x.children) foreach(x.children);
  1303.       });
  1304.     }
  1305.     foreach(json.data);
  1306.     return result;
  1307.   }
  1308.  
  1309.   // 更新作业显示
  1310.   async function updateAssignmentDisplay(list, page) {
  1311.     if (!list || list.length === 0) return;
  1312.  
  1313.     // 获取当前页的作业
  1314.     const tlist = list.slice((page - 1) * 6, page * 6);
  1315.     if (tlist.length === 0) return;
  1316.  
  1317.     // 获取课程信息
  1318.     const ids = tlist.map((x) => x.activityId);
  1319.     const infos = await searchCourses(ids);
  1320.  
  1321.     // 确保所有信息都已获取到
  1322.     if (Object.keys(infos).length === 0) return;
  1323.  
  1324.     // 准备显示文本
  1325.     const texts = tlist.map((x) => {
  1326.       const info = infos[x.activityId];
  1327.       return info ? `${info.name}(${info.teachers})` : "加载中...";
  1328.     });
  1329.  
  1330.     // 等待作业元素显示
  1331.     const timeout = 5000; // 5秒超时
  1332.     const startTime = Date.now();
  1333.  
  1334.     let nodes;
  1335.     while (Date.now() - startTime < timeout) {
  1336.       nodes = $x(
  1337.         '//*[@id="layout-container"]/div[2]/div[2]/div/div[2]/div[1]/div[3]/div[2]/div/div'
  1338.       );
  1339.       if (
  1340.         nodes.length > 0 &&
  1341.         nodes.some((node) => node.children[0] && node.children[0].innerText)
  1342.       ) {
  1343.         break;
  1344.       }
  1345.       await sleep(100);
  1346.     }
  1347.  
  1348.     // 更新课程信息显示
  1349.     for (let i = 0; i < Math.min(nodes.length, texts.length); i++) {
  1350.       if (nodes[i] && nodes[i].children[1]) {
  1351.         if (nodes[i].children[1].children.length === 0) {
  1352.           const p = document.createElement("div");
  1353.           const t = document.createTextNode(texts[i]);
  1354.           p.appendChild(t);
  1355.           p.style.color = "#0066cc";
  1356.           nodes[i].children[1].insertAdjacentElement("afterbegin", p);
  1357.         } else {
  1358.           nodes[i].children[1].children[0].innerHTML = texts[i];
  1359.           nodes[i].children[1].children[0].style.color = "#0066cc";
  1360.         }
  1361.       }
  1362.     }
  1363.   }
  1364.  
  1365.   // XPath选择器
  1366.   function $x(xpath, context = document) {
  1367.     const iterator = document.evaluate(
  1368.       xpath,
  1369.       context,
  1370.       null,
  1371.       XPathResult.ANY_TYPE,
  1372.       null
  1373.     );
  1374.     const results = [];
  1375.     let item;
  1376.     while ((item = iterator.iterateNext())) {
  1377.       results.push(item);
  1378.     }
  1379.     return results;
  1380.   }
  1381.  
  1382.   // 本地存储
  1383.   function set(k, v) {
  1384.     const h = JSON.parse(localStorage.getItem("zzxw") || "{}");
  1385.     h[k] = v;
  1386.     localStorage.setItem("zzxw", JSON.stringify(h));
  1387.   }
  1388.  
  1389.   function get(k) {
  1390.     const h = JSON.parse(localStorage.getItem("zzxw") || "{}");
  1391.     return h[k];
  1392.   }
  1393.  
  1394.   // 插入课程信息
  1395.   function insert(x) {
  1396.     if (!x) return;
  1397.     if (
  1398.       $x(
  1399.         "/html/body/div[1]/div/div[2]/div[2]/div/div/div[2]/div/div[2]/div[1]/div/div/div[1]/div/p"
  1400.       ).length > 2
  1401.     )
  1402.       return;
  1403.     const d = $x(
  1404.       "/html/body/div[1]/div/div[2]/div[2]/div/div/div[2]/div/div[2]/div[1]/div/div/div[1]/div/p[1]"
  1405.     );
  1406.     if (!d.length) {
  1407.       setTimeout(() => insert(x), 50);
  1408.       return;
  1409.     }
  1410.     // 检查是否已经插入过
  1411.     const existingText = Array.from(d[0].parentNode.childNodes).some(
  1412.       (node) => node.textContent && node.textContent.includes(x.name)
  1413.     );
  1414.  
  1415.     if (!existingText) {
  1416.       const p = document.createElement("p");
  1417.       const t = document.createTextNode(x.name + "(" + x.teachers + ")");
  1418.       p.appendChild(t);
  1419.       d[0].after(p);
  1420.     }
  1421.   }
  1422.  
  1423.   // 辅助函数
  1424.   function sleep(n) {
  1425.     return new Promise((res) => setTimeout(res, n));
  1426.   }
  1427.  
  1428.   async function wait(func) {
  1429.     let r = func();
  1430.     if (r instanceof Promise) r = await r;
  1431.     if (r) return r;
  1432.     await sleep(50);
  1433.     return await wait(func);
  1434.   }
  1435.  
  1436.   async function waitChange(func, value) {
  1437.     const r = value;
  1438.     while (1) {
  1439.       let t = func();
  1440.       if (t instanceof Promise) t = await t;
  1441.       if (t != r) return t;
  1442.       await sleep(50);
  1443.     }
  1444.   }
  1445.  
  1446.   // 预览URL相关
  1447.   async function getPreviewURL(storageId) {
  1448.     const res = await fetch(
  1449.       "https://apiucloud.bupt.edu.cn/blade-source/resource/preview-url?resourceId=" +
  1450.         storageId
  1451.     );
  1452.     const json = await res.json();
  1453.     onlinePreview = json.data.onlinePreview;
  1454.     return json.data.previewUrl;
  1455.   }
  1456.  
  1457.   // 启用文本选择 修改按钮尺寸
  1458.   function addFunctionalCSS() {
  1459.     GM_addStyle(`
  1460.     .teacher-home-page .home-left-container .in-progress-section .in-progress-body .in-progress-item .activity-box .activity-title {  
  1461.       height: auto !important;
  1462.     }  
  1463.     #layout-container > div.main-content > div.router-container > div > div.my-course-page {
  1464.       max-height: none !important; 
  1465.     }
  1466.     `);
  1467.     if (settings.betterNotificationHighlight) {
  1468.       GM_addStyle(`
  1469.       .notification-with-dot {  
  1470.         background-color: #fff8f8 !important;  
  1471.         border-left: 5px solid #f56c6c !important;  
  1472.         box-shadow: 0 2px 6px rgba(245, 108, 108, 0.2) !important;  
  1473.         padding: 0 22px !important;  
  1474.         margin-bottom: 8px !important;  
  1475.         border-radius: 4px !important;  
  1476.         transition: all 0.3s ease !important;  
  1477.     }  
  1478.     .notification-with-dot:hover {  
  1479.         background-color: #fff0f0 !important;  
  1480.         box-shadow: 0 4px 12px rgba(245, 108, 108, 0.3) !important;  
  1481.         transform: translateY(-2px) !important;  
  1482.     }  
  1483.     `);
  1484.     }
  1485.     if (settings.enableTextSelection) {
  1486.       GM_addStyle(`  
  1487.         .el-checkbox, .el-checkbox-button__inner, .el-empty__image img, .el-radio,  
  1488.         div, span, p, a, h1, h2, h3, h4, h5, h6, li, td, th {  
  1489.           -webkit-user-select: auto !important;  
  1490.           -moz-user-select: auto !important;  
  1491.           -ms-user-select: auto !important;  
  1492.           user-select: auto !important;  
  1493.         }  
  1494.         `);
  1495.       document.addEventListener(
  1496.         "copy",
  1497.         function (e) {
  1498.           e.stopImmediatePropagation();
  1499.         },
  1500.         true
  1501.       );
  1502.  
  1503.       document.addEventListener(
  1504.         "selectstart",
  1505.         function (e) {
  1506.           e.stopImmediatePropagation();
  1507.         },
  1508.         true
  1509.       );
  1510.     }
  1511.     if (settings.useBiggerButton) {
  1512.       GM_addStyle(`
  1513.       .teacher-home-page .home-left-container .my-lesson-section .my-lesson-header .header-control .banner-control-btn, .teacher-home-page .home-left-container .in-progress-section .in-progress-header .header-control .banner-control-btn {
  1514.         width: 60px !important;
  1515.         height: 30px !important;
  1516.         background: #f2f2f2 !important;
  1517.         line-height: auto !important;
  1518.       }
  1519.       .teacher-home-page .home-left-container .my-lesson-section .my-lesson-header .header-control .banner-control-btn span,.teacher-home-page .home-left-container .in-progress-section .in-progress-header .header-control .banner-control-btn span {
  1520.         font-size: 22px !important;
  1521.       }
  1522.       .el-icon-arrow-left, .el-icon-arrow-right {
  1523.         height: 100%;
  1524.         display: flex;
  1525.         align-items: center;
  1526.         justify-content: center;
  1527.       }
  1528.     `);
  1529.     }
  1530.   }
  1531.  
  1532.   // 主函数
  1533.   async function main() {
  1534.     "use strict";
  1535.     // ticket跳转
  1536.     if (new URLSearchParams(location.search).get("ticket")?.length) {
  1537.       setTimeout(() => {
  1538.         location.href = "https://ucloud.bupt.edu.cn/uclass/#/student/homePage";
  1539.       }, 500);
  1540.       return;
  1541.     }
  1542.  
  1543.     // 课件预览页面
  1544.     if (
  1545.       location.href.startsWith(
  1546.         "https://ucloud.bupt.edu.cn/uclass/course.html#/resourceLearn"
  1547.       )
  1548.     ) {
  1549.       if (settings.betterTitle) {
  1550.         function extractFilename(url) {
  1551.           try {
  1552.             const match = url.match(/previewUrl=([^&]+)/);
  1553.             if (!match) return null;
  1554.  
  1555.             const previewUrl = decodeURIComponent(match[1]);
  1556.  
  1557.             // 从content-disposition中提取文件名
  1558.             const filenameMatch = previewUrl.match(/filename%3D([^&]+)/);
  1559.             if (!filenameMatch) return null;
  1560.  
  1561.             return decodeURIComponent(decodeURIComponent(filenameMatch[1]));
  1562.           } catch (e) {
  1563.             return null;
  1564.           }
  1565.         }
  1566.         const url = location.href;
  1567.         const filename = extractFilename(url);
  1568.         const site = JSON.parse(localStorage.getItem("site"));
  1569.         const pageTitle =
  1570.           "[预览] " +
  1571.           (filename || "课件") +
  1572.           " - " +
  1573.           site.siteName +
  1574.           " - 教学云空间";
  1575.         document.title = pageTitle;
  1576.       }
  1577.       if (settings.autoClosePopup) {
  1578.         const dialogBox = document.querySelector("div.el-message-box__wrapper");
  1579.  
  1580.         if (
  1581.           dialogBox &&
  1582.           window.getComputedStyle(dialogBox).display !== "none"
  1583.         ) {
  1584.           const messageElement = dialogBox.querySelector(
  1585.             ".el-message-box__message p"
  1586.           );
  1587.           if (
  1588.             messageElement &&
  1589.             (messageElement.textContent.includes("您正在学习其他课件") ||
  1590.               messageElement.textContent.includes("您已经在学习此课件了"))
  1591.           ) {
  1592.             const confirmButton = dialogBox.querySelector(
  1593.               ".el-button--primary"
  1594.             );
  1595.             if (confirmButton) {
  1596.               confirmButton.click();
  1597.             } else {
  1598.               console.log("未找到确认按钮");
  1599.             }
  1600.           }
  1601.         }
  1602.       }
  1603.       if (settings.hideTimer) {
  1604.         GM_addStyle(`
  1605.         .preview-container .time {  
  1606.             display: none !important;  
  1607.         }  
  1608.       `);
  1609.       }
  1610.     }
  1611.  
  1612.     // 作业详情页面
  1613.     if (
  1614.       location.href.startsWith(
  1615.         "https://ucloud.bupt.edu.cn/uclass/course.html#/student/assignmentDetails_fullpage"
  1616.       )
  1617.     ) {
  1618.       const q = new URLSearchParams(location.href);
  1619.       const id = q.get("assignmentId");
  1620.       const r = get(id);
  1621.       const [userid, token] = getToken();
  1622.       const title = q.get("assignmentTitle");
  1623.       if (settings.betterTitle) {
  1624.         const pageTitle = "[作业] " + title + " - " + r.name + " - 教学云空间";
  1625.         document.title = pageTitle;
  1626.       }
  1627.       // 显示相关课程信息
  1628.       if (r) {
  1629.         insert(r);
  1630.       } else {
  1631.         if (!id || !title) return;
  1632.         try {
  1633.           const courseInfo = await searchCourse(userid, id, title, token);
  1634.           if (courseInfo) {
  1635.             insert(courseInfo);
  1636.             set(id, courseInfo);
  1637.           }
  1638.         } catch (e) {
  1639.           console.error("获取课程信息失败", e);
  1640.         }
  1641.       }
  1642.  
  1643.       // 处理资源预览和下载
  1644.       try {
  1645.         const detail = (await getDetail(id)).data;
  1646.         if (!detail || !detail.assignmentResource) return;
  1647.  
  1648.         const filenames = detail.assignmentResource.map((x) => x.resourceName);
  1649.         const urls = await Promise.all(
  1650.           detail.assignmentResource.map((x) => {
  1651.             return getPreviewURL(x.resourceId);
  1652.           })
  1653.         );
  1654.  
  1655.         await wait(
  1656.           () =>
  1657.             $x('//*[@id="assignment-info"]/div[2]/div[2]/div[2]/div').length > 0
  1658.         );
  1659.  
  1660.         $x('//*[@id="assignment-info"]/div[2]/div[2]/div[2]/div').forEach(
  1661.           (x, index) => {
  1662.             if (
  1663.               x.querySelector(".by-icon-eye-grey") ||
  1664.               x.querySelector(".by-icon-yundown-grey")
  1665.             ) {
  1666.               x.querySelector(".by-icon-eye-grey").remove();
  1667.               x.querySelector(".by-icon-yundown-grey").remove();
  1668.             }
  1669.  
  1670.             // 添加预览按钮
  1671.             const i = document.createElement("i");
  1672.             i.title = "预览";
  1673.             i.classList.add("by-icon-eye-grey");
  1674.             i.addEventListener("click", () => {
  1675.               const url = urls[index];
  1676.               const filename = filenames[index];
  1677.               if (settings.autoDownload) {
  1678.                 downloadFile(url, filename);
  1679.                 console.log("Autodownload");
  1680.               }
  1681.               if (
  1682.                 filename.endsWith(".xls") ||
  1683.                 filename.endsWith(".xlsx") ||
  1684.                 url.endsWith(".doc") ||
  1685.                 url.endsWith(".docx") ||
  1686.                 url.endsWith(".ppt") ||
  1687.                 url.endsWith(".pptx")
  1688.               )
  1689.                 openTab(
  1690.                   "https://view.officeapps.live.com/op/view.aspx?src=" +
  1691.                     encodeURIComponent(url),
  1692.                   { active: true, insert: true }
  1693.                 );
  1694.               else if (onlinePreview !== null)
  1695.                 openTab(onlinePreview + encodeURIComponent(url), {
  1696.                   active: true,
  1697.                   insert: true,
  1698.                 });
  1699.             });
  1700.  
  1701.             // 添加下载按钮
  1702.             const i2 = document.createElement("i");
  1703.             i2.title = "下载";
  1704.             i2.classList.add("by-icon-yundown-grey");
  1705.             i2.addEventListener("click", () => {
  1706.               downloadFile(urls[index], filenames[index]);
  1707.             });
  1708.  
  1709.             // 插入按钮
  1710.             if (x.children.length >= 3) {
  1711.               x.children[3]?.remove();
  1712.               x.children[2]?.insertAdjacentElement("afterend", i);
  1713.               x.children[2]?.remove();
  1714.               x.children[1]?.insertAdjacentElement("afterend", i2);
  1715.             } else {
  1716.               x.appendChild(i2);
  1717.               x.appendChild(i);
  1718.             }
  1719.           }
  1720.         );
  1721.       } catch (e) {
  1722.         console.error("处理资源失败", e);
  1723.       }
  1724.     }
  1725.  
  1726.     // 主页面
  1727.     else if (
  1728.       location.href.startsWith(
  1729.         "https://ucloud.bupt.edu.cn/uclass/#/student/homePage"
  1730.       ) ||
  1731.       location.href.startsWith(
  1732.         "https://ucloud.bupt.edu.cn/uclass/index.html#/student/homePage"
  1733.       )
  1734.     ) {
  1735.       try {
  1736.         if (settings.betterTitle) {
  1737.           const pageTitle = "个人主页 - 教学云空间";
  1738.           document.title = pageTitle;
  1739.         }
  1740.         // 未完成任务列表
  1741.         const list = glist || (await getUndoneList()).data.undoneList;
  1742.         if (!list || !Array.isArray(list)) return;
  1743.         glist = list;
  1744.  
  1745.         const observer = new MutationObserver(async (mutations) => {
  1746.           // 当前页码
  1747.           const pageElement = document.querySelector(
  1748.             "#layout-container > div.main-content > div.router-container > div > div.teacher-home-page > div.home-left-container.home-inline-block > div.in-progress-section.home-card > div.in-progress-header > div > div:nth-child(2) > div > div.banner-indicator.home-inline-block"
  1749.           );
  1750.  
  1751.           if (!pageElement) return;
  1752.  
  1753.           // 解析页码
  1754.           const currentPage = parseInt(
  1755.             pageElement.innerHTML.trim().split("/")[0]
  1756.           );
  1757.           if (isNaN(currentPage)) return;
  1758.  
  1759.           // 页码变化则更新显示
  1760.           if (currentPage !== gpage) {
  1761.             gpage = currentPage;
  1762.             await updateAssignmentDisplay(list, currentPage);
  1763.           }
  1764.         });
  1765.  
  1766.         observer.observe(document.body, {
  1767.           childList: true,
  1768.           subtree: true,
  1769.           attributes: false,
  1770.           characterData: true,
  1771.         });
  1772.  
  1773.         // 初始化页码
  1774.         let page = 1;
  1775.         const pageElement = document.querySelector(
  1776.           "#layout-container > div.main-content > div.router-container > div > div.teacher-home-page > div.home-left-container.home-inline-block > div.in-progress-section.home-card > div.in-progress-header > div > div:nth-child(2) > div > div.banner-indicator.home-inline-block"
  1777.         );
  1778.  
  1779.         if (pageElement) {
  1780.           page = parseInt(pageElement.innerHTML.trim().split("/")[0]);
  1781.           gpage = page;
  1782.         }
  1783.  
  1784.         // 更新作业显示
  1785.         await updateAssignmentDisplay(list, page);
  1786.  
  1787.         // 本学期课程点击事件
  1788.         document.querySelectorAll('div[class="header-label"]').forEach((el) => {
  1789.           if (el.textContent.includes("本学期课程")) {
  1790.             el.style.cursor = "pointer";
  1791.             el.addEventListener("click", (e) => {
  1792.               e.preventDefault();
  1793.               window.location.href =
  1794.                 "https://ucloud.bupt.edu.cn/uclass/index.html#/student/myCourse";
  1795.             });
  1796.           }
  1797.         });
  1798.       } catch (e) {
  1799.         console.error("主页处理失败", e);
  1800.       }
  1801.     }
  1802.  
  1803.     // 课程主页
  1804.     else if (
  1805.       location.href.startsWith(
  1806.         "https://ucloud.bupt.edu.cn/uclass/course.html#/student/courseHomePage"
  1807.       )
  1808.     ) {
  1809.       try {
  1810.         const site = JSON.parse(localStorage.getItem("site"));
  1811.         if (!site || !site.id) return;
  1812.         if (settings.betterTitle) {
  1813.           const pageTitle = "[课程] " + site.siteName + " - 教学云空间";
  1814.           document.title = pageTitle;
  1815.         }
  1816.  
  1817.         const id = site.id;
  1818.         const resources = await getSiteResource(id);
  1819.  
  1820.         // 添加下载按钮到每个资源
  1821.         const resourceItems = $x(
  1822.           '//div[@class="resource-item"]/div[@class="right"]'
  1823.         );
  1824.         const previewItems = $x(
  1825.           '//div[@class="resource-item"]/div[@class="left"]'
  1826.         );
  1827.  
  1828.         if (resourceItems.length > 0) {
  1829.           resourceItems.forEach((x, index) => {
  1830.             if (index >= resources.length) return;
  1831.  
  1832.             if (settings.autoDownload) {
  1833.               previewItems[index].addEventListener(
  1834.                 "click",
  1835.                 async (e) => {
  1836.                   const url = await getPreviewURL(resources[index].id);
  1837.                   downloadFile(url, resources[index].name);
  1838.                   console.log("Autodownload");
  1839.                 },
  1840.                 false
  1841.               );
  1842.             }
  1843.  
  1844.             const i = document.createElement("i");
  1845.             i.title = "下载";
  1846.             i.classList.add("by-icon-download");
  1847.             i.classList.add("btn-icon");
  1848.             i.classList.add("visible");
  1849.             i.style.cssText = `  
  1850.           display: inline-block !important;  
  1851.           visibility: visible !important;  
  1852.           cursor: pointer !important;  
  1853.       `;
  1854.  
  1855.             // 获取data-v属性
  1856.             const dataAttr = Array.from(x.attributes).find((attr) =>
  1857.               attr.localName.startsWith("data-v")
  1858.             );
  1859.             if (dataAttr) {
  1860.               i.setAttribute(dataAttr.localName, "");
  1861.             }
  1862.  
  1863.             i.addEventListener(
  1864.               "click",
  1865.               async (e) => {
  1866.                 e.stopPropagation();
  1867.                 const url = await getPreviewURL(resources[index].id);
  1868.                 downloadFile(url, resources[index].name);
  1869.               },
  1870.               false
  1871.             );
  1872.  
  1873.             if (x.children.length) x.children[0].remove();
  1874.             x.insertAdjacentElement("afterbegin", i);
  1875.           });
  1876.  
  1877.           // "下载全部"按钮
  1878.           if (
  1879.             !document.getElementById("downloadAllButton") &&
  1880.             resources.length > 0
  1881.           ) {
  1882.             const downloadAllButton = `<div style="display: flex;flex-direction: row;justify-content: end;margin-right: 24px;margin-top: 20px;">  
  1883.                       <button type="button" class="el-button submit-btn el-button--primary" id="downloadAllButton">  
  1884.                       下载全部  
  1885.                       </button>  
  1886.                       </div>`;
  1887.  
  1888.             const resourceList = $x(
  1889.               "/html/body/div/div/div[2]/div[2]/div/div/div"
  1890.             );
  1891.             if (resourceList.length > 0) {
  1892.               const containerElement = document.createElement("div");
  1893.               containerElement.innerHTML = downloadAllButton;
  1894.               resourceList[0].before(containerElement);
  1895.  
  1896.               document.getElementById("downloadAllButton").onclick =
  1897.                 async () => {
  1898.                   downloading = !downloading;
  1899.                   if (downloading) {
  1900.                     document.getElementById("downloadAllButton").innerHTML =
  1901.                       "取消下载";
  1902.                     for (let file of resources) {
  1903.                       if (!downloading) return;
  1904.                       await downloadFile(
  1905.                         await getPreviewURL(file.id),
  1906.                         file.name
  1907.                       );
  1908.                     }
  1909.                     // 下载完成后重置按钮
  1910.                     if (downloading) {
  1911.                       downloading = false;
  1912.                       document.getElementById("downloadAllButton").innerHTML =
  1913.                         "下载全部";
  1914.                     }
  1915.                   } else {
  1916.                     document.getElementById("downloadAllButton").innerHTML =
  1917.                       "下载全部";
  1918.                   }
  1919.                 };
  1920.             }
  1921.           }
  1922.         }
  1923.       } catch (e) {
  1924.         console.error("课程主页处理失败", e);
  1925.       }
  1926.     } else if (location.href == "https://ucloud.bupt.edu.cn/#/") {
  1927.       if (settings.betterTitle) {
  1928.         const pageTitle = "首页 - 教学云空间";
  1929.         document.title = pageTitle;
  1930.       }
  1931.     }
  1932.     // 通知页
  1933.     else if (
  1934.       location.href ==
  1935.       "https://ucloud.bupt.edu.cn/uclass/index.html#/set/notice_fullpage"
  1936.     ) {
  1937.       if (settings.betterTitle) {
  1938.         const pageTitle = "通知 - 教学云空间";
  1939.         document.title = pageTitle;
  1940.       }
  1941.  
  1942.       function processNotifications() {
  1943.         const noticeContainer = document.querySelector(
  1944.           "#layout-container > div.main-content > div.router-container > div > div > div.setNotice-body > ul"
  1945.         );
  1946.         if (!noticeContainer) {
  1947.           console.log("通知容器未找到");
  1948.           return;
  1949.         }
  1950.         const noticeItems = Array.from(noticeContainer.querySelectorAll("li"));
  1951.         if (noticeItems.length === 0) {
  1952.           console.log("未找到通知项");
  1953.           return;
  1954.         }
  1955.         if (settings.sortNotificationsByTime) {
  1956.           noticeItems.sort((a, b) => {
  1957.             const timeA = a.querySelector("span._left-time");
  1958.             const timeB = b.querySelector("span._left-time");
  1959.             if (!timeA || !timeB) {
  1960.               return 0;
  1961.             }
  1962.             const timeTextA = timeA.textContent.trim();
  1963.             const timeTextB = timeB.textContent.trim();
  1964.             const dateA = new Date(timeTextA);
  1965.             const dateB = new Date(timeTextB);
  1966.             return dateB - dateA;
  1967.           });
  1968.         }
  1969.         noticeItems.forEach((item) => {
  1970.           if (settings.betterNotificationHighlight) {
  1971.             const hasRedDot = item.querySelector(
  1972.               "div.el-badge sup.el-badge__content.is-dot"
  1973.             );
  1974.             if (hasRedDot) {
  1975.               item.classList.remove("notification-with-dot");
  1976.               item.classList.add("notification-with-dot");
  1977.             } else {
  1978.               item.classList.remove("notification-with-dot");
  1979.             }
  1980.           }
  1981.           noticeContainer.appendChild(item);
  1982.         });
  1983.       }
  1984.       if (
  1985.         settings.sortNotificationsByTime ||
  1986.         settings.betterNotificationHighlight
  1987.       ) {
  1988.         // 等待通知元素加载好了再处理
  1989.         const loadingMaskSelector =
  1990.           "#layout-container > div.main-content > div.router-container > div > div > div.setNotice-body > div.el-loading-mask";
  1991.         const observer = new MutationObserver((mutations) => {
  1992.           const loadingMask = document.querySelector(loadingMaskSelector);
  1993.           if (loadingMask && loadingMask.style.display === "none") {
  1994.             processNotifications();
  1995.             observer.disconnect();
  1996.           }
  1997.         });
  1998.  
  1999.         const loadingMask = document.querySelector(loadingMaskSelector);
  2000.         if (loadingMask && loadingMask.style.display === "none") {
  2001.           processNotifications();
  2002.         } else {
  2003.           observer.observe(document.body, {
  2004.             attributes: true,
  2005.             attributeFilter: ["style"],
  2006.             subtree: true,
  2007.           });
  2008.           setTimeout(() => observer.disconnect(), 10000);
  2009.         }
  2010.       }
  2011.     }
  2012.   }
  2013. })();