☰

Predecision Label

Decision label. Try to take over the world!

当前为 2024-10-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Predecision Label
  3. // @namespace    http://baidu.com/
  4. // @version      0.4.5
  5. // @description  Decision label. Try to take over the world!
  6. // @author       You
  7. // @match        http://ov.baidu-int.com/*
  8. // @match        http://yf.baidu-int.com/*
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=baidu-int.com
  10. // @require      https://code.jquery.com/jquery-3.6.0.min.js
  11. // @grant        none
  12. // @license MIT
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.     let label_list = [];
  18.     let cur_label = {};
  19.     let ads_id = -1;
  20.     let start_pre_seq = -1;
  21.     let end_pre_seq = -1;
  22.     let cur_pre_seq = -1;
  23.     let cur_obs_id = -1
  24.     let is_label_panel_show = false;
  25.     let old_info;
  26.     var initialMouseX, initialMouseY, initialElementX, initialElementY;
  27.  
  28.     function set_cur_info() {
  29.         var _ads_id = parseInt($("section").children('p').children('span')[1].textContent);
  30.         var _cur_pre_seq = parseInt($(".seq-wrap").text().replace('PlanSeq:', ""));
  31.         var _cur_obs_id = parseInt($("div.viz-detail-text-wrapper > span").text().replace('id:', ""));
  32.         if (window.location.host == 'yf.baidu-int.com') {
  33.             _ads_id = getUrlParam("ads_id");
  34.             if (_ads_id != null) {
  35.                 _ads_id = parseInt(_ads_id);
  36.             } else {
  37.                 _ads_id = -1;
  38.             }
  39.             var s = $('#dreamview-container > div > div > div.pannel.react-draggable > div.context > div.dashboard.inner-box.scrollHeightL > table > tbody > tr:nth-child(3) > td:nth-child(2) > p:nth-child(3) > span')[0];
  40.             _cur_pre_seq = parseInt(s.textContent.replace('PRE:', ""));
  41.         }
  42.         ads_id = isNaN(_ads_id)? ads_id: _ads_id;
  43.         cur_pre_seq = isNaN(_cur_pre_seq)? cur_pre_seq: _cur_pre_seq;
  44.         cur_obs_id = isNaN(_cur_obs_id)? cur_obs_id: _cur_obs_id;
  45.         $('#ads_id').text(ads_id);
  46.         $('#seq_num').text(cur_pre_seq);
  47.         $('#obs_id').text(cur_obs_id);
  48.         cur_label.ads_id = ads_id;
  49.         console.log(ads_id);
  50.         console.log(cur_pre_seq);
  51.         console.log(cur_obs_id);
  52.     }
  53.  
  54.     function getUrlParam(name)
  55.     {
  56.         var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  57.         var value = window.location.search.substr(1).match(reg);
  58.         if (value != null) return unescape(value[2]); return null;
  59.     }
  60.  
  61.     function setStartSeq() {
  62.         set_cur_info();
  63.         cur_label.start_seq = cur_pre_seq;
  64.         console.log("set start seq", cur_label.start_seq);
  65.     }
  66.     function setEndSeq() {
  67.         set_cur_info();
  68.         cur_label.end_seq = cur_pre_seq;
  69.         console.log("set end seq", cur_label.end_seq);
  70.     }
  71. //<textarea id="decision_label_show_list" placeholder="" rows="6" style="width:100%;background-color: #292f42;padding: 10px;max-width: 100%;max-height: 100%;line-height: 1.5;border-radius: 5px;border: 1px solid #ccc;"></textarea>
  72.     function showLabelList() {
  73.         $('#decision_label_show_list').empty();
  74.         for (let i = 0; i < label_list.length; i++){
  75.             var label = label_list[i];
  76.             var str = label.ads_id + '\t' + label.obs_id + '\t' + label.start_seq + '\t' + label.end_seq + '\t' + label.dec_label;
  77.             var text_ele = $('<textarea>', {
  78.                 id: `label${i}`,
  79.                 text: str,
  80.                 placeholder: "",
  81.                 rows: "1",
  82.                 style: "width:80%;background-color: #008844;margin-left: 5px;margin-right:5px;margin-top: 5px;"
  83.             });
  84.             $(`label${i}`).on('input', function(){
  85.                 this.styel.height = 'auto';
  86.                 this.style.height = (this.scrollHeight) + 'px';
  87.             });
  88.             var button_ele = $("<button>", {
  89.                 text: "删除",
  90.                 style: "background-color: #008844;margin-left: 10px;margin-right:5px;margin-top: 5px;"
  91.             });
  92.             button_ele.click(function(){
  93.                 if (i >= 0 && i < label_list.length) {
  94.                     label_list.splice(i, 1);
  95.                     console.log("删除" + toString(i));
  96.                     showLabelList();
  97.                 }
  98.             });
  99.             var div = $('<div>', {
  100.                 style: "display: flex;"
  101.             })
  102.             // div.append(text_ele);
  103.             div.append(text_ele).append(button_ele);
  104.             $('#decision_label_show_list').append(div);
  105.             console.log("add show string", str);
  106.         }
  107.     }
  108.  
  109.     function checkOverlaps(labels, cur_label) {
  110.         for (let i = 0; i < labels.length; i++) {
  111.           var label = labels[i];
  112.           if (cur_label.obs_id != label.obs_id){
  113.             continue;
  114.           }
  115.             // 检查重叠：如果一个区间的开始在另一个区间的开始和结束之间，或者反之亦然
  116.             if ((cur_label.start_seq < label.end_seq && cur_label.end_seq > label.start_seq) ||
  117.                 (label.start_seq < cur_label.end_seq && label.end_seq > cur_label.start_seq)) {
  118.                     if (cur_label.label != label.dec_label) {
  119.                         console.log(`障碍物${cur_label.obs_id}与第${i}个标签冲突`);
  120.                         alert(`障碍物${cur_label.obs_id}与第${i}个标签冲突`);
  121.                         return true;
  122.                     } else {
  123.                         console.log(`障碍物${label.obs_id}区间重复标注`);
  124.                         console.warn();(`障碍物${label.obs_id}区间重复标注`);
  125.                         return false;
  126.                     }
  127.             }
  128.         }
  129.         return false; // 没有重叠
  130.       }
  131.  
  132.     function onLabel(dec_label){
  133.         $('#label_btn_' + dec_label.toString()).click(function() {
  134.             // 添加类以实现按钮变亮效果
  135.             $('#label_btn_' + dec_label.toString()).addClass('clicked');
  136.  
  137.             // 在 300 毫秒后移除类以恢复按钮原始状态
  138.             setTimeout(function() {
  139.                 $('#label_btn_' + dec_label.toString()).removeClass('clicked');
  140.             }, 300);
  141.         });
  142.         if (isNaN(ads_id) || isNaN(cur_obs_id) || isNaN(cur_label.start_seq) || isNaN(cur_label.end_seq) || isNaN(dec_label)) {
  143.             return;
  144.         }
  145.         if (ads_id <= 0 && getUrlParam("ads_id") != null) {
  146.             alert("ads id 不合法:" + ads_id.toString());
  147.             return;
  148.         }
  149.         if (cur_obs_id <= 0) {
  150.             alert("obs id 不合法:" + cur_obs_id.toString());
  151.             return;
  152.         }
  153.         if (dec_label < 0) {
  154.             alert("label 不合法" + dec_label.toString());
  155.             return;
  156.         }
  157.         cur_label.ads_id = ads_id;
  158.         cur_label.obs_id = cur_obs_id;
  159.         cur_label.dec_label = dec_label;
  160.         console.log('add decision label to list', cur_label);
  161.         if (checkOverlaps(label_list, cur_label)) {
  162.             return;
  163.         }
  164.         label_list.push(cur_label);
  165.         showLabelList();
  166.         cur_label = {};
  167.     }
  168.  
  169.     function showDecisionLabelPanel() {
  170.         $("#decision_label_panel").css('z-index', -1 * $("#decision_label_panel").css('z-index'));
  171.         console.log("move decision label panel to z index ", $("#decision_label_panel").css('z-index'));
  172.     }
  173.     // Your code here...
  174.     var label_tab = `
  175.         <button type="button" onclick="showDecisionLabelPanel()" class="ant-btn ant-btn-default ant-btn-sm" style="margin-right: 10px;">
  176.             <div class="ant-space ant-space-horizontal ant-space-align-center" style="gap: 8px;">
  177.                 <div class="ant-space-item">
  178.                     决策标注
  179.                 </div>
  180.             </div>
  181.         </button>
  182.         `;
  183.  
  184.     var label_panel_html =`
  185. <div class="container-fluid" id="decision_label_panel" style="position: absolute; top: 55%; right: 20px;width: 500px;height:30%;background-color: #292f42;z-index: -9999;">
  186.     <div class="col-md-2 column" style="float: center;">
  187.         </div>
  188. <div class="row clearfix">
  189.     <div class="col-md-2 column" style="float: center;">
  190.         <div class="row clearfix">
  191.             <label>
  192.             ads_id:
  193.                 </label>
  194. <label id='ads_id'>
  195.     -1
  196. </label>
  197. <label>
  198.     obs_id:
  199.         </label>
  200. <label id='obs_id'>
  201.     -1
  202. </label>
  203. <label>
  204.     seq_num:
  205.         </label>
  206. <label id='seq_num'>
  207.     -1
  208. </label>
  209. </div>
  210. </div>
  211. <div class="col-md-2 column">
  212.     <div class="row clearfix" style="float: center;">
  213.         <button style="width:45%;margin-left: 3%;background-color: red;transition: background-color 0.3s ease;" onclick="setStartSeq()">
  214.             seq_start
  215. </button>
  216. <button style="width:45%;margin-left: 2%;background-color: green;" onclick="setEndSeq()">
  217.     seq_end
  218. </button>
  219. </div>
  220. <br>
  221.     <div class="btn-group" style="margin-left: 2%">
  222. <button style="background-color: #8C0044;margin-left: 5px;margin-top: 5px;" id="label_btn_5" type="button" value="5" onclick="onLabel(5)">
  223.     Yield(5)
  224. </button>
  225. <button style="background-color: #886600;margin-left: 5px;margin-top: 5px;" id="label_btn_2" type="button" value="2" onclick="onLabel(2)">
  226.     Overtake(2)
  227. </button>
  228. </div>
  229. <br>
  230.     <div>
  231.     <div id="decision_label_show_list" style="width:100%">
  232.     </div>
  233.     </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238.  
  239. `;
  240.     function clearLabel() {
  241.         return;
  242.         $('#decision_label_show_list').val('');
  243.         label_list = [];
  244.     }
  245.  
  246.  
  247.       function onMouseMove(event) {
  248.         // 计算鼠标偏移量
  249.         var offsetX = event.clientX - initialMouseX;
  250.         var offsetY = event.clientY - initialMouseY;
  251.  
  252.         // 将偏移量应用于元素的位置
  253.         $('#decision_label_panel').css({
  254.           left: initialElementX + offsetX + 'px',
  255.           top: initialElementY + offsetY + 'px'
  256.         });
  257.       }
  258.  
  259.       // 鼠标释放事件处理程序
  260.       function onMouseUp() {
  261.         // 移除事件监听器
  262.         $(document).off('mousemove', onMouseMove);
  263.         $(document).off('mouseup', onMouseUp);
  264.       }
  265.  
  266.     window.onMouseMove = onMouseMove;
  267.     window.onMouseUp = onMouseUp
  268.     window.set_cur_info = set_cur_info;
  269.     window.showDecisionLabelPanel = showDecisionLabelPanel;
  270.     window.setStartSeq = setStartSeq;
  271.     window.setEndSeq = setEndSeq;
  272.     window.onLabel = onLabel;
  273.     window.clearLabel = clearLabel;
  274.     window.showLabelList = showLabelList;
  275.  
  276.     setTimeout(function() {
  277.         console.log("3s time out");
  278.         $(".ov-header-operations").prepend(label_tab);
  279.         $("body").append(label_panel_html);
  280.         $('#decision_label_panel').mousedown(function(event) {
  281.             var elementTop = $('#decision_label_panel').offset().top;
  282.             var mouseY = event.clientY;
  283.             console.log('elementTop', elementTop, 'mouseY', mouseY);
  284.             if (mouseY > elementTop + 10) {
  285.                 return; // 如果不在顶部，则忽略拖动
  286.             }
  287.             // 记录鼠标位置和元素初始位置
  288.             initialMouseX = event.clientX;
  289.             initialMouseY = event.clientY;
  290.             initialElementX = $('#decision_label_panel').offset().left;
  291.             initialElementY = $('#decision_label_panel').offset().top;
  292.             console.log("initialMouseX", initialMouseX);
  293.  
  294.             // 添加事件监听器
  295.             $(document).mousemove(onMouseMove);
  296.             $(document).mouseup(onMouseUp);
  297.         });
  298.     }, 3000); // 等待3秒
  299.  
  300. })();