☰

UCAS Class Enrollment Assistant

这是一个方便抢课界面操作的辅助工具。包括的功能有：1. 🚪直达战场： 进入选课系统后，自动跳转到选课页面。（如需查看通知公告 需要临时把本工具禁用） 2. 🚀一键跳转： 点击小火箭，想去哪里点哪里！更有高亮与自动滚动，帮助快速定位课程。 3. ✔快速提交： 不想滚到底部才能提交选课？验证码和提交选课按钮直接整合到面板！ 3.1. 选课、学位课复选框添加到面板中； 3.2. 修复了原版选课系统点击"切换验证码"没反应的bug，现在可以点击验证码图片更新没有加载出来的验证码了； 3.3. 提交选课时自动跳过"确认提交吗"对话框。 4. 🎨标注课程状态： 绿色表示已选上的课程，红色表示已满员的课程。（只有进入选课页面才会更新课程是否已满员）

  1. // ==UserScript==
  2. // @name         UCAS Class Enrollment Assistant
  3. // @version      1.7.2
  4. // @description  这是一个方便抢课界面操作的辅助工具。包括的功能有：1. 🚪直达战场： 进入选课系统后，自动跳转到选课页面。（如需查看通知公告 需要临时把本工具禁用） 2. 🚀一键跳转： 点击小火箭，想去哪里点哪里！更有高亮与自动滚动，帮助快速定位课程。 3. ✔快速提交： 不想滚到底部才能提交选课？验证码和提交选课按钮直接整合到面板！ 3.1. 选课、学位课复选框添加到面板中； 3.2. 修复了原版选课系统点击"切换验证码"没反应的bug，现在可以点击验证码图片更新没有加载出来的验证码了； 3.3. 提交选课时自动跳过"确认提交吗"对话框。 4. 🎨标注课程状态： 绿色表示已选上的课程，红色表示已满员的课程。（只有进入选课页面才会更新课程是否已满员）
  5. // @author       bazingaW
  6. // @namespace    https://github.com/bazingaW/ucas_class_enrollment_assistant
  7. // @match        http*://jwxk.ucas.ac.cn/*
  8. // @match        http*://jwxkts2.ucas.ac.cn/*
  9. // @icon         https://sep.ucas.ac.cn/favicon.ico
  10. // @grant        GM_setClipboard
  11. // @grant        GM_setValue
  12. // @grant        GM_getValue
  13. // @require      https://cdn.jsdelivr.net/npm/draggable@4.2.0/src/draggable.js
  14. // @require      https://cdn.jsdelivr.net/npm/jquery-throttle-debounce@1.0.0/jquery.ba-throttle-debounce.min.js
  15. // @run-at document-end
  16. // @license      MIT
  17. // ==/UserScript==
  18.  
  19. var config = {
  20.   'wishList': {
  21.     // 选课系统中学院名称的*前两个字*，具体可参考下面的DeptIdMap
  22.     '马克': [
  23.       // 一个课程一个花括号
  24.       {
  25.         'name': '新时代中国特色社会主义理论与实践研究',
  26.         'wishes': [ // 可以为空列表
  27.           // 每个班用一个花括号，notes里可以随意填写，给自己看的。
  28.           {
  29.             'courseid': '030500MGB001H-10',
  30.             'notes': '2-10周 周四(9-12)'
  31.           },
  32.           {
  33.             'courseid': '030500MGB001H-34',
  34.             'notes': '11-18周 周四(9-12)'
  35.           }
  36.         ]
  37.       },
  38.       {
  39.         'name': '自然辩证法概论',
  40.         'wishes': [
  41.           {
  42.             'courseid': '010108MGB001H-16',
  43.             'notes': '周三(9-12)'
  44.           },
  45.           {
  46.             'courseid': '010108MGB001H-30',
  47.             'notes': '周六(9-12)'
  48.           },
  49.           {
  50.             'courseid': '010108MGB001H-31',
  51.             'notes': '周六(9-12)'
  52.           }
  53.         ]
  54.       },
  55.     ],
  56.   },
  57. };
  58.  
  59.  
  60. const DeptIdMap = {
  61.   '数学': "id_910", '物理': "id_911", '天文': "id_957", '化学': "id_912", '材料': "id_928",
  62.   '生命': "id_913", '地球': "id_914", '资环': "id_921", '计算': "id_951", '电子': "id_952",
  63.   '工程': "id_958", '经管': "id_917", '公管': "id_945", '人文': "id_927", '马克': "id_964",
  64.   '外语': "id_915", '中丹': "id_954", '国际': "id_955", '存济': "id_959", '体育': "id_946",
  65.   '微电': "id_961", '未来': "id_962", '网络': "id_963", '心理': "id_968", '人工': "id_969",
  66.   '纳米': "id_970", '艺术': "id_971", '光电': "id_972", '创新': "id_967", '核学': "id_973",
  67.   '现代': "id_974", '化学': "id_975", '海洋': "id_976", '航空': "id_977", '杭州': "id_979",
  68.   '南京': "id_985", '应急': "id_987",
  69. };
  70.  
  71. // 设置样式
  72. const mycss = `
  73.   .transp{
  74.     background:transparent;
  75.     border-width:0;
  76.     outline:none;
  77.   }
  78.   .notes{
  79.   }
  80.   .nowrap{
  81.     white-space: nowrap;
  82.   }
  83.   .bgabtn.jump{
  84.     background:transparent;
  85.     border-width:0;
  86.     outline:none;
  87.     padding: 0;
  88.     margin: 0;
  89.   }
  90.   .bgabtn.dept{
  91.     border-width: 1px;
  92.     padding: 2px;
  93.     margin: 0;
  94.     margin-left: 1px;
  95.   }
  96.   .bgabtn.dept.checked{
  97.     background-color: darkgray;
  98.   }
  99.   .bgabtn.course{
  100.     max-width: 150px;
  101.     border-width: 1px;
  102.     padding: 1px;
  103.     margin-left: 5px;
  104.     margin-right: 5px;
  105.     margin-top: 5px;
  106.     margin-bottom: 5px;
  107.   }
  108.   .bgabtn.courseid{
  109.     border-width: 1px;
  110.     padding: 2px;
  111.     margin-left: 5px;
  112.     margin-right: 5px;
  113.     margin-top: 5px;
  114.     margin-bottom: 5px;
  115.   }
  116.   .bgabtn.highlight{
  117.     background-color: yellow;
  118.   }
  119.   .bgabtn:active{
  120.     background-color: gray;
  121.   }
  122.   .bgabtn.selected{
  123.     color: greenyellow !important;
  124.     background-color: darkgray;
  125.   }
  126.   .bgabtn.full{
  127.     color: red;
  128.   }
  129.   #divHeader{
  130.     cursor:move;
  131.   }
  132. `
  133. var sty = document.createElement("style");
  134. sty.type = "text/css";
  135. sty.appendChild(document.createTextNode(mycss));
  136. document.body.appendChild(sty);
  137.  
  138. var divCourseWish; // ui界面按钮部分
  139. var alreadyHighlighted;
  140. function prefix (...data) {
  141.   return ['[抢课辅助]', ...data];
  142. }
  143.  
  144. function createElement(element, attribute, inner) {
  145.   if (typeof(element) === "undefined") {
  146. 	return false;
  147.   }
  148.   if (typeof(inner) === "undefined") {
  149. 	inner = "";
  150.   }
  151.   var el = document.createElement(element);
  152.   if (typeof(attribute) === 'object') {
  153. 	for (var key in attribute) {
  154. 	  el.setAttribute(key, attribute[key]);
  155. 	}
  156.   }
  157.   if (!Array.isArray(inner)) {
  158. 	inner = [inner];
  159.   }
  160.   for (var k = 0; k < inner.length; k++) {
  161. 	if (inner[k].tagName) {
  162. 	  el.appendChild(inner[k]);
  163. 	} else {
  164. 	  el.appendChild(document.createTextNode(inner[k]));
  165. 	}
  166.   }
  167.   return el;
  168. }
  169.  
  170.  
  171. function drawPanel (page) {
  172.   let divHeader = createElement(
  173.     'div',
  174.     { id: "divHeader", style: "min-width: 150px; font-size:20px;font-weight: bold;text-align: center;position: fixed;width: 100%;height: 25px;border-bottom: 1px solid;" },
  175.     '待选课程'
  176.   );
  177.  
  178.   divCourseWish = createElement(
  179.     'div',
  180.     { id: "divCourseWish", style: "margin-top: 25px; max-height: 300px; overflow-y: auto;" }
  181.   );
  182.   let table = createElement('table', { id: "courseWish", border: "1", style: "font-size: 14px;" });
  183.   let tbody = createElement('tbody');
  184.   divCourseWish.append(table);
  185.   table.appendChild(tbody);
  186.  
  187.   let divAppendix = createElement('div', { id: "divAppendix", style: "margin: 5px; max-height: 300px; overflow-y: auto;" });
  188.  
  189.   let divDrag = createElement('div', { draggable:"true", id:"divDrag", style:"bottom: 0; width:100%; height:5px; background-color:#999; cursor:n-resize;" });
  190.  
  191.   let panel = createElement(
  192.     'div',
  193.     { id: 'bgapanel', style: "border: 1px solid; width: fit-content; position: fixed; top: 65px; right: 0; z-index: 99999; background-color: rgba(220,221,192,0.8); overflow-x: auto;" },
  194.     [divHeader, divCourseWish, divAppendix, divDrag]
  195.   );
  196.   document.body.appendChild(panel);
  197.  
  198.   let isCourseSelection = page == 'selectCourse' || page == 'debug';  // 进入选课页面
  199.   let isMain = page == 'main';  // 进入筛选学院页面
  200.   let wishList = config.wishList;  // 待选课程数据
  201.   let bgaBtnId = 1;  // 设置bgaBtn 的id编号，每次加1
  202.   let chks_course=[];  // 选课复选框保存，用于统一设置事件监听器
  203.   let chks_deg = [];  // 学位课复选框保存，用于统一设置事件监听器
  204.  
  205.   let fullIds = new Set(GM_getValue('fullIds', []));  // 已选满的课程ID
  206.  
  207.   // ===== 绘制ui面板中的课程部分 ===================================================================
  208.   for (const dept in wishList) {
  209.     let courses = wishList[dept];
  210.     let deptid = DeptIdMap[dept];
  211.     let firstdept = true;
  212.     for (const course of courses) {
  213.       // 一门课
  214.       let name = course.name;
  215.       let wishes = course.wishes;
  216.       let firstrow = true;
  217.       if (wishes.length > 0) {
  218.         // wishes里配置了具体的内容
  219.         for (let wish of wishes) {
  220.           let tr = createElement('tr');
  221.           // tab += '<tr>';
  222.           if (firstrow) {
  223.             if (firstdept) {
  224.               let td = createElement('td', { rowspan: wishes.length });
  225.               let btn = createElement('button', { id: `bgabtn${bgaBtnId++}`, class: "bgabtn dept jumpdept nowrap", deptid: deptid }, `${dept}🚀`);
  226.               td.appendChild(btn);
  227.  
  228.               tr.appendChild(td);
  229.               firstdept = false;
  230.             } else {
  231.               let td = createElement('td', { rowspan: wishes.length });
  232.               tr.appendChild(td);
  233.             }
  234.             let btn = createElement('button', { id: `bgabtn${bgaBtnId++}`, class: "bgabtn course copyable jumpcourse", deptid: deptid, name: name }, `${name}🚀`);
  235.             let td = createElement('td', { rowspan: wishes.length });
  236.             td.appendChild(btn);
  237.             
  238.             tr.appendChild(td);
  239.             firstrow = false;
  240.           }
  241.           // 在ui的每一门课旁边添加选课/学位复选框(如果搜索到的话) =====================================
  242.           let courseidspan = getElementsByText($("#regfrm span"), wish.courseid);
  243.           if (isCourseSelection && courseidspan.length) {
  244.             let row = courseidspan.closest('tr');
  245.  
  246.             // 选课
  247.             let chk_course_old = row.find('td:first-child input').get(0);
  248.             let chk_course = createElement('input', { type: 'checkbox', 'title': '选课', 'style': 'margin-left:2px; margin-right: 2px;' });
  249.             chk_course.disabled = chk_course_old.disabled;
  250.             
  251.             // 学位
  252.             let chk_deg_old = row.find('td:nth-child(2) input').get(0);
  253.             let chk_deg = createElement('input', { type: 'checkbox', 'title': '设为学位课' });
  254.             chk_deg.disabled = chk_deg_old.disabled;
  255.  
  256.             let td = createElement('td');
  257.             let btn = createElement('button', { id: `bgabtn${bgaBtnId++}`, class: "bgabtn courseid copyable nowrap jumpcourseid", deptid: deptid, courseid: wish.courseid }, `${wish.courseid}🚀`);
  258.             td.appendChild(chk_course);
  259.             td.appendChild(chk_deg);
  260.             td.appendChild(btn);
  261.  
  262.             tr.appendChild(td);
  263.  
  264.             // 记录
  265.             chks_course.push({ old: chk_course_old, new: chk_course });
  266.             chks_deg.push({ old: chk_deg_old, new: chk_deg });
  267.             if (chk_course.disabled) {
  268.               fullIds.add(wish.courseid);
  269.             }
  270.           // =end= 在ui的每一门课旁边添加选课/学位复选框(如果搜索到的话) =============================
  271.           } else {
  272.             let td = createElement('td');
  273.             let btn = createElement('button', { id: `bgabtn${bgaBtnId++}`, class: "bgabtn courseid copyable nowrap jumpcourseid", deptid: deptid, courseid: wish.courseid }, `${wish.courseid}🚀`);
  274.             td.appendChild(btn);
  275.  
  276.             tr.appendChild(td);
  277.           }
  278.           let td = createElement('td', { class: 'notes' }, wish.notes);
  279.           tr.appendChild(td);
  280.           tbody.appendChild(tr);
  281.         }
  282.       } else {
  283.         // wishes为空列表
  284.         let tr = createElement('tr');
  285.         
  286.         let td = createElement('td');
  287.         let btn = createElement('button', { id: `bgabtn${bgaBtnId++}`, class: "bgabtn dept jumpdept", deptid: deptid }, `${dept}🚀`);
  288.         td.appendChild(btn);
  289.         tr.appendChild(td);
  290.         
  291.         td = createElement('td');
  292.         btn = createElement('button', { id: `bgabtn${bgaBtnId++}`, class: "bgabtn course copyable jumpcourse", deptid: deptid, name: name }, `${name}🚀`);
  293.         td.appendChild(btn);
  294.         tr.appendChild(td);
  295.         
  296.         tr.appendChild(createElement('td'));
  297.         tr.appendChild(createElement('td'));
  298.  
  299.         tbody.appendChild(tr)
  300.       }
  301.     }
  302.   }
  303.   // =end= 绘制ui面板 ===================================================================
  304.  
  305.   // divAppendix 附录栏
  306.   // ===== 筛选页面添加按钮 =======================================================
  307.   if (isMain) {
  308.     // 添加"重置按钮样式"按钮 (暂时没有使用该按钮的需求)
  309.     // let bgaResetBtnStyle = createElement(
  310.     //   'button',
  311.     //   { id: 'bgaresetbtnstyle', type: 'submit', class: 'btn btn-primary', title: '重置所有课程编码按钮的样式' },
  312.     //   '重置按钮样式'
  313.     // );
  314.     // bgaResetBtnStyle.style.marginLeft = '5px';
  315.     // bgaResetBtnStyle.style.marginRight = '5px';
  316.     // divAppendix.appendChild(bgaResetBtnStyle);
  317.  
  318.   }
  319.   // =end= 筛选页面添加按钮 =======================================================
  320.  
  321.  
  322.   // ===== 选课页面添加验证码和提交按钮 ===========================================================
  323.   else if (isCourseSelection) {
  324.  
  325.     // 插入验证码 加在onload事件里保证验证码加载出来
  326.     let bgaValiImg = createElement(
  327.       'img',
  328.       { id: 'bgaValiImg', title: '点击更换验证码(已修复)', align: 'bottom' } 
  329.     )
  330.     bgaValiImg.style.cursor = 'pointer';
  331.     divAppendix.appendChild(bgaValiImg);
  332.     // img.width = ValidateImg.width;
  333.     // img.height = ValidateImg.height;
  334.  
  335.     // 插入验证码输入框
  336.     let bgaValiInput = createElement(
  337.       'input',
  338.       { id: 'bgavcode', type: 'text' }
  339.     );
  340.     bgaValiInput.style.width = '50px';
  341.     bgaValiInput.style.marginLeft = '5px';
  342.     bgaValiInput.style.marginRight = '5px';
  343.     divAppendix.appendChild(bgaValiInput);
  344.     
  345.     // 添加"确定提交选课"按钮
  346.     let bgaSubmit = createElement(
  347.       'button',
  348.       { id: 'bgasubmit', type: 'submit', class: 'btn btn-primary' },
  349.       '确定提交选课'
  350.     );
  351.     divAppendix.appendChild(bgaSubmit);
  352.  
  353.   }
  354.   // =end= 选课页面添加验证码和提交按钮 ===========================================================
  355.  
  356.  
  357.   // ===== 配置各种listener(必须要panel添加到body之后才能设置，在这之前设置的都无效，并且需要重新搜索元素)==========================
  358.   if (isMain) {
  359.     // 进入筛选学院页面
  360.  
  361.     // 一键筛选学院
  362.     $(".bgabtn.dept").click(function () {
  363.       $(this).addClass('highlight');
  364.       let deptid = $(this).attr('deptid');
  365.       sumbitFilterDept(deptid);
  366.     });
  367.  
  368.     // 复制课程代码和课程名称
  369.     // $(".copyable").click(function () {
  370.     //   $(".copyable").removeClass("copied");
  371.     //   GM_setClipboard($(this).text().replace('🚀', ''));
  372.     //   $(this).addClass("copied");
  373.     // });
  374.     
  375.     // 一键跳转到课程：
  376.     // 单击课程名，自动筛选学院后，自动定位到匹配到的第一行，并且匹配项高亮
  377.     $('.jumpcourse').click(function () {
  378.       $('.jumpcourse').removeClass('highlight');
  379.       $('.jumpcourseid').removeClass('highlight');
  380.       $(this).addClass('highlight');
  381.       let deptid = $(this).attr('deptid');
  382.       let coursename = $(this).attr('name');
  383.       let btnId = $(this).attr('id');  // 方便跳转后高亮
  384.       let behavior = setBehavior('coursename', coursename, null, btnId);
  385.       sumbitFilterDept(deptid, behavior);
  386.     });
  387.  
  388.     // 一键跳转到课程id：
  389.     // 单击课程id，自动筛选学院后，自动定位到匹配行，并且匹配项高亮
  390.     $('.jumpcourseid').click(function () {
  391.       $('.jumpcourse').removeClass('highlight');
  392.       $('.jumpcourseid').removeClass('highlight');
  393.       $(this).addClass('highlight');
  394.       let deptid = $(this).attr('deptid');
  395.       let courseid = $(this).attr('courseid');
  396.       let btnId = $(this).attr('id');  // 方便跳转后高亮
  397.       let behavior = setBehavior('courseid', courseid, null, btnId);
  398.       sumbitFilterDept(deptid, behavior);
  399.     });
  400.  
  401.     // 重置课程编码按钮样式
  402.     $('#bgaresetbtnstyle').click(() => {
  403.       // remove 'selected' and 'full' for courseid btns
  404.       $('.bgabtn.courseid').each((ind, ele) => { 
  405.         $(ele).prop('disabled', false);
  406.         $(ele).removeClass('selected');
  407.         $(ele).removeClass('full');
  408.       });
  409.       // clear storage
  410.       GM_setValue('selectedIds', []);
  411.       GM_setValue('fullIds', []);
  412.     });
  413.  
  414.  
  415.   }else if (isCourseSelection) {
  416.     // 进入选课页面
  417.  
  418.     // 单击课程名，自动定位到匹配到的第一行，并且匹配项高亮
  419.     $('.jumpcourse').click(function () {
  420.       let coursename = $(this).attr('name');
  421.       let btnid = $(this).attr('id');
  422.       let behavior = setBehavior('coursename', coursename, null, btnid);
  423.       alreadyHighlighted = resolveBehavior(behavior, alreadyHighlighted);
  424.     });
  425.  
  426.     // 单击课程id，自动定位到所在行，并且匹配项高亮
  427.     $('.jumpcourseid').click(function () {
  428.       let courseid = $(this).attr('courseid');
  429.       let btnid = $(this).attr('id');
  430.       let behavior = setBehavior('courseid', courseid, null, btnid);
  431.       alreadyHighlighted = resolveBehavior(behavior, alreadyHighlighted);
  432.     });
  433.  
  434.     // 同步复选框勾选情况
  435.     for (const tup of chks_course) {
  436.       $(tup.old).change(function() {
  437.         $(tup.new).prop("checked", this.checked);
  438.       });
  439.       $(tup.new).change(function() {
  440.         $(tup.old).prop("checked", this.checked);
  441.       });
  442.     }
  443.     for (const tup of chks_deg) {
  444.       $(tup.old).change(function() {
  445.         $(tup.new).prop("checked", this.checked);
  446.       });
  447.       $(tup.new).change(function() {
  448.         $(tup.old).prop("checked", this.checked);
  449.       });
  450.     }
  451.  
  452.     // 修复原网站中"点击切换验证码"没反应的bug
  453.     let valiImg = document.getElementById('adminValidateImg');
  454.     valiImg.title = bgaValiImg.title;
  455.     valiImg.onclick = function(){
  456.       document.getElementById("adminValidateImg").src = '/captchaImage' + "?" + Math.random();
  457.     };
  458.     // 验证码显示及点击刷新时同步
  459.     document.getElementById('bgaValiImg').onclick = function () {
  460.       valiImg.onclick();
  461.     }
  462.     valiImg.addEventListener('load', () => {
  463.       document.getElementById('bgaValiImg').src = getBase64Image(valiImg);
  464.     });
  465.     // 有时刚进去图片就加载了，不会触发onload，需要手动设置src
  466.     let dataurl = getBase64Image(valiImg);
  467.     if (dataurl != 'data:,') {
  468.       document.getElementById('bgaValiImg').src = dataurl;
  469.     }
  470.   
  471.     // 同步两个验证码框的输入
  472.     $("#bgavcode").on('input', function(){
  473.       $("#vcode").val($("#bgavcode").val());
  474.     });
  475.   
  476.     $("#vcode").on('input', function(){
  477.       $("#bgavcode").val($("#vcode").val());
  478.     });
  479.     
  480.     // 提交选课时自动跳过"确认提交吗"对话框
  481.     // note: 搜索$("#regfrm").validate，用到了jquery.validate
  482.     let validator = $("#regfrm").validate();
  483.     // 推测validate包装了form的submit函数，因此去掉这一层包装
  484.     $('#regfrm').off("submit");
  485.     
  486.     // 在保留validator的情况下，绕过原本的submit
  487.     let subbtn = $('#regfrm button[type="submit"]');
  488.     subbtn.prop('id', 'oldsubmit');
  489.     subbtn.prop('type', 'button');  // 原submit如果不改的话，点击会触发form的默认submit，就不进行其他验证直接提交了
  490.     subbtn.click(function () {
  491.       if (validator.form()) {
  492.         // 通过验证（勾选选课框+输入验证码）后，触发form原本的submit请求
  493.         loading('正在提交，请稍等...');
  494.         validator.currentForm.submit()
  495.       }
  496.       // 否则会直接触发报错提示
  497.     });
  498.     
  499.     // ui面板里的提交按钮与原来的按钮同步
  500.     $("#bgapanel button[type='submit']").click(function () {
  501.       $('#oldsubmit').click();
  502.       // $('#regfrm button[type="submit"]').click();
  503.     });
  504.   }
  505.   // =end= 配置各种listener(必须要panel添加到body之后才能设置，在这之前设置的都无效，并且需要重新搜索元素)==========================
  506.  
  507.  
  508.   // ===== 在ui中标注已经抢到的课：文字变绿，按钮不可点击 ======================================
  509.   // 读取已选择课程列表
  510.   let selectedIds = getSelectedIds(isMain);
  511.   // 更新已选课程的按钮样式
  512.   // selectedIds: Set
  513.   // 不论哪个页面都修改ui的状态
  514.   for (const selectedId of selectedIds.values()) {
  515.     let uiBtn = $(`.bgabtn.courseid[courseid=${selectedId}]`);
  516.     if (uiBtn) {
  517.       uiBtn.prop('disabled', true);
  518.       uiBtn.addClass('selected');
  519.     }
  520.   }
  521.   // =end= 在ui中标注已经抢到的课：文字变绿，按钮不可点击 =================================
  522.  
  523.   // ===== 在ui中标注已满的课：文字变红 ======================================
  524.   if (isCourseSelection) {
  525.     // fullIds数组已在前面添加复选框时更新
  526.     // 存到storage里，方便进入学院筛选页面后也可以保持状态
  527.     GM_setValue('fullIds', [...fullIds]);
  528.   }
  529.   // 不论哪个页面都修改ui的状态
  530.   for (const fullId of fullIds.values()) {
  531.     let uiBtn = $(`.bgabtn.courseid[courseid=${fullId}]`);
  532.     if (uiBtn) {
  533.       uiBtn.addClass('full');
  534.     }
  535.   }
  536.   // =end= 在ui中标注已满的课：文字变红 ===============================
  537.  
  538.   // ===== 可拖动 ===============================
  539.   let dragopts = {
  540.     setCursor: false,
  541.     setPosition: false,
  542.     handle: document.getElementById("divHeader"),
  543.     onDragEnd: function () {
  544.       // 避免出界，设置最大最小值
  545.       let frmleft = panel.offsetLeft;
  546.       let frmtop = panel.offsetTop;
  547.       frmleft = Math.max(0, Math.min(frmleft, innerWidth - 200));  // 0 < frmleft < innerWidth - 100
  548.       frmtop = Math.max(0, Math.min(frmtop, innerHeight - 50));
  549.  
  550.       panel.style.left = frmleft + "px";
  551.       panel.style.top = frmtop + "px";
  552.       // 记录left、top
  553.       GM_setValue('frmleft', panel.offsetLeft);
  554.       GM_setValue('frmtop', panel.offsetTop);
  555.     }
  556.   };
  557.   new Draggable(panel, dragopts);
  558.   // =end= 可拖动 ===============================
  559.  
  560.   // 一键跳转功能跳转后，插件页面保持之前滚动条的位置
  561.   divCourseWish.scrollTop = GM_getValue('scrollTop', 0);
  562.   divCourseWish.onscroll = function () {
  563.     GM_setValue('scrollTop', divCourseWish.scrollTop);
  564.   };
  565.  
  566.   // 允许手动调整panel长度，并记录在storage
  567.   // 加载panel高度
  568.   let frmheight = GM_getValue('frmheight');  // default: undefined
  569.   if (frmheight) {
  570.     divCourseWish.style.maxHeight = frmheight;
  571.   }
  572.   // 加载paneltop、left
  573.   let frmleft = GM_getValue('frmleft');
  574.   if (frmleft) {
  575.     panel.style.left = frmleft + 'px';
  576.   }
  577.   let frmtop = GM_getValue('frmtop');
  578.   if (frmtop) {
  579.     panel.style.top = frmtop + 'px';
  580.   }
  581.   addEventListener('resize', Cowboy.debounce(250, function () {
  582.     // 调整浏览器大小时，避免ui面板出界，设置最大最小值
  583.     let frmleft = panel.offsetLeft;
  584.     let frmtop = panel.offsetTop;
  585.     frmleft = Math.max(0, Math.min(frmleft, innerWidth - 200));  // 0 < frmleft < innerWidth - 100
  586.     frmtop = Math.max(0, Math.min(frmtop, innerHeight - 50));
  587.  
  588.     panel.style.left = frmleft + "px";
  589.     panel.style.top = frmtop + "px";
  590.     // 记录left、top
  591.     GM_setValue('frmleft', panel.offsetLeft);
  592.     GM_setValue('frmtop', panel.offsetTop);
  593.     // TODO 改为面板跟着移动
  594.     
  595.   }));
  596.   // 绑定需要拖拽改变大小的元素对象
  597.   bindResize(divCourseWish);
  598.   function bindResize(el) {
  599.     //初始化参数
  600.     var els = el.style;
  601.     //鼠标的 X 和 Y 轴坐标
  602.     var y = 0;
  603.     //邪恶的食指
  604.     $("#divDrag").mousedown(function (e) {
  605.       //按下元素后，计算当前鼠标与对象计算后的坐标
  606.       (y = e.clientY - el.offsetHeight);
  607.       //在支持 setCapture 做些东东
  608.       //绑定事件
  609.       $(el).bind("mousemove", mouseMove).bind("mouseup", mouseUp);
  610.       $(document.body).bind("mousemove", mouseMove).bind("mouseup", mouseUp);
  611.       //防止默认事件发生
  612.       e.preventDefault();
  613.     });
  614.     //移动事件
  615.     function mouseMove(e) {
  616.       //宇宙超级无敌运算中...
  617.       els.maxHeight = e.clientY - y + "px";
  618.     }
  619.     //停止事件
  620.     function mouseUp() {
  621.       // 存储高度
  622.       GM_setValue('frmheight', divCourseWish.style.maxHeight); // 包含"px"
  623.       //卸载事件
  624.       $(el)
  625.         .unbind("mousemove", mouseMove)
  626.         .unbind("mouseup", mouseUp);
  627.       $(document.body)
  628.         .unbind("mousemove", mouseMove)
  629.         .unbind("mouseup", mouseUp);
  630.     }
  631.   }
  632.  
  633.   return panel;
  634. }
  635.  
  636. function getSelectedIds (isMain) {
  637.   if (isMain) {
  638.     // 在筛选学院页面的话，读取当前已选择课程列表
  639.     let selectedIds = new Set();  // 外层已定义
  640.     $('table.table tbody tr a[href*=plan]').each((ind, ele) => {
  641.       let courseId = ele.text;
  642.       selectedIds.add(courseId);
  643.     });
  644.     // 存到storage里，方便进入选课页面后也可以保持状态
  645.     GM_setValue('selectedIds', [...selectedIds]);
  646.     return selectedIds;
  647.   }
  648.   // 否则直接返回记录
  649.   return GM_getValue('selectedIds', []);
  650. }
  651.  
  652. function setBehavior(type, data, scrollTop, btnId) {
  653.   // 设置跨网页json数据
  654.   let behavior = {
  655.     'type': type,  // 'courseid' or 'coursename'
  656.     'data': data,
  657.     // 'scrollTop': scrollTop,  // ui界面滚动条位置。改用storage传输不通过behavior传/
  658.     'btnId': btnId,
  659.   }
  660.   return behavior;
  661. }
  662.  
  663. function resolveBehavior (behavior, alreadyHighlighted=null) {
  664.   // 解析json数据
  665.   if (behavior.btnId) {
  666.     // 清空其他按钮高亮
  667.     $('.jumpcourse').removeClass('highlight');
  668.     $('.jumpcourseid').removeClass('highlight');
  669.     // 高亮按钮
  670.     $(`#${behavior.btnId}`).addClass('highlight');
  671.   }
  672.   if (behavior.scrollTop) {
  673.     // 插件面板滚动条恢复到之前位置
  674.     divCourseWish.scrollTop = behavior.scrollTop;
  675.   }
  676.   let highlighted;  // 待高亮DOM
  677.   if (behavior.type) {
  678.     // 自动滚动定位+高亮课程/课程号
  679.     if (behavior.type == 'courseid') {
  680.       let courseid = behavior.data;
  681.       let courseidspan = getElementsByText($("#regfrm span"), courseid);
  682.       // 如果找到
  683.       if (courseidspan.length) {
  684.         // 跳转到指定位置，并高亮对应行
  685.         highlighted = courseidspan;
  686.       }
  687.     } else if (behavior.type == 'coursename') {
  688.       let coursename = behavior.data;
  689.       let coursenametag = getElementsByText($("#regfrm a"), coursename, true);
  690.       // 如果找到
  691.       if (coursenametag.length) {
  692.         // 跳转到指定位置，并高亮对应行
  693.         highlighted = coursenametag.first();  // 可能有多个匹配，只取第一个
  694.       }
  695.     }
  696.     if (highlighted) {
  697.       // 清空其他高亮
  698.       if (alreadyHighlighted) {
  699.         alreadyHighlighted.css('background-color', '');
  700.       } else {
  701.         $('#regfrm span[style*=yellow]').css('background-color', '');
  702.         $('#regfrm a[style*=yellow]').css('background-color', '');
  703.       }
  704.       // 高亮匹配项
  705.       highlighted.css('background-color', 'yellow');
  706.       scrollto(highlighted);
  707.     } else {
  708.       error('未搜索到课程 ' + behavior.data);
  709.     }
  710.   }
  711.   return highlighted;
  712. }
  713.  
  714. function injectJsonToAction (selector, json) {
  715.   let action = $(selector).prop("action");
  716.   let jsonstr = JSON.stringify(json);
  717.   action = action.replace(/#.+/, '');
  718.   action += "#bgabehavior" + jsonstr;
  719.   $(selector).prop("action", action);
  720. }
  721.  
  722. function sumbitFilterDept (deptid, behavior) {
  723.   // 清空所有勾选情况
  724.   $("#regfrm2 input[type='checkbox']").prop('checked', false);
  725.   // 勾选当前学院
  726.   $(`#${deptid}`).prop("checked", true);
  727.   if (behavior) {
  728.     injectJsonToAction('#regfrm2', behavior)
  729.   }
  730.   // 提交
  731.   $("#regfrm2 button[type='submit']").submit();
  732. }
  733.  
  734. function getElementsByText(elems, value, isFuzzy=false){
  735.   return elems.filter(function (index) {
  736.     if (isFuzzy) {
  737.       return $(this).text().includes(value);
  738.     } else {
  739.       return $(this).text() == value;
  740.     }
  741.   });
  742. }
  743. function randomString(len) {
  744.   len = len || 32;
  745.   var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
  746.   var maxPos = $chars.length;
  747.   var pwd = '';
  748.   for (i = 0; i < len; i++) {
  749.     pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
  750.   }
  751.   return pwd;
  752. }
  753. function scrollto(jqele) {
  754.   // offset header which is 60px in height
  755.   let buffer = document.createElement('div');
  756.   buffer.id = randomString(5);
  757.   buffer.style.display = 'block';
  758.   buffer.style.height = '65px';
  759.   buffer.style.marginTop = '-65px';
  760.   buffer.style.visibility = 'hidden';
  761.   $(buffer).insertBefore(jqele);
  762.  
  763.   let a = document.createElement('a');
  764.   a.href = "#" + buffer.id;
  765.   a.click();
  766. }
  767.  
  768. function getBase64Image(img) {
  769. 	// Create an empty canvas element
  770. 	var canvas = document.createElement("canvas");
  771. 	canvas.width = img.naturalWidth;
  772. 	canvas.height = img.naturalHeight;
  773.  
  774. 	// Copy the image contents to the canvas
  775. 	var ctx = canvas.getContext("2d");
  776. 	ctx.drawImage(img, 0, 0);
  777.  
  778. 	// Get the data-URL formatted image
  779. 	// Firefox supports PNG and JPEG. You could check img.src to
  780. 	// guess the original format, but be aware the using "image/jpg"
  781. 	// will re-encode the image.
  782. 	var dataURL = canvas.toDataURL("image/png");
  783. 	return dataURL;
  784. }
  785.  
  786. function error (msg) {
  787.   // 解析时错误处理，错误提示使用选课系统自带的方法
  788.   $.jBox.tip(msg);
  789. }
  790.  
  791.  
  792. (function () {
  793.   'use strict';
  794.  
  795.   // 登录(不可用)jwxk.ucas.ac.cn后，自动跳转到选课页面
  796.   if (window.location.pathname == '/notice/view/1') {
  797.     window.location.pathname = '/courseManage/main';
  798.     console.log(...prefix('跳转到选课页面'));
  799.   }
  800.  
  801.   
  802.   if (window.location.pathname.startsWith('/courseManage/main')) {
  803.     // 进入筛选学院页面
  804.     let panel = drawPanel('main');
  805.  
  806.   }
  807.  
  808.   if (window.location.pathname.startsWith('/courseManage/selectCourse')) {
  809.     // 进入选课页面
  810.     let panel = drawPanel('selectCourse');
  811.  
  812.     // 解析跨页json参数(如果有)
  813.     let url = window.location.href;
  814.     let ind = url.indexOf('#bgabehavior');
  815.     if (ind != -1) {
  816.       let data = url.substring(ind + '#bgabehavior'.length);
  817.       data = decodeURI(data);
  818.       let behavior = JSON.parse(data);
  819.       alreadyHighlighted = resolveBehavior(behavior, alreadyHighlighted);
  820.     }
  821.   }
  822. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址