- // ==UserScript==
- // @name SPU5A_指定SPU的人群资产重叠分布
- // @namespace http://tampermonkey.net/
- // @version 0.1
- // @description 云图扩展工具
- // @author siji-Xian
- // @match *://yuntu.oceanengine.com/yuntu_ng/assets/commodity/related?*
- // @icon https://www.google.com/s2/favicons?domain=oceanengine.com
- // @grant none
- // @license MIT
- // @require https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.2.1/jquery.min.js
- // @require https://cdn.bootcss.com/moment.js/2.20.1/moment.min.js
- // @require https://gf.qytechs.cn/scripts/404478-jsonexportexcel-min/code/JsonExportExcelmin.js?version=811266
- // @require https://gf.qytechs.cn/scripts/455576-qmsg/code/Qmsg.js?version=1122361
- // ==/UserScript==
-
- (function () {
- "use strict";
- var new_element = document.createElement("link");
- new_element.setAttribute("rel", "stylesheet");
- new_element.setAttribute("href", "https://qmsg.refrain.xyz/message.min.css");
- document.body.appendChild(new_element);
-
- const button = document.createElement("div");
- button.textContent = "导出数据";
- Object.assign(button.style, {
- height: "34px",
- lineHeight: "var(--line-height, 34px)",
- alignItems: "center",
- color: "white",
- background: "linear-gradient(90deg, rgba(0, 239, 253), rgba(64, 166, 254))",
- borderRadius: "5px",
- marginLeft: "10px",
- fontSize: "13px",
- padding: "0 10px",
- cursor: "pointer",
- fontWeight: "500",
- });
- button.addEventListener("click", urlClick);
-
- //message.js
- let loadingMsg = null;
-
- //目标数据
- let target_data = null;
-
- (function listen() {
- var origin = {
- open: XMLHttpRequest.prototype.open,
- send: XMLHttpRequest.prototype.send,
- };
- XMLHttpRequest.prototype.open = function (a, b) {
- this.addEventListener("load", replaceFn);
- origin.open.apply(this, arguments);
- };
- XMLHttpRequest.prototype.send = function (a, b) {
- origin.send.apply(this, arguments);
- };
- function replaceFn(obj) {
- if (
- this?._url?.slice(0, 46) ==
- "/yuntu_ng/api/v1/GetSpuAudienceAssetOverlapSpu"
- ) {
- target_data = JSON.parse(obj?.target?.response);
- }
- }
- })();
-
- function appendDoc() {
- const likeComment = document.querySelector(".index__legend--RaIVx");
- if (likeComment) {
- likeComment.append(button);
- return;
- }
- setTimeout(appendDoc, 1000);
- }
- appendDoc();
-
- function transformData(inputData) {
- const outputData = [[], [], []];
-
- const xValues = Array.from(new Set(inputData.map(entry => entry.x)));
- const yValues = Array.from(new Set(inputData.map(entry => entry.y)));
-
- xValues.forEach(x => {
- const numObj = {};
- const rateObj = {};
- const compareRateObj = {};
-
- yValues.forEach(y => {
- const numEntry = inputData.find(entry => entry.x === x && entry.y === y);
- if (numEntry) {
- numObj[y] = numEntry.xy_overlap_cover_num;
- rateObj[y] = numEntry.xy_overlap_rate;
- compareRateObj[y] = numEntry.xy_compare_overlap_rate;
- } else {
- numObj[y] = "";
- rateObj[y] = "";
- compareRateObj[y] = "";
- }
- });
-
- outputData[0].push(numObj);
- outputData[1].push(rateObj);
- outputData[2].push(compareRateObj);
- });
-
- return outputData;
- }
-
-
- function expExcel(e) {
- let data = transformData(e.data.heat_map_list)
- let contrast = {
- "SUP2-A1_SPU1-A1": "SPU2-A1",
- "SUP2-A2_SPU1-A1": "SPU2-A2",
- "SUP2-A3_SPU1-A1": "SPU2-A3",
- "SUP2-A4_SPU1-A1": "SPU2-A4",
- "SUP2-A5_SPU1-A1": "SPU2-A5",
- };
-
- let option = {};
- option.fileName = "SPU5A_指定SPU的人群资产重叠分布"; //文件名
- option.datas = data.map((v,i)=>{
- return {
- sheetName: i == 0 ? '重叠人数':i == 1 ? '占SPU2比重':'占SPU1比重' ,
- sheetData: v,
- sheetHeader: Object.keys(contrast),
- sheetFilter: Object.values(contrast),
- columnWidths: [], // 列宽
- }
- })
- var toExcel = new ExportJsonExcel(option);
- toExcel.saveExcel();
- loadingMsg.close();
- }
-
- function urlClick() {
- if (target_data) {
- loadingMsg = Qmsg.loading("正在导出,请勿重复点击!");
- expExcel(target_data);
- } else {
- loadingMsg = Qmsg.error("数据加载失败,请重试");
- }
- }
- })();