外包太多啦，给点提示，看看情况。
// ==UserScript== // @name boss外包提示 // @namespace 外包提示 // @version 0.0.3 // @author HJ // @description 外包太多啦，给点提示，看看情况。 // @license GPL License // @icon ./src/assets/logo.svg // @match https://www.zhipin.com/* // @require https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/umd/react-dom.production.min.js // @connect constant.site // @grant GM_addElement // @grant GM_addStyle // @grant GM_log // @grant GM_xmlhttpRequest // @grant window.onurlchange // ==/UserScript== (t=>{if(typeof GM_addStyle=="function"){GM_addStyle(t);return}const e=document.createElement("style");e.textContent=t,document.head.append(e)})(" .add{position:fixed;bottom:100px;left:50px}.isShowCellBtn{position:fixed;bottom:70px;left:50px}.wbTag{right:0;top:0;color:red;position:absolute}.dialog{position:fixed;top:180px;left:300px;display:flex;flex-direction:column;z-index:999;align-items:center;justify-content:center;height:300px;width:600px;background:azure}.namaList{display:flex;flex-wrap:wrap;padding:10px}.item{padding:8px}.closeBtn{position:absolute;right:0;top:0} "); (function (require$$0, require$$0$1) { 'use strict'; var jsxRuntime = { exports: {} }; var reactJsxRuntime_production_min = {}; /** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m$1 = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true }; function q(c, a, g) { var b, d = {}, e = null, h = null; void 0 !== g && (e = "" + g); void 0 !== a.key && (e = "" + a.key); void 0 !== a.ref && (h = a.ref); for (b in a) m$1.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]); if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]); return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current }; } reactJsxRuntime_production_min.Fragment = l; reactJsxRuntime_production_min.jsx = q; reactJsxRuntime_production_min.jsxs = q; { jsxRuntime.exports = reactJsxRuntime_production_min; } var jsxRuntimeExports = jsxRuntime.exports; var client = {}; var m = require$$0$1; { client.createRoot = m.createRoot; client.hydrateRoot = m.hydrateRoot; } var _GM_addElement = /* @__PURE__ */ (() => typeof GM_addElement != "undefined" ? GM_addElement : void 0)(); var _GM_log = /* @__PURE__ */ (() => typeof GM_log != "undefined" ? GM_log : void 0)(); var _GM_xmlhttpRequest = /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)(); var _monkeyWindow = /* @__PURE__ */ (() => window)(); function Dialog(props) { const [input, setInput] = require$$0.useState(""); function addName() { if (input == "") return; _GM_xmlhttpRequest({ method: "GET", url: `https://www.constant.site/api/boss/ins?name=${input}`, headers: { "Content-Type": "application/x-www-form-urlencoded;charset=utf-8" }, onload: function(response) { props.onSetStateMethod(); props.hiddenDialgo(); } }); } function closeDialog() { props.hiddenDialgo(); } console.log("wbs==", props.wbs); return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dialog", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "namaList", children: props.wbs.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "item", children: item }, index)) }), /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: closeDialog, className: "closeBtn", children: "关闭" }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value) }), /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: addName, children: "添加" }) ] }) ] }); } function App() { const wbsArr = ["中电金信", "法本信息", "法本", "润和软件", "汉堂", "博彦科技", "博彦科技承德有限公司", "上海瀚若轩公司", "中软国际", "软通动力", "诚迈电力信息", "诚迈科技", "华成峰科技", "善智互联", "小拉科技", "武汉佰钧成技术"]; const [wbs, setWbs] = require$$0.useState(wbsArr); const [isShowDialog, setIsShowDialog] = require$$0.useState(false); const [isShowCell, setIsShowCell] = require$$0.useState(true); function refresh() { _GM_xmlhttpRequest({ method: "GET", url: "https://www.constant.site/api/boss/get", headers: { "Content-Type": "application/x-www-form-urlencoded;charset=utf-8" }, onload: function(response) { _GM_log("GM_xmlhttpRequest-----", JSON.parse(response.responseText)); const data = JSON.parse(response.responseText); let arr = []; if (data && data.data) { data.data.forEach((item) => { arr.push(item.name); }); setWbs(arr); setWBsState(wbs); } else { setWBsState(wbs); } } }); } function setWBsState(wbs2) { Array.from(document.querySelectorAll(".job-list-box .job-card-wrapper")).filter((node) => { const company = node.querySelector(".company-name"); const companyname = node.querySelector(".company-name a"); const body = node.querySelector(".job-card-body"); const footer = node.querySelector(".job-card-footer"); if (company == null || company == void 0) return; if ((companyname == null ? void 0 : companyname.textContent) == null || (companyname == null ? void 0 : companyname.textContent) == void 0) return; if (wbs2.includes(companyname == null ? void 0 : companyname.textContent)) { if (!isShowCell) { if (body !== null) body.style.display = "none"; if (footer !== null) footer.style.display = "none"; } else { if (body !== null) body.style.display = "block"; if (footer !== null) footer.style.display = "block"; const isHave = node.querySelector(".company-name div"); if ((isHave == null ? void 0 : isHave.textContent) !== "外包") { const tag = _GM_addElement(company, "div", { textContent: "外包" }); tag.style.position = "absolute"; tag.style.background = "red"; tag.style.right = "0"; tag.style.top = "0"; tag.style.padding = "9px"; tag.style.borderRadius = "12px"; tag.style.color = "white"; } } } }); } function addListener() { if (_monkeyWindow.onurlchange === null) { _monkeyWindow.addEventListener("urlchange", (info) => { if (info && info.url != "") { setTimeout(() => { setWBsState(wbs); }, 2e3); } }); } } require$$0.useEffect(() => { refresh(); addListener(); }, []); function hiddenOrShowWB() { setIsShowCell(!isShowCell); setWBsState(wbs); } function showDialog() { setIsShowDialog(true); } function hiddenDialog() { setIsShowDialog(false); } return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "App", children: [ /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "add", onClick: showDialog, children: "添加外包公司名称" }), /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "isShowCellBtn", onClick: hiddenOrShowWB, children: isShowCell ? "隐藏外包" : "展示" }), isShowDialog ? /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { wbs, onSetStateMethod: refresh, hiddenDialgo: hiddenDialog }) : null ] }); } client.createRoot( (() => { const app = document.createElement("div"); document.body.append(app); return app; })() ).render( /* @__PURE__ */ jsxRuntimeExports.jsx(require$$0.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) }) ); })((React.default=React,React), (ReactDOM.default=ReactDOM,ReactDOM));
