☰

复制任务为表格形式 - qq.com

2023/10/25 15:15:01

目前為 2023-11-23 提交的版本，檢視 最新版本。

// ==UserScript==
// @license MIT
// @name        复制任务为表格形式 - qq.com
// @namespace   Violentmonkey Scripts
// @match       https://codesign.qq.com/*
// @grant       none
// @version     1.2
// @author      -
// @description 2023/10/25 15:15:01
// ==/UserScript==

function getPrePosition () {
  const pos = JSON.parse(localStorage.getItem('__ffPosition') || '{}')
  return pos[location.pathname] || {"top":"10px","left":"10px"};
}

function persistPosition ({top, left}) {
  let posMap = JSON.parse(localStorage.getItem('__ffPosition') || '{}')
  posMap[location.pathname] = {top, left};
  posStr = JSON.stringify(posMap)
  localStorage.setItem('__ffPosition', posStr)
}



function debounce(fn, delay) {
  // 1.定义一个定时器, 保存上一次的定时器
  let timer = null

  // 2.真正执行的函数
  const _debounce = function(...args) {
    // 取消上一次的定时器
    if (timer) clearTimeout(timer)
    // 延迟执行
    timer = setTimeout(() => {
      // 外部传入的真正要执行的函数
      fn(...args)
    }, delay)
  }

  return _debounce
}
const debouncePersistPos = debounce(persistPosition, 300);
function createFloatMenu (opts) {
    const id = 'ff-' + Math.floor(Math.random() * 10);
    var div = document.createElement('div');
    div.id = id;
    div.classList.add('ff-container');
    const optsHtml = opts.map(({text}, idx) => `<div class="ff-action" data-index="${idx}">${text}</div>`).join(' ');
    const {top, left} = getPrePosition();
    div.innerHTML = `
        <style>
            .ff-container {
              position: absolute;
              z-index: 1999;
              left: ${left};
              top: ${top};
              background-color: #f1f1f1;
              text-align: center;
              border-radius: 2px;
              font-size: 12px;
              overflow: hidden;
              box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
            }

            .ff-header {
              padding: 0 4px;
              cursor: move;
              z-index: 2999;
              background-color: #2196F3;
              display: flex;
              align-items: center;
              justify-content: center;
              justify-content: space-between;
              color: #fff;
              min-width: 50px;
            }

            .ff-action {
            	  padding:3px 5px;
                background:white;
                cursor:pointer;
            }

            .ff-hidden {
            	  display: none;
            }
            .ff-toggle {
              font-weight: bold;
              cursor: pointer;
            }
        </style>
        <div id="${id}header" class="ff-header">
          <span class="ff-toggle">-</span>
          <span>: :</span>
        </div>
        <div class='ff-wrapper'>
          ${optsHtml}
        </div>
    `;

    document.body.appendChild(div);
    const wrapper = div.querySelector('.ff-wrapper');
    const toggleHandler = div.querySelector('.ff-toggle');
    wrapper.addEventListener('click', (event) => {
      const index = event.target.getAttribute('data-index');
      opts[index]?.onClick();
    });
    toggleHandler.addEventListener('click', (event) => {
      const symb = toggleHandler.innerText;
      if (symb === '+') {
        toggleHandler.innerText = '-';
        wrapper.classList.remove('ff-hidden');
      } else {
        toggleHandler.innerText = '+';
        wrapper.classList.add('ff-hidden');
      }
    });
    dragElement(div);

    function dragElement(elmnt) {
      var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
      if (document.getElementById(elmnt.id + "header")) {
        /* if present, the header is where you move the DIV from:*/
        document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
      } else {
        /* otherwise, move the DIV from anywhere inside the DIV:*/
        elmnt.onmousedown = dragMouseDown;
      }

      function dragMouseDown(e) {
        e = e || window.event;
        e.preventDefault();
        // get the mouse cursor position at startup:
        pos3 = e.clientX;
        pos4 = e.clientY;
        document.onmouseup = closeDragElement;
        // call a function whenever the cursor moves:
        document.onmousemove = elementDrag;
      }

      function elementDrag(e) {
        e = e || window.event;
        e.preventDefault();
        // calculate the new cursor position:
        pos1 = pos3 - e.clientX;
        pos2 = pos4 - e.clientY;
        pos3 = e.clientX;
        pos4 = e.clientY;
        // set the element's new position:
        const top = (elmnt.offsetTop - pos2) + "px";
        const left = (elmnt.offsetLeft - pos1) + "px";
        elmnt.style.top = top;
        elmnt.style.left = left;
        debouncePersistPos({top, left})
      }

      function closeDragElement() {
        /* stop moving when mouse button is released:*/
        document.onmouseup = null;
        document.onmousemove = null;
      }
    }
}

function copyToTable () {
  if (!document.querySelector('.board-screen-list__section')) {
    return alert('当前页面不适用该脚本');
  }
  var assignee = prompt('请输入默认指派人', '翟')
  if (assignee) {
      var estimateText = `ui: 0h, 联调: 0h(0个Api)`
      var taskNames = Array.from(document.querySelectorAll('.board-screen-list__section')).map(it => {
          const groupName = it.querySelector('.board-screen-list__section-name').innerText;
          var res = Array.from(it.querySelectorAll('.board-screen-list__item-container>div')).map(it => ` \t${it.innerText}\t${assignee}\t0\t${estimateText}`);
          res[0] = groupName + res[0];
          return res;
      }).flat().join('\n');

     // console.log('taskNames: ', taskNames);
     navigator.clipboard.writeText(taskNames)
      .then(() => {alert('复制成功！');})
      .catch(err => {
        alert('复制失败！');
      })
    /*
      var tx = document.createElement('textarea');
      tx.style = "max-height:0;"
      tx.value = taskNames;
      setTimeout(() => {
        document.body.append(tx)
        tx.select();
        document.execCommand('copy');
        alert('复制成功');
        setTimeout(() => tx.remove(), 800)
      })
      */
  }
}

createFloatMenu([{onClick: copyToTable, text: '复制成表格'}])

QingJ © 2025

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