1.购买服务器阿里云:服务器购买地址https://t.aliyun.com/U/Bg6shY若失效,可用地址
阿里云:
服务器购买地址
https://t.aliyun.com/U/Bg6shY若失效,可用地址
https://www.aliyun.com/daily-act/ecs/activity_selection?source=5176.29345612&userCode=49hts92d腾讯云:
https://curl.qcloud.com/wJpWmSfU若失效,可用地址
https://cloud.tencent.com/act/cps/redirect?redirect=2446&cps_key=ad201ee2ef3b771157f72ee5464b1fea&from=console华为云
https://activity.huaweicloud.com/cps.html?fromacct=64b5cf7cc11b4840bb4ed2ea0b2f4468&utm_source=V1g3MDY4NTY=&utm_medium=cps&utm_campaign=2019052.部署教程
3.代码如下
(function() {window.addEventListener('load', () => {//初始化参数let spanObserver = null;let sidebarObserver = null;let timerId = null;//创建消息提醒弹窗function showAutoCloseAlert(message) {// 创建消息容器const alertBox = document.createElement('div');alertBox.style.cssText = `position: fixed;top: 60px;left: 50%;transform: translateX(-50%);padding: 15px 25px;background: #f0f0f0;border: 1px solid #ddd;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);`;alertBox.textContent = message;// 添加到页面document.body.appendChild(alertBox);// 2秒后自动移除setTimeout(() => {alertBox.remove();}, 2000); // 2000毫秒 = 2秒};//添加css样式function addGlobalStyle(css) {const style = document.createElement('style');style.type = 'text/css';style.innerHTML = css;document.head.appendChild(style);};addGlobalStyle(`.red-circle {width: 20px;height: 20px;background-color: red;border-radius: 50%;display: inline-block;}.yellow-circle {width: 20px;height: 20px;background-color: yellow;border-radius: 50%;display: inline-block;}.green-circle {width: 20px;height: 20px;background-color: green;border-radius: 50%;display: inline-block;}.black-circle {width: 20px;height: 20px;background-color: black;border-radius: 50%;display: inline-block;}.reset-circle {width: 20px;height: 20px;background-color: blue;border-radius: 50%;display: inline-block;}.rainbow-text {background: linear-gradient(to right,#ff0000, #ff7f00, #ffff00,#00ff00, #0000ff, #4b0082, #9400d3);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 3em;font-weight: bold;animation: rainbow 3s linear infinite;background-size: 200% auto;}@keyframes rainbow {0% { background-position: 0% center; }100% { background-position: 100% center; }}`);//交通灯按钮function quickDimension(){const parent = document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1)")//创建按钮function lampButton(id,quantity,color,type,num,name,textColor){const myButtonid = "myButton"+num+id;if(!document.getElementById(myButtonid)){parent.insertAdjacentHTML('beforeend','<button id='+myButtonid+' style="margin-top:10px;margin-left:5px;border:1px solid;border-color:rgba(255, 255, 255, 0);background-color:rgba(255, 255, 255, 0);height:30px;padding-top:5px;padding-left:5px"><div class="'+color[0]+'-circle"><a style="font-size:14px;color:'+textColor+'">'+name+'</a></div><div class="'+color[1]+'-circle"></div><div class="'+color[2]+'-circle"></div><div class="'+color[3]+'-circle"></div></button>');document.getElementById(myButtonid).addEventListener('click', function() {//数量document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(2) > div > input[type=text]").value=quantity;//颜色for(let i=1;i<+quantity+1;i++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(2+i)+") > div > label:nth-child("+id[i-1]+")").click();for(let j=1;j<5;j++){if(j === parseInt(id[i-1])){continue;};document.querySelector('#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child('+(2+i)+') > div > label:nth-child('+j+')').style.display='none'};}//类型for(let i=1;i<+quantity+1;i++){if(type[i-1] === 4){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(6+i)+") > div > label:nth-child("+type[i-1]+")").click();}else{document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(6+i)+") > div > label:nth-child("+type[i-1]+")").click();for(let j=1;j<18;j++){if(j === type[i-1]){continue;};document.querySelector('#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child('+(6+i)+') > div > label:nth-child('+j+')').style.display='none'};}};if(type.includes(16)){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(11) > div > input[type=text]").value="0";//倒计时0function simulateClick(element) {element.dispatchEvent(new MouseEvent("mousedown", { bubbles: true }));element.dispatchEvent(new MouseEvent("mouseup", { bubbles: true }));element.dispatchEvent(new MouseEvent("click", { bubbles: true }));};simulateClick(document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(11) > div > input[type=text]"));}infoColor();});};};//创建换行分隔线function br(br,type){if(!document.getElementById(br)){if(type === "A"){parent.insertAdjacentHTML('beforeend','<br id='+br+'><hr style="margin:8px 20px;height:1px;width:270px;background: linear-gradient(to right, #cfcfcf, #cfcfcf);">');}if(type === "B"){parent.insertAdjacentHTML('beforeend','<br id='+br+'>');}};};//四个灯-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------lampButton("1444","4",["red","black","black","black"],[4,15,15,15],"","","");//红黑黑黑lampButton("1441","4",["red","black","black","red"],[4,15,15,16],"","","");//红黑黑红lampButton("4244","4",["black","yellow","black","black"],[15,4,15,15],"","","");//黑黄黑黑lampButton("4434","4",["black","black","green","black"],[15,15,4,15],"","","");//黑黑绿黑lampButton("4433","4",["black","black","green","green"],[15,15,4,16],"","","");//黑黑绿绿lampButton("4444","4",["black","black","black","black"],[15,15,15,15],"","","");//黑黑黑黑br("br1","A");//换行//三个灯------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------lampButton("144","3",["red","black","black"],[4,15,15],"","","");//红黑黑lampButton("114","3",["red","red","black"],[4,16,15],"","","");//红红黑lampButton("141","3",["red","black","red"],[4,15,4],"","","");//红黑红lampButton("414","3",["black","red","black"],[15,4,15],"","","");//黑红黑lampButton("443","3",["black","black","green"],[15,15,4],"","","");//黑黑绿lampButton("434","3",["black","green","black"],[15,4,15],"","","");//黑绿黑lampButton("433","3",["black","green","green"],[15,16,4],"","","");//黑绿绿lampButton("424","3",["black","yellow","black"],[15,4,15],"","","");//黑黄黑lampButton("444","3",["black","black","black"],[15,15,15],"","","");//黑黑黑br("br2","A");//换行//两个灯-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------lampButton("14","2",["red","black"],[9,15],"","","");//红黑lampButton("11","2",["red","red"],[9,4],"","","");//红红lampButton("43","2",["black","green"],[15,9],"","","");//黑绿lampButton("33","2",["green","green"],[4,9],"","","");//绿绿lampButton("23","2",["yellow","green"],[4,9],"","","");//黄绿lampButton("44","2",["black","black"],[15,15],"","","");//黑黑br("br3","A");//换行//一个灯-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------lampButton("1","1",["red"],[4],"A","无","white");//红色-无法分类lampButton("1","1",["red"],[17],"B","文","white");//红色-文字灯lampButton("1","1",["red"],[1],"C","圆","white");//红色-圆灯lampButton("1","1",["red"],[12],"D","禁","white");//红色-车道禁行灯br("br4","B");//换行lampButton("3","1",["green"],[4],"A","无","white");//绿色-无法分类lampButton("3","1",["green"],[17],"B","文","white");//绿色-文字灯lampButton("3","1",["green"],[1],"C","圆","white");//绿色-圆灯lampButton("3","1",["green"],[11],"D","通","white");//绿色-车道通行灯lampButton("3","1",["green"],[5],"E","直","white");//绿色-直行灯br("br5","B");//换行lampButton("2","1",["yellow"],[4],"A","无","black");//黄色-无法分类lampButton("2","1",["yellow"],[17],"B","文","black");//黄色-文字灯lampButton("2","1",["yellow"],[1],"C","圆","black");//黄色-圆灯br("br6","B");//换行lampButton("4","1",["black"],[15],"A","熄","white");//黑色-熄灭lampButton("4","1",["black"],[17],"B","文","white");//黑色-文字灯//清空当前属性const myButtonNull = 'myButtonNull';if(!document.getElementById(myButtonNull)){parent.insertAdjacentHTML('beforeend','<button id='+myButtonNull+' style="margin-top:10px;margin-left:5px;border:1px solid;border-color:#f5f2f0;background-color:#f5f2f0;height:30px;padding-top:5px;padding-left:5px;display:none"><div class="reset-circle"></div></button>');document.getElementById(myButtonNull).addEventListener('click', function() {document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(2) > div > input[type=text]").value="";//重置灯数量for(let i = 3;i < 7;i++){for(let j = 1;j < 2;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+i+") > div > label:nth-child(1)").click();//黑document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+i+") > div > label:nth-child(1)").click();//黑};for(let j = 1;j < 2;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+i+") > div > label:nth-child(4)").click();//黑document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+i+") > div > label:nth-child(4)").click();//黑};for(let j = 1;j < 2;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(i+4)+") > div > label:nth-child(1)").click();//黑document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(i+4)+") > div > label:nth-child(1)").click();//黑};for(let j = 1;j < 2;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(i+4)+") > div > label:nth-child(15)").click();//黑document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(i+4)+") > div > label:nth-child(15)").click();//黑};for(let j = 1;j < 5;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+i+") > div > label:nth-child("+j+")").style.display='block'};for(let j = 1;j < 18;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(i+4)+") > div > label:nth-child("+j+")").style.display='block'};};document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(11) > div > input[type=text]").value="";//重置倒计时function simulateClick(element) {element.dispatchEvent(new MouseEvent("mousedown", { bubbles: true }));element.dispatchEvent(new MouseEvent("mouseup", { bubbles: true }));element.dispatchEvent(new MouseEvent("click", { bubbles: true }));};simulateClick(document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(11) > div > input[type=text]"));infoColor();});};};//更改信息function infoColor(){if(!document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info > div:nth-child(1)")){for(let i=3;i<7;i++){if(document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info")){if(document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").innerText === "红色"){document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").insertAdjacentHTML("beforeend",'<div class="red-circle infoColor" style="width:12px;height:12px;margin-left:5px"></div>')};if(document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").innerText === "黄色"){document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").insertAdjacentHTML("beforeend",'<div class="yellow-circle infoColor" style="width:12px;height:12px;margin-left:5px"></div>')};if(document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").innerText === "绿色"){document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").insertAdjacentHTML("beforeend",'<div class="green-circle infoColor" style="width:12px;height:12px;margin-left:5px"></div>')};if(document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").innerText === "其他"){document.querySelector("#detail-box > p:nth-child("+i+") > span.detail-box-info").insertAdjacentHTML("beforeend",'<div class="black-circle infoColor" style="width:12px;height:12px;margin-left:5px"></div>')};};};if(document.querySelector("#detail-box > p:nth-child(2) > span.detail-box-info")){if(document.querySelector("#detail-box > p:nth-child(2) > span.detail-box-info").innerText === "1"){document.querySelector("#detail-box > p:nth-child(2)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(3)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(4)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(4)").style.display='none';document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").innerText='交通灯1:';const num3 = document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").innerText;if((num3[0] === "其" && num3[2] !== "熄") || (num3[0] !== "其" && num3[2] === "熄") || (num3[0] !== "红" && num3[4] === "禁") || (num3[0] !== "绿" && num3[4] === "通")){if(num3[0] === "其" && num3[2] == "文"){}else{document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").style.color="red";}};};if(document.querySelector("#detail-box > p:nth-child(2) > span.detail-box-info").innerText === "2"){document.querySelector("#detail-box > p:nth-child(2)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(4)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(6)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(6) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(5)").style.display='none';document.querySelector("#detail-box > p:nth-child(6)").style.display='none';document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").innerText='交通灯1:';document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-title").innerText='交通灯2:';const num3 = document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").innerText;if((num3[0] === "其" && num3[2] !== "熄") || (num3[0] !== "其" && num3[2] === "熄")){document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").style.color="red";};const num4 = document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").innerText;if((num4[0] === "其" && num4[2] !== "熄") || (num4[0] !== "其" && num4[2] === "熄")){document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-title").style.color="red";};};if(document.querySelector("#detail-box > p:nth-child(2) > span.detail-box-info").innerText === "3"){document.querySelector("#detail-box > p:nth-child(2)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(5)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(8)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(6) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(7) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(8) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(6)").style.display='none';document.querySelector("#detail-box > p:nth-child(7)").style.display='none';document.querySelector("#detail-box > p:nth-child(8)").style.display='none';document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").innerText='交通灯1:';document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-title").innerText='交通灯2:';document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-title").innerText='交通灯3:';const num3 = document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").innerText;if((num3[0] === "其" && num3[2] !== "熄") || (num3[0] !== "其" && num3[2] === "熄")){document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").style.color="red";};const num4 = document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").innerText;if((num4[0] === "其" && num4[2] !== "熄") || (num4[0] !== "其" && num4[2] === "熄")){document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-title").style.color="red";};const num5 = document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-info").innerText;if((num5[0] === "其" && num5[2] !== "熄") || (num5[0] !== "其" && num5[2] === "熄")){document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-title").style.color="red";};};if(document.querySelector("#detail-box > p:nth-child(2) > span.detail-box-info").innerText === "4"){document.querySelector("#detail-box > p:nth-child(2)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(6)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(10)").insertAdjacentHTML('beforeend','<br><hr style="border:none;margin:5px;">');document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(7) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(8) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(9) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(6) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:4px'>"+document.querySelector("#detail-box > p:nth-child(10) > span.detail-box-info").innerText+"</span>");document.querySelector("#detail-box > p:nth-child(7)").style.display='none';document.querySelector("#detail-box > p:nth-child(8)").style.display='none';document.querySelector("#detail-box > p:nth-child(9)").style.display='none';document.querySelector("#detail-box > p:nth-child(10)").style.display='none';document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").innerText='交通灯1:';document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-title").innerText='交通灯2:';document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-title").innerText='交通灯3:';document.querySelector("#detail-box > p:nth-child(6) > span.detail-box-title").innerText='交通灯4:';const num3 = document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").innerText;if((num3[0] === "其" && num3[2] !== "熄") || (num3[0] !== "其" && num3[2] === "熄")){document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(3) > span.detail-box-title").style.color="red";};const num4 = document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").innerText;if((num4[0] === "其" && num4[2] !== "熄") || (num4[0] !== "其" && num4[2] === "熄")){document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(4) > span.detail-box-title").style.color="red";};const num5 = document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-info").innerText;if((num5[0] === "其" && num5[2] !== "熄") || (num5[0] !== "其" && num5[2] === "熄")){document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(5) > span.detail-box-title").style.color="red";};const num6 = document.querySelector("#detail-box > p:nth-child(6) > span.detail-box-info").innerText;if((num6[0] === "其" && num6[2] !== "熄") || (num6[0] !== "其" && num6[2] === "熄")){document.querySelector("#detail-box > p:nth-child(6) > span.detail-box-info").insertAdjacentHTML('beforeend',"<span style='margin-left:10px;font-size:14px;color:red;font-weight:bold'>!</span>");document.querySelector("#detail-box > p:nth-child(6) > span.detail-box-title").style.color="red";};};};};};//恢复隐藏的选项function infoBlock(){for(let i = 3;i < 7;i++){for(let j = 1;j < 5;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+i+") > div > label:nth-child("+j+")").style.display='block'};for(let j = 1;j < 18;j++){document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child("+(i+4)+") > div > label:nth-child("+j+")").style.display='block'};};};//清除预识别黄标function clean(){const paths = document.querySelector("#meglabel-tool > div > div > div.tool-container-main.frame-area > div.wrap-container > div.draw-image > svg").getElementsByTagName("path");for(const path in paths){if(!document.querySelector("#meglabel-tool > div > div > div.tool-container-main.frame-area > div.wrap-container > div.draw-image > svg > path:nth-child("+path+")")){continue;}else{if(document.querySelector("#meglabel-tool > div > div > div.tool-container-main.frame-area > div.wrap-container > div.draw-image > svg > path:nth-child("+path+")").getAttribute('stroke') === "#EB9E05"){document.querySelector("#meglabel-tool > div > div > div.tool-container-main.frame-area > div.wrap-container > div.draw-image > svg > path:nth-child("+path+")").style.display="none";}};};};//点击当前框function clickCurrent(){const frame = document.querySelector("#two_4").children.length;for(let i = 1;i < frame+1;i++){if(document.querySelector("#two_4 > path:nth-child("+i+")").classList.contains('rect-ns-selected')){function simulateClick(element) {element.dispatchEvent(new MouseEvent("mousedown", { bubbles: true }));element.dispatchEvent(new MouseEvent("mouseup", { bubbles: true }));element.dispatchEvent(new MouseEvent("click", { bubbles: true }));};simulateClick(document.querySelector("#two_4 > path:nth-child("+i+")"));}}}//判断是否为标注页面if(location.hash.includes('node_id=5')) {console.log("标注");//框体切换监测function script(){let isTextChanging = false;const targetSpan = document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div:nth-child(3) > div > div.sidebar-search-layer-item.sidebar-search-layer-item-index");spanObserver = new MutationObserver((mutations)=>{mutations.forEach((mutation)=>{if(mutation.type === 'childList'){if(isTextChanging){quickDimension();infoColor();infoBlock();};isTextChanging = !isTextChanging;}});});const cfg = {childList:true}spanObserver.observe(targetSpan,cfg);showAutoCloseAlert("脚本加载成功-标注");document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-opers > div > button:nth-child(2)").addEventListener('click',function(){setTimeout(()=>{spanObserver.disconnect();script();sidebarMonitoring();describe();},3000);});};//按键监测function keyMonitoring(){console.log("开启按键检测")document.addEventListener('keydown', (e) => {if(e.key === "q" || e.key === "Q"){infoColor();infoBlock();}if(e.key === "e" || e.key === "E"){infoColor();infoBlock();}if(e.key === "s" || e.key === "S"){document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-opers > div > button:nth-child(1)").click();}if(e.key === "w" || e.key === "W"){document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-opers > div > button:nth-child(2)").click();}if (e.altKey && (e.key === 'f' || e.key === 'F' || e.keyCode === 70)) {document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-opers > div > button:nth-child(2)").click();e.preventDefault();}if(e.key === "x" || e.key === "X"){clean();showAutoCloseAlert("已清除黄标");}if(e.key === "c" || e.key === "C"){document.querySelector("#myButtonNull").click();showAutoCloseAlert("已清除当前框属性");}if(e.key === "a" || e.key === "A"){if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(3)").click();}else if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").click();}else {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").click();}clickCurrent();}if(e.key === "d" || e.key === "D"){if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").click();}else if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(3)").click();}else {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").click();}clickCurrent();}});};//属性框变化监测function sidebarMonitoring(){console.log("属性框变化监测")if(document.querySelector("#meglabel-tool > div.sidebar-attrs-container.fixed")){const targetDiv = document.querySelector("#meglabel-tool > div.sidebar-attrs-container.fixed")const sidebarObserver = new MutationObserver((mutations) => {mutations.forEach((mutation) => {if (mutation.attributeName === 'style') {function simulateClick(element) {element.dispatchEvent(new MouseEvent("mousedown", { bubbles: true }));element.dispatchEvent(new MouseEvent("mouseup", { bubbles: true }));element.dispatchEvent(new MouseEvent("click", { bubbles: true }));};simulateClick(document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-title > span.tab-item.active"));console.log("click")}});});sidebarObserver.observe(targetDiv, { attributes: true, attributeFilter: ['style'] });}};//脚本说明按钮function describe(){document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-menu > div > div.save-time_tool-header").insertAdjacentHTML("beforebegin",'<span class="menu-item-wrapper" style="display: flex;justify-content: center;align-items: center;"><a class="rainbow-text" style="font-size: 14px;">脚本说明</a></span>');document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-menu > div > span:nth-child(4) > a").addEventListener('click', function() {window.open("work.txt", "_blank");document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-menu > div > span:nth-child(4) > a").style.display="none"});};//启动脚本setTimeout(()=>{script();keyMonitoring();sidebarMonitoring();describe();},4000);};//判断是否为验收页面if(location.hash.includes('node_id=9') || location.hash.includes('node_id=10')) {console.log("验收")//框体切换监测function script(){let isTextChanging = false;const targetSpan = document.querySelector("#meglabel-tool > div > div > div.tool-container-sidebar > div:nth-child(3) > div > div.sidebar-search-layer-item.sidebar-search-layer-item-index");spanObserver = new MutationObserver((mutations)=>{mutations.forEach((mutation)=>{if(mutation.type === 'childList'){if(isTextChanging){quickDimension();infoColor();infoBlock();document.querySelector("#labelToolHeader > div.label-tool-header-menu > div > div:nth-child(2) > span:nth-child(1) > a").innerHTML=document.querySelector("ul.menu-item-history-timeline > li:nth-child(1) > div.el-timeline-item__wrapper > div.el-timeline-item__content > span.overhaulTitleBox > span").innerHTML+document.querySelector("ul.menu-item-history-timeline > li:nth-child(1) > div.el-timeline-item__wrapper > div.el-timeline-item__content > p:nth-child(3) > span.operate_name").innerHTML+document.querySelector("ul.menu-item-history-timeline > li:nth-child(1) > div.el-timeline-item__wrapper > div.el-timeline-item__content > p:nth-child(3) > span.user_id.shift_line").innerHTML};isTextChanging = !isTextChanging;}});});const cfg = {childList:true}spanObserver.observe(targetSpan,cfg);showAutoCloseAlert("脚本加载成功-验收");document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-opers > div > button:nth-child(2)").addEventListener('click',function(){setTimeout(()=>{spanObserver.disconnect();script();},4000);});};//按键监测function keyMonitoring(){console.log("开启按键检测")document.addEventListener('keydown', (e) => {if(e.key === "q" || e.key === "Q"){infoColor();infoBlock();}if(e.key === "e" || e.key === "E"){infoColor();infoBlock();}if(e.key === "s" || e.key === "S"){document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-opers > div > button:nth-child(1)").click();}if(e.key === "x" || e.key === "X"){showAutoCloseAlert("已清除黄标");clean();}if(e.key === "+"){showAutoCloseAlert("开启自动提交");qualified();}if(e.key === "-"){showAutoCloseAlert("关闭自动提交");if (timerId) {clearTimeout(timerId);timerId = null;}}if(e.key === "c" || e.key === "C"){document.querySelector("#myButtonNull").click();showAutoCloseAlert("已清除当前框属性");}if(e.key === "a" || e.key === "A"){if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(3)").click();}else if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").click();}else {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").click();}clickCurrent();}if(e.key === "d" || e.key === "D"){if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").click();}else if (document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(2)").classList.contains('select')) {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(3)").click();}else {document.querySelector("#meglabel-tool > div.tool-area > div > div.tool-container-sidebar > div.sidebar-item.sidebar-attrs > div.sidebar-attrs-tab > div.sidebar-attrs-container.active > ol > li:nth-child(1) > div > label:nth-child(1)").click();}clickCurrent();}if(e.key === "1" || e.key === "2"){setTimeout(()=>{spanObserver.disconnect();script();},4000)}});};//自动提交function qualified(){const button = document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-opers > div > button:nth-child(2)");function getRandomTime() {return Math.floor(Math.random() * 5000) + 5000; // 5-10秒}function triggerRandomClick() {timerId = setTimeout(() => {console.log(getRandomTime());button.click();triggerRandomClick();}, getRandomTime());}triggerRandomClick();};//脚本说明按钮function describe(){document.querySelector("#labelToolHeader > div.label-tool-header-menu > div > div:nth-child(2) > span:nth-child(1)").insertAdjacentHTML("beforebegin",'<span class="menu-item-wrapper" style="display: flex;justify-content: center;align-items: center;"><a class="rainbow-text" style="font-size: 14px;">脚本说明</a></span>');document.querySelector("#labelToolHeader > div.label-tool-header-menu > div > div:nth-child(2) > span:nth-child(1)").addEventListener('click', function() {window.open("work.txt", "_blank");document.querySelector("#marking-area > div.label-tool-header > div.label-tool-header-menu > div > span:nth-child(5)").style.display="none"});document.querySelector("#labelToolHeader > div.label-tool-header-menu > div > div:nth-child(2) > span:nth-child(1)").insertAdjacentHTML("beforebegin",'<span class="menu-item-wrapper" style="display: flex;justify-content: center;align-items: center; margin-right:30px;"><a class="rainbow-text" style="font-size: 14px;">'+document.querySelector("ul.menu-item-history-timeline > li:nth-child(1) > div.el-timeline-item__wrapper > div.el-timeline-item__content > span.overhaulTitleBox > span").innerHTML+document.querySelector("ul.menu-item-history-timeline > li:nth-child(1) > div.el-timeline-item__wrapper > div.el-timeline-item__content > p:nth-child(3) > span.operate_name").innerHTML+document.querySelector("ul.menu-item-history-timeline > li:nth-child(1) > div.el-timeline-item__wrapper > div.el-timeline-item__content > p:nth-child(3) > span.user_id.shift_line").innerHTML+'</a></span>');};//启动脚本setTimeout(()=>{showAutoCloseAlert("脚本加载成功-验收");document.querySelector("#labelToolHeader > div.label-tool-header-menu > div > div:nth-child(1) > div.accptance-area > div > div:nth-child(2)").addEventListener('click',()=>{setTimeout(()=>{script();keyMonitoring();describe();},3000);});},4000);};});//判断是否为任务页面if(location.hash.includes('review-task')) {console.log("任务")const now = new Date();const today = (+now.getMonth()+1)+"月"+(+now.getDate())+"日";function setDeliveryTime(){if(document.querySelector("#pane-second > div > div.label-task.clearfix")){const cl = document.querySelector("#pane-second > div > div.label-task.clearfix").children.length;const spanA = '<span style="margin-right:20px;color:black">'const spanB = '</span>'const position = "afterbegin"for(let i = 1;i < cl;i++){if(document.querySelector("#pane-second > div > div.label-task.clearfix > div:nth-child("+i+") > span > span")){document.querySelector("#pane-second > div > div.label-task.clearfix > div:nth-child("+i+") > span > span").remove();}const doc = document.querySelector("#pane-second > div > div.label-task.clearfix > div:nth-child("+i+") > span");console.log(doc.innerHTML);switch (doc.innerHTML) {case "193747-1": doc.insertAdjacentHTML(position,spanA+"7月15日"+spanB); break;case "193745-1": doc.insertAdjacentHTML(position,spanA+"7月15日"+spanB); break;case "193730-1": doc.insertAdjacentHTML(position,spanA+"7月15日"+spanB); break;case "192743-1": doc.insertAdjacentHTML(position,spanA+"7月15日"+spanB); break;case "192742-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "192788-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "192787-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "192283-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "192282-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "192247-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "192246-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "192223-1": doc.insertAdjacentHTML(position,spanA+"7月16日"+spanB); break;case "193038-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "193079-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192955-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192949-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192799-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192798-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192229-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192228-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192224-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192687-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192291-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "192290-1": doc.insertAdjacentHTML(position,spanA+"7月17日"+spanB); break;case "194588-2": doc.insertAdjacentHTML(position,spanA+"7月18日"+spanB); break;case "194588-1": doc.insertAdjacentHTML(position,spanA+"7月18日"+spanB); break;case "194572-1": doc.insertAdjacentHTML(position,spanA+"7月18日"+spanB); break;case "194570-1": doc.insertAdjacentHTML(position,spanA+"7月18日"+spanB); break;case "194594-1": doc.insertAdjacentHTML(position,spanA+"7月18日"+spanB); break;case "194592-1": doc.insertAdjacentHTML(position,spanA+"7月18日"+spanB); break;case "194771-1": doc.insertAdjacentHTML(position,spanA+"7月19日"+spanB); break;case "194769-1": doc.insertAdjacentHTML(position,spanA+"7月19日"+spanB); break;case "194783-1": doc.insertAdjacentHTML(position,spanA+"7月19日"+spanB); break;case "194777-1": doc.insertAdjacentHTML(position,spanA+"7月19日"+spanB); break;case "194762-1": doc.insertAdjacentHTML(position,spanA+"7月19日"+spanB); break;case "191177-2": doc.insertAdjacentHTML(position,spanA+"7月19日"+spanB); break;case "194779-1": doc.insertAdjacentHTML(position,spanA+"7月19日"+spanB); break;default:null}if(document.querySelector("#pane-second > div > div.label-task.clearfix > div:nth-child("+i+") > span > span") && document.querySelector("#pane-second > div > div.label-task.clearfix > div:nth-child("+i+") > span > span").innerHTML === today){document.querySelector("#pane-second > div > div.label-task.clearfix > div:nth-child("+i+") > span > span").insertAdjacentHTML("afterbegin","<a style='color:red'>今天 </a>");}}}}document.querySelector("body").addEventListener("click",function(){setDeliveryTime()});}})();
解析
该脚本为云绘平台一键填表、界面增强与提示、热键与自动操作交通灯辅助脚本。
主要作用
一键选择交通灯属性
在标注侧栏生成"红黑黑黑、黑黑绿绿、单灯红圆"等按钮,点击即可:自动填入"灯数量";
给每个灯位选择"颜色/类型";
隐藏未选中的其它候选项;
某些类型时自动把"倒计时"设为 0;
提供"重置当前框属性"的按钮。
信息可视化与校验
在详情面板里给"颜色"追加彩色小圆点;
把多行字段合并成"交通灯1/2/3/4"结构并加分隔线;
对不一致组合(如"其他+非熄灭""非红+禁行""非绿+通行")加红色"!"提示。
热键与自动化
快捷键切换、清理、保存/下一张、自动提交等;
验收页可"随机间隔(5–10s)自动点击提交",可一键开/关;
清除预识别的黄标路径;
"任务页"给特定任务编号标注交付日期并突出显示"今天"。
主要方法
基础与通用
showAutoCloseAlert(message)
顶部弹出 2 秒自动消失的小提示框。addGlobalStyle(css)
注入全局 CSS(彩色圆点、渐变文字等样式)。
交通灯一键填充(核心)
quickDimension()
在侧栏"属性"列表末尾生成一系列"交通灯预设按钮"与"重置按钮"。内部包含:lampButton(id, quantity, color[], type[], num, name, textColor)
创建单个预设按钮。点击后:br(id, type)
在按钮组中插入分隔线/换行以分组显示。内置的"重置按钮"(id:
myButtonNull)
清空数量与倒计时,给每行颜色与类型都切回"黑/默认",并恢复被隐藏的所有选项,然后刷新可视化。把"数量"设为
quantity;对每个灯位,按
color选择对应颜色选项,并隐藏其它颜色选项;对每个灯位,按
type选择对应类型,并隐藏其它类型选项;若类型包含倒计时(示例用
16标记),把倒计时输入框设为0并触发一次点击以生效;最后调用
infoColor()更新可视化。
详情面板可视化与校验
infoColor()在详情面板每个"颜色"值后,加对应彩色圆点;
根据"灯数量"把多行信息合并成"交通灯1/2/3/4"段落(加水平线),并把"类型"等拼在同一行展示;
做若干一致性检查(如"其他灯必须熄灭""禁行应配红灯""通行应配绿灯"等),违规就在标题后加红色感叹号并把标题标红。
infoBlock()
恢复之前因一键填充而被隐藏的选项(颜色/类型)为可见。
画布与框体辅助
clean()
隐藏绘制区 SVG 中 stroke 为#EB9E05的 path(清理"预识别黄标"视觉干扰)。clickCurrent()
找到当前选中的矩形(具有rect-ns-selected),模拟一次点击,确保侧栏与当前框对齐更新。
页面状态监测与挂载(标注/验收)
脚本依据
location.hash判断身处"标注页(node_id=5)"、"验收页(node_id=9/10)"或"任务页(review-task)",分别初始化。
标注页相关
script()(标注版)
用MutationObserver监听侧栏中某个索引元素的变动(表示切换框体或数据刷新),变化时:quickDimension()→infoColor()→infoBlock();并在点"下一张"后 3 秒重建观察器。keyMonitoring()(标注热键)Q / E:刷新infoColor()与infoBlock();S:点击"保存";W:点击"下一张";Alt + F:同"下一张";X:clean()清除黄标;C:点击"重置当前框属性";A / D:在"首个属性三选项"间左右切换(通过判断哪个label处于select状态),并调用clickCurrent()同步焦点。sidebarMonitoring()
监听侧栏"固定容器"的样式变化(如展开/收起),变化时模拟点击当前激活的标签,强制刷新侧栏内容。describe()
在顶部菜单插入"脚本说明"的彩色链接,打开说明页。
验收页相关
script()(验收版)
同上监听变动,并把时间线里最近一条"操作人/动作/标题"信息挪到页头显示。keyMonitoring()(验收热键)Q / E / S / X / C / A / D同标注;+:启动自动提交qualified();-:停止自动提交(清除定时器);1 / 2:延迟 4 秒重建观察器(用于切换子标签后刷新)。qualified()
实现自动提交:以 5–10 秒随机间隔循环触发"提交/下一张"按钮点击;存有timerId以便停止。describe()(验收版)
与标注相似,另把时间线里"最近一次操作信息"也显示到菜单区域。
任务页(review-task)
setDeliveryTime()
遍历任务卡片,对特定任务编号(写死的多个 id,如193747-1等)在标题旁插入一个"交付日期"标记(如"7月15日"),若等于今天则加红色"今天"字样;在body上绑定 click 事件以重复刷新(列表动态加载时也能更新)。
初始化与运行入口
window.addEventListener('load', ...)
等页面加载后,根据location.hash判断所处模块:标注页:延迟 4s 执行
script(); keyMonitoring(); sidebarMonitoring(); describe();验收页:在切换到"验收"标签后延迟 3s 执行相同初始化,并支持自动提交控制
任务页:注册
setDeliveryTime()并在 body 点击时刷新
注意:
本文部分变量已做脱敏处理,仅用于测试和学习研究,禁止用于商业用途,不能保证其合法性,准确性,完整性和有效性,请根据情况自行判断。技术层面需要提供帮助,可以通过打赏的方式进行探讨。
没有评论:
发表评论