天猫淘宝 订单列表 - 批量删除

fetch 内容用的时候，需要手动取个新的来覆盖使用。

// 创建一个新的div元素
var overlayDiv = document.createElement('div');
// 设置样式
overlayDiv.style.position = 'fixed';
overlayDiv.style.top = 0;
overlayDiv.style.left = 0;
overlayDiv.style.width = '100%';
overlayDiv.style.height = '100%';
overlayDiv.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; // 灰色半透明背景
overlayDiv.style.zIndex = 9999; // 确保其在页面顶部
overlayDiv.style.color = '#FFF';
overlayDiv.style.fontSize = 'large';
overlayDiv.style.display = 'flex';
overlayDiv.style.justifyContent = 'center';
overlayDiv.style.alignItems = 'center';
overlayDiv.innerText = '删除中。。。'
top.document.body.appendChild(overlayDiv); // 将div添加到body中
overlayDiv.style.display = 'none'; // 隐藏遮罩层

// 删除按钮
let delBtnStr = `
<span class="delete-icon" style="
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    color: #FFF;
    padding: 0.2em 0.5em;
	margin: 0 2px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    background-color: #c82333;
">删除</span>`;

// 找到所有订单号，添加删除按钮
[...document.querySelectorAll('[data-id] tbody>tr:first-child>td:first-child>span>span:last-child')].forEach(span => {
	span.style.color='red';
	span.insertAdjacentHTML('afterend', delBtnStr);
	let delBtn = span.nextElementSibling;
	// 添加伪类样式（hover 和 active 需要借助 JavaScript 来模拟）
	delBtn.addEventListener('mouseover', event => {
		event.target.style.backgroundColor = '#ff0000';
		event.target.style.opacity = '#EEE';
	});
	delBtn.addEventListener('mouseout', event => {
		event.target.style.backgroundColor = '#c82333'; // 回复原样式
		event.target.style.opacity = 1;
		event.target.style.color = '#FFF';
	});

    let order_ids = span.innerText.trim();
    delBtn.addEventListener('click', e=>{
		overlayDiv.style.display = 'flex'; // 显示遮罩层
		fetch(`https://buyertrade.taobao.com/trade/itemlist/asyncBought.htm?action=itemlist/RecyleAction&event_submit_do_delete=1&_input_charset=utf8&order_ids=${order_ids}&isArchive=false`, {
		  "headers": {
			"accept": "application/json, text/javascript, */*; q=0.01",
			"accept-language": "zh-CN,zh;q=0.9",
			"cache-control": "no-cache",
			"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
			"pragma": "no-cache",
			"sec-ch-ua": "\"Not.A/Brand\";v=\"8\", \"Chromium\";v=\"114\"",
			"sec-ch-ua-mobile": "?0",
			"sec-ch-ua-platform": "\"Windows\"",
			"sec-fetch-dest": "empty",
			"sec-fetch-mode": "cors",
			"sec-fetch-site": "same-origin",
			"x-requested-with": "XMLHttpRequest"
		  },
		  "referrer": "https://buyertrade.taobao.com/trade/itemlist/list_bought_items.htm",
		  "referrerPolicy": "no-referrer-when-downgrade",
		  "body": "_query",
		  "method": "POST",
		  "mode": "cors",
		  "credentials": "include"
		}).then(data=>{
			span.style.color = '#b7b7b7';
			span.style.textDecoration = 'line-through';
			delBtn.parentNode.removeChild(delBtn);
			span.insertAdjacentHTML('afterend', `<span> 已删除</span>`);
			overlayDiv.style.display = 'none'; // 隐藏遮罩层
		});
    });
});