☰

Greasy Fork is available in English.

zentao tool

仅针对 OS-EASY 适配，标记 bug 留存时间、解决方案填写人提示、计算每日工时、一键复制解决的 bug、解决指派 bug 强制填写工时、Bug 点击在新标签页打开

  1. // ==UserScript==
  2. // @name        zentao tool
  3. // @namespace   Violentmonkey Scripts
  4. // @match       http*://172.16.203.14/*
  5. // @require     https://unpkg.com/jquery@3.3.1/dist/jquery.min.js
  6. // @require     https://unpkg.com/workday-cn/lib/workday-cn.umd.js
  7. // @grant       GM_addStyle
  8. // @grant       GM_setClipboard
  9. // @version     1.4.1
  10. // @author      snowman
  11. // @license     GPLv3
  12. // @description 仅针对 OS-EASY 适配，标记 bug 留存时间、解决方案填写人提示、计算每日工时、一键复制解决的 bug、解决指派 bug 强制填写工时、Bug 点击在新标签页打开
  13. // ==/UserScript==
  14.  
  15. (() => {
  16.   $.noConflict(true)(document).ready(async ($) => {
  17.       // 初始化
  18.       await initialize();
  19.  
  20.       // 定义颜色常量
  21.       const colors = {
  22.           green: '#82E0AA',
  23.           yellow: '#F7DC6F',
  24.           brown: '#FE9900',
  25.           red: '#E74C3C'
  26.       };
  27.  
  28.       // 设置通用的点击事件监听器
  29.       setBodyClickListener();
  30.       // 根据当前路径进行不同的处理
  31.       const path = document.location.pathname;
  32.       switch (path) {
  33.           case '/effort-calendar.html':
  34.               handleEffortCalendar(colors);
  35.               break;
  36.           case '/my-work-bug.html':
  37.               handleMyWorkBug(colors);
  38.               break;
  39.           default:
  40.               handleDefaultPath(path);
  41.               break;
  42.       }
  43.  
  44.       // 初始化函数
  45.       async function initialize() {
  46.           const userName = localStorage.getItem('zm-username');
  47.           if (!userName) {
  48.               const name = prompt("看上去你是第一次使用，请输入禅道中的姓名：");
  49.               if (name) localStorage.setItem('zm-username', name);
  50.               else return;
  51.           }
  52.           $("td.text-left a").attr('target', '_blank');
  53.       }
  54.  
  55.       // 设置通用的点击事件监听器
  56.       function setBodyClickListener() {
  57.           document.body.onclick = async function (e) {
  58.               if (e instanceof PointerEvent) {
  59.                   const aTag = getATag(e.target);
  60.                   if (!aTag) return;
  61.                   const aHref = $(aTag).attr('href');
  62.                   if (aHref?.includes('bug-resolve')) {
  63.                       await generatorResolveType();
  64.                   }
  65.               }
  66.           };
  67.       }
  68.  
  69.       // 获取点击的A标签
  70.       function getATag(target) {
  71.           if (target.tagName === 'A') return target;
  72.           if (target.parentElement.tagName === 'A') return target.parentElement;
  73.           return null;
  74.       }
  75.  
  76.       // 处理 effort-calendar 页面
  77.       function handleEffortCalendar(colors) {
  78.           GM_addStyle(`
  79.               span.zm-day { font-weight: bold; margin: 0 8px; }
  80.               .warn { color: ${colors.brown}; }
  81.               .fine { color: ${colors.green}; }
  82.           `);
  83.           waitForContentInContainer('#main', 'table').then(element => {
  84.               const observer = new MutationObserver(() => markEffortCalendar(element, observer));
  85.               observer.observe(element, { subtree: true, childList: true });
  86.               markEffortCalendar(element, observer);
  87.           });
  88.       }
  89.  
  90.       // 标记 effort-calendar 页面的数据
  91.       function markEffortCalendar(element, observer) {
  92.           observer.disconnect();
  93.           const days = element.querySelectorAll(".cell-day");
  94.           days.forEach(dayElement => {
  95.               const total = calculateTotalTime(dayElement);
  96.               updateDayElement(dayElement, total);
  97.           });
  98.           observer.observe(element, { subtree: true, childList: true });
  99.       }
  100.  
  101.       // 计算时间总和
  102.       function calculateTotalTime(dayElement) {
  103.           const timeEles = dayElement.querySelectorAll('.has-time .time');
  104.           return Array.from(timeEles).reduce((total, time) => total + parseFloat(time.textContent), 0);
  105.       }
  106.  
  107.       // 更新天数元素的显示
  108.       function updateDayElement(dayElement, total) {
  109.           $(dayElement).find('.zm-day').remove();
  110.           if (total != 0) {
  111.               const colorClass = total > 10 || total < 8 ? 'warn' : 'fine';
  112.               $(dayElement) .find('.heading') .prepend( `<div class="copy-time btn-toolbar pull-left" style="margin-left:25px;display:flex;align-items:center;">复制</div>` )
  113.               $(dayElement).find('.heading').prepend(`<span class="zm-day ${colorClass}">【${total.toFixed(1)}小时】</span>`);
  114.               $(dayElement) .find('.heading') .find('.copy-time') .on('click', async function (e) { copyTaskTime(e) })
  115.           }
  116.       }
  117.  
  118.       // 复制任务时间
  119.       async function copyTaskTime(e) {
  120.         e.stopPropagation()
  121.         const targetEle = e.target
  122.         const content = $(targetEle).parent('.heading').next('.content')
  123.         function calculateTaskTimes(startTime, tasks) {
  124.           let currentHour = parseInt(startTime.split(':')[0])
  125.           let currentMinute = parseInt(startTime.split(':')[1])
  126.           const results = []
  127.           let startDate = new Date()
  128.           startDate.setHours(currentHour)
  129.           startDate.setMinutes(currentMinute)
  130.  
  131.           const middleStartDate = new Date()
  132.           middleStartDate.setHours(12)
  133.           middleStartDate.setMinutes(0)
  134.           const middleEndDate = new Date()
  135.           middleEndDate.setHours(14)
  136.           middleEndDate.setMinutes(0)
  137.  
  138.           let endDate = null
  139.  
  140.           tasks.forEach((task) => {
  141.             const hourStamp = 60 * 60 * 1000
  142.             const timeParts = task.time.split('h')
  143.             let hours = timeParts[0] * 1
  144.             let startStamp = startDate.getTime()
  145.             const middleStamp = middleStartDate.getTime()
  146.             const middleEndStamp = middleEndDate.getTime()
  147.             let endStamp = startStamp + hours * hourStamp
  148.  
  149.             if (startStamp <= middleStamp && endStamp > middleStamp) {
  150.               endStamp = endStamp + 2 * hourStamp
  151.             }
  152.             const start = new Date(startStamp)
  153.             const end = new Date(endStamp)
  154.             const startTimeStr = `${String(start.getHours()).padStart(2, '0')}:${String(start.getMinutes()).padStart(2, '0')}`
  155.             const endTimeStr = `${String(end.getHours()).padStart(2, '0')}:${String(end.getMinutes()).padStart(2, '0')}`
  156.             startDate = new Date(endStamp)
  157.             results.push({
  158.               ...task,
  159.               start: startTimeStr,
  160.               end: endTimeStr
  161.             })
  162.           })
  163.  
  164.           return results
  165.         }
  166.  
  167.         // 示例用法
  168.         const start = '08:30'
  169.         let tempTasks = Array.from(
  170.           content
  171.             .find('.events')
  172.             .find('.event')
  173.             .map(function () {
  174.               const title = $(this).find('.title').text().trim()
  175.               const time = $(this).find('.time').text().trim()
  176.               const id = $(this).data('id')
  177.               return {
  178.                 id,
  179.                 time,
  180.                 title
  181.               }
  182.             })
  183.         )
  184.         tempTasks = calculateTaskTimes(start, tempTasks)
  185.         const parseTaskDoc = function (doc) {
  186.           const objReg = new RegExp(`对象\n`)
  187.           const id = $(doc).find('.main-header span.label').text()
  188.           let item = {}
  189.           $(doc)
  190.             .find('table tbody tr')
  191.             .each(function () {
  192.               // console.log($(this).text())
  193.               const text = $(this).text()
  194.               if (objReg.test(text)) {
  195.                 item.obj = text.replace(objReg, '').replace('\n', '').trim()
  196.                 item.href = $(this).find('a').attr('href')
  197.               }
  198.             })
  199.           return { ...item, id }
  200.         }
  201.         const fetchTaskData = async function () {
  202.           const docs = await Promise.all(
  203.             tempTasks.map(async function (t) {
  204.               return fetchDocument(
  205.                 `/effort-view-${t.id}.html?onlybody=yes&tid=i2sh4q46`
  206.               )
  207.             })
  208.           )
  209.           return docs.map((d) => parseTaskDoc(d))
  210.         }
  211.         const taskObjData = await fetchTaskData()
  212.         let tasks = tempTasks.map((t) => {
  213.           const findOne = taskObjData.find(
  214.             (task) => task.id * 1 === t.id * 1
  215.           )
  216.           return { ...t, ...findOne }
  217.         })
  218.         tasks = tasks
  219.           .map((t) => {
  220.             return `- [ ] ${t.start} - ${t.end} #工时 ${t.time}\t${t.title}\t ${t.obj && t.href ? `[${t.obj}](${location.origin + t.href})\t` : ''}\n`
  221.           })
  222.           .join('')
  223.         GM_setClipboard(tasks)
  224.       }
  225.       
  226.       // 设置 执行-版本-6.0.5-future-我解决的bug 页面功能
  227.       function setupResolvedByMeBuildPage() {
  228.         $(
  229.           '<div class="btn btn-success" style="margin-right:10px;">复制勾选</div>'
  230.         )
  231.           .on('click', function () {
  232.             const bugs = $('tr.checked')
  233.               .map(function () {
  234.                 const tds = $(this).find('td')
  235.                 const id = $(tds[0]).text().trim()
  236.                 const raw = $(tds[1]).text().trim()
  237.                 let range = raw.match(/【([^【】]+?\/.+?)】/)
  238.                 range = !range ? '' : range[1].replace(/(\d\.?|-){3}/, '') // 移除版本号
  239.                 const title = raw.slice(raw.lastIndexOf('】') + 1)
  240.                 return `${localStorage.getItem('zm-username')}\t\t${id} ${title}\t${range}\n`
  241.               })
  242.               .get()
  243.               .join('')
  244.             GM_setClipboard(bugs)
  245.           })
  246.           .insertBefore('#bugs .actions a')
  247.       }
  248.       // 处理 my-work-bug 页面
  249.       function handleMyWorkBug(colors) {
  250.           GM_addStyle(`
  251.               td.text-left.nobr { white-space: normal; }
  252.               span.zm-mark { padding: 2px; border-radius: 4px; border: 1px solid; font-size: .9em; }
  253.           `);
  254.           addBugFetchButton(colors);
  255.       }
  256.  
  257.       // 添加获取bug时间按钮
  258.       function addBugFetchButton(colors) {
  259.           const btn = $(`<div class="btn-toolbar pull-right" style="display:flex;align-items:center;"><div class="btn btn-warning">获取bug时间</div><span style="color:${colors.red};">一页超过8个Bug时需要手动获取</span></div>`)
  260.           .on('click', async function () {
  261.               let bugData = await fetchBugData();
  262.               bugData = bugData.map(({ start, hasReactive }) => ({ ...timeRangeStr(start), processed: hasReactive }))
  263.               updateBugTimeCells(bugData, colors);
  264.           }).appendTo('#mainMenu');
  265.  
  266.           // 自动点击按钮以加载数据
  267.           if ($('tr').length < 9) btn.click();
  268.       }
  269.  
  270.       // 获取Bug数据
  271.       async function fetchBugData() {
  272.           const bugUrls = $("tr td:nth-child(5) a").map((_, ele) => ele.href).get();
  273.           const bugPages = await Promise.all(bugUrls.map(fetchDocument));
  274.           return bugPages.map(parseBugPage);
  275.       }
  276.  
  277.       // 更新Bug时间单元格
  278.       function updateBugTimeCells(bugData, colors) {
  279.           $("tr th:nth-child(9)").text('Bug 留存').removeClass('text-center');
  280.           $("tr td:nth-child(9)").each((idx, ele) => {
  281.               const cell = $(ele).empty().html(`<span class="zm-mark">${bugData[idx].str}</span>`);
  282.               const { h, processed } = bugData[idx];
  283.               updateCellColor(cell, h, processed, colors);
  284.           });
  285.       }
  286.  
  287.       // 更新单元格颜色
  288.       function updateCellColor(cell, h, processed, colors) {
  289.           if (h < 12) cell.css({ color: colors.green });
  290.           else if (h < 24) cell.css({ color: !processed ? colors.yellow : colors.green });
  291.           else if (h < 34) cell.css({ color: !processed ? colors.brown : colors.yellow });
  292.           else if (h < 70) cell.css({ color: !processed ? colors.red : colors.brown });
  293.           else cell.css({ color: colors.red });
  294.       }
  295.  
  296.       // 处理默认路径
  297.       function handleDefaultPath(path) {
  298.           if (/bug-view-\d+\.html/.test(path)) {
  299.               setupBugDetailPage();
  300.           } else if (/resolvedbyme/.test(path)) {
  301.               setupResolvedByMePage();
  302.           } else if (/build-view-\d+.*\.html/.test(path)) {
  303.               setupVersionBugPage()
  304.           } else if (/effort-createForObject-bug-\d+.html/.test(path)) {
  305.             setupBugEffortPage()
  306.           } else if (/build-view/.test(path)) {
  307.             setupResolvedByMeBuildPage()
  308.           } 
  309.           setupLeftMenu()
  310.       }
  311.  
  312.       async function setupLeftMenu() {
  313.         const element = await waitForContentInContainer('body', '#menuMainNav')
  314.         const myBug = $('<li><a href="/my-work-bug.html" class="show-in-app"><i class="icon icon-bug"></i><span class="text num">我的Bug</span></a></li>');
  315.         const myTask = $('<li><a href="/my-work-task.html" class="show-in-app"><i class="icon icon-list-alt"></i><span class="text num">我的任务</span></a></li>');
  316.         const zenGuard = $('<li><a class="show-in-app"><i class="icon icon-magic"></i><span class="text num">禅道卫士</span></a></li>');
  317.  
  318.         myBug.click(function () {
  319.             window.location.href = '/my-work-bug.html';
  320.         });
  321.         myTask.click(function () {
  322.             window.location.href = '/my-work-task.html';
  323.         });
  324.         zenGuard.click(function () {
  325.             window.open('http://172.21.15.106:8090/')
  326.         })
  327.  
  328.         $('#menuMainNav .divider').before(myBug, myTask, zenGuard);
  329.     }
  330.  
  331.       // 设置Bug详情页功能
  332.       function setupBugDetailPage() {
  333.           $('.label.label-id').on('click', function () {
  334.               GM_setClipboard(`🔨bug(${$(this).text().trim()}): ${$(this).next().text().trim().replace(/【.+】(【.+】)*(-)*/, '')}`);
  335.           }).attr('title', '点击复制 Bug').css({ cursor: 'pointer' });
  336.           enforceEffortLogging();
  337.       }
  338.  
  339.       // 强制填写工时
  340.       function enforceEffortLogging() {
  341.           $('a').has('.icon-bug-resolve, .icon-bug-assignTo').each((_, e) => {
  342.               e.addEventListener('click', async function (e) {
  343.                   const targetEle = e.target;
  344.                   const { needEffort } = parseBugPage();
  345.                   if (needEffort) {
  346.                       e.stopPropagation();
  347.                       e.preventDefault();
  348.                       $('a.effort').get(0).click();
  349.                   }
  350.               }, true);
  351.           });
  352.       }
  353.  
  354.       // 设置 "我解决的Bug" 页面功能
  355.       function setupResolvedByMePage() {
  356.           $('<div class="btn btn-success">复制勾选</div>').on('click', function () {
  357.               const bugs = $('tr.checked').map(function () {
  358.                   const tds = $(this).find("td");
  359.                   const id = $(tds[0]).text().trim();
  360.                   const raw = $(tds[4]).text().trim();
  361.                   let range = raw.match(/【([^【】]+?\/.+?)】/);
  362.                   range = !range ? '' : range[1].replace(/(\d\.?|-){3}/, ''); // 移除版本号
  363.                   const title = raw.slice(raw.lastIndexOf('】') + 1);
  364.                   return `${localStorage.getItem('zm-username')}\t\t${id} ${title}\t${range}\n`;
  365.               }).get().join('');
  366.               GM_setClipboard(bugs);
  367.           }).insertBefore('.btn-group.dropdown');
  368.       }
  369.  
  370.       // 迭代版本页面中，添加一键复制已勾选BUG的按钮
  371.       function addCopyBtnOnVersionBugPage() {
  372.         $('<div class="btn btn-success table-actions btn-toolbar">复制勾选</div>').on('click', function () {
  373.                 const bugs = $('tr.checked').map( function () {
  374.                     const tds = $(this).find("td")
  375.                     const id = $(tds[0]).text().trim()
  376.                     const title = $(tds[1]).text().trim()
  377.                     const resolver = $(tds[5]).text().trim()
  378.                     return `${id} ${title}\t${resolver}\n`
  379.             })
  380.             GM_setClipboard(bugs.get().join(''))
  381.         }).insertAfter('.table-actions.btn-toolbar')
  382.       }
  383.  
  384.       /**
  385.        * 配置迭代版本BUG页面
  386.        * 1. 添加一键复制已勾选BUG的按钮
  387.        */
  388.       function setupVersionBugPage() {
  389.         addCopyBtnOnVersionBugPage()
  390.       }
  391.  
  392.       /**
  393.        * Bug填写工时窗口默认填充1h处理BUG
  394.        */
  395.       function setupBugEffortPage() {
  396.         // 自动填BUG工时、内容
  397.         let bug_id=$("#mainContent > div > h2 > span.label.label-id")[0].innerHTML
  398.         $(".form-control")[1].value = 1
  399.         $(".form-control")[2].value = "处理BUG: " + bug_id
  400.       }
  401.  
  402.       // 根据时间范围生成字符串
  403.       function timeRangeStr(start, end = Date.now()) {
  404.           start = new Date(start);
  405.           end = new Date(end);
  406.           const msPerDay = 3.6e6 * 24;
  407.           let ms = 0;
  408.  
  409.           while (start.getTime() < end) {
  410.               if (workdayCn.isWorkday(start)) {
  411.                   ms += msPerDay;
  412.               }
  413.               start.setDate(start.getDate() + 1);
  414.           }
  415.  
  416.           ms += end - start;
  417.           ms = Math.max(ms, 0);
  418.  
  419.           const rawh = ms / 3.6e6;
  420.           const h = Math.trunc(rawh);
  421.           const m = Math.trunc((rawh - h) * 60);
  422.           return { str: `${h} 小时 ${m} 分钟`, h, m };
  423.       }
  424.  
  425.       // 解析Bug页面
  426.       function parseBugPage(document = window.document) {
  427.           const userName = localStorage.getItem('zm-username');
  428.           const processedRe = new RegExp(`由.${userName}.(指派|解决|确认|添加)`);
  429.           const effortRe = new RegExp(`由.${userName}.记录工时`);
  430.           const assignRe = new RegExp(`由.${userName}.指派`);
  431.           const assignedRe = new RegExp(`指派给.${userName}`);
  432.           const dateRe = /(\d{4}-.+:\d{2})/;
  433.  
  434.           let start, hasReactive = false, needEffort = false;
  435.           const assignmens = [], reactives = [];
  436.  
  437.           const current = $('#legendBasicInfo th:contains(当前指派) ~ td').text().trim();
  438.           needEffort = current.includes(userName);
  439.  
  440.           $(document).find('#actionbox li').each(function () {
  441.               const text = $(this).text().trim();
  442.               if (processedRe.test(text)) {
  443.                   hasReactive = true;
  444.                   reactives.push({ time: new Date(text.match(dateRe)[1]), action: text });
  445.               }
  446.               if (effortRe.test(text)) {
  447.                   needEffort = false;
  448.               }
  449.               if (/由.+创建/.test(text)) {
  450.                   start = new Date(text.match(dateRe)[1]);
  451.               }
  452.               if (assignRe.test(text)) {
  453.                   assignmens.push({ toMe: false, time: new Date(text.match(dateRe)[1]) });
  454.               }
  455.               if (assignedRe.test(text)) {
  456.                   assignmens.push({ toMe: true, time: new Date(text.match(dateRe)[1]) });
  457.                   if (assignmens.length && assignmens[0].toMe) {
  458.                       start = assignmens[0].time;
  459.                   }
  460.                   needEffort = current.includes(userName);
  461.               }
  462.           });
  463.  
  464.           console.log('(zm)DEBUG: ', { start: new Date(start).toLocaleString(), reactives, assignmens, hasReactive, needEffort });
  465.           return { start, reactives, assignmens, hasReactive, needEffort };
  466.       }
  467.  
  468.       // 获取Owner信息
  469.       function getOwner(type) {
  470.           const data = {
  471.               "已解决": "研发、产品经理",
  472.               "设计如此": "产品经理",
  473.               "设计缺陷": "项目经理",
  474.               "不予解决": "产品经理",
  475.               "外部原因": "研发",
  476.               "提交错误": "研发",
  477.               "重复Bug": "研发",
  478.               "无法重现": "项目经理",
  479.               "下个版本解决": "产品经理",
  480.               "延期处理": "产品经理"
  481.           };
  482.           return data[type] ? `${type}<span style="color: #8e8e8e;">（填写人：${data[type]}）</span>` : type;
  483.       }
  484.  
  485.       // 生成处理类型选择器
  486.       async function generatorResolveType() {
  487.           const element = await waitForContentInContainer('body', '.modal-trigger.modal-scroll-inside .modal-dialog');
  488.           const oIframe = element.querySelector('iframe');
  489.           oIframe.addEventListener('load', () => {
  490.               const content = oIframe.contentDocument;
  491.               const body = content.querySelector('.m-bug-resolve');
  492.               const oResolveType = body.querySelector('.chosen-container');
  493.               oResolveType.addEventListener('click', () => {
  494.                   const lis = oResolveType.querySelectorAll('li');
  495.                   lis.forEach(node => {
  496.                       const text = getOwner(node.textContent.trim());
  497.                       node.innerHTML = text;
  498.                       node.title = text.replace(/<span style="color: .*;">|<\/span>/g, '');
  499.                   });
  500.               });
  501.           });
  502.       }
  503.  
  504.       // 等待容器内内容加载
  505.       async function waitForContentInContainer(containerSelector, targetSelector, timeout = 10000) {
  506.           return new Promise((resolve, reject) => {
  507.               let timer;
  508.               const container = document.querySelector(containerSelector);
  509.  
  510.               if (!container) {
  511.                   return reject(new Error(`Container ${containerSelector} not found`));
  512.               }
  513.  
  514.               function checkElement() {
  515.                   const element = container.querySelector(targetSelector);
  516.                   if (element) {
  517.                       if (timer) clearTimeout(timer);
  518.                       observer.disconnect();
  519.                       resolve(element);
  520.                   }
  521.               }
  522.  
  523.               const observer = new MutationObserver(checkElement);
  524.               observer.observe(container, { childList: true, subtree: true });
  525.  
  526.               const iframes = container.querySelectorAll('iframe');
  527.               let iframeLoadPromises = Array.from(iframes).map(iframe => new Promise(resolve => {
  528.                   iframe.addEventListener('load', resolve);
  529.                   if (iframe.contentDocument && iframe.contentDocument.readyState === 'complete') {
  530.                       resolve();
  531.                   }
  532.               }));
  533.  
  534.               timer = setTimeout(() => {
  535.                   observer.disconnect();
  536.                   reject(new Error(`Timeout: Element ${targetSelector} not found within ${timeout}ms`));
  537.               }, timeout);
  538.  
  539.               Promise.all(iframeLoadPromises).then(() => checkElement());
  540.           });
  541.       }
  542.  
  543.       // 获取网页文档
  544.       async function fetchDocument(url) {
  545.           const response = await fetch(url);
  546.           const arrayBuffer = await response.arrayBuffer();
  547.           const decoder = new TextDecoder(document.characterSet);
  548.           return new DOMParser().parseFromString(decoder.decode(arrayBuffer), 'text/html');
  549.       }
  550.   });
  551. })();