富聊审核脚本

try to make work easy

目前為 2019-05-26 提交的版本,檢視 最新版本

// ==UserScript==
// @name         富聊审核脚本
// @namespace    http://tampermonkey.net/
// @version      14.0.2
// @description  try to make work easy
// @author       yinchengnuo
// @match        http://*/*
// @grant        none
// ==/UserScript==
/* jshint -W097 */
/* 功能概述 */
/* 1 常规文字进审提醒 回车提交 */
/* 2 截屏UI优化 键盘操作 数量统计 推流无弹窗 可选的双击换一批/右键推流/隐藏按钮/图片尺寸 */
/* 3 重点流UI优化 批量叉掉无弹窗 可选的双击换一批 */
/* 4 坐等UI优化 悬浮按钮 可选的双击换一批 */
(function ($) {
	//进审提醒功能
	const $refresherInsert = bool => {
		//插入自定刷新器
		$(
			'<div class="refresh" title="鼠标右键查看帮助" style="width: 70px; height: 17px; overflow: hidden; position: fixed; right: 0px; top: 0px; border: 1px solid black; border-radius: 8px; opacity: 0.5; font-size: 12px;"><button class="refresherLeft" style="font-size: 10px; box-sizing: border-box; width: 24px; height: 17px; padding: 0px; float: left; cursor: pointer;">O</button><input class="refresherCenter" maxlength="3" placeholder = "s" type="text" style="box-sizing: border-box; width: 22px; height: 17px; text-align: center; float: left; font-size: 10px;"></input><button class="refresherRight" style="font-size: 10px; box-sizing: border-box; width: 22px; height: 17px; padding: 0px; float: left; cursor: pointer;">F</button></div>'
		).appendTo("body");
		const showTime = $(".refresherCenter");
		let timer = null;
		//定义自定刷新器点击事件
		$(".refresh").on("click", "button", function () {
			if (this.className === "refresherLeft") {
				clearInterval(timer);
				const time = parseInt(showTime.val());
				if (time && time >= 10) {
					document.cookie = `time=${time};`;
					let value = time;
					timer = setInterval(() => {
						value--;
						showTime.val(value);
						if (value === 0) {
							location.reload();
						}
					}, 1000);
				} else {
					alert("请输入大于等于10的纯数字");
					showTime.val("20");
				}
			} else if (this.className === "refresherRight") {
				clearInterval(timer);
				showTime.val("");
				document.cookie = "time=0;";
			}
		});
		//使用说明
		$(".refresh").on("contextmenu", () => {
			alert(
				"    1 当前自动刷新器可在富聊后台审核系统的部分页面上使用,设定一个不小于10的数字作为自动刷新间隔。不建议过大。设定时间之后点击ON按钮,开始进入自动刷新模式。自动刷新器上面显示的数字就是距离下次页面刷新的时间。点击OFF按钮终止自动刷新。如果当前浏览器打开了多个页面都在使用当前自动刷新器,则对一个页面的刷新间隔修改会影响所有正在使用当前定时刷新器的刷新间隔。(既如果点击了某一个正在运行自的自动刷新器的OFF按钮,则所有正在使用当前定时刷新器的页面会在当前时间间隔结束时退出自动刷新模式。)\n    2 当前自动刷新器的存在主要是为了配合在常规和文字类部分模块审核时增加的进审提醒功能。当设定了固定的自动刷新时间,页面刷新后,如果有新的内容进审则当前选项卡的title会一直闪烁显示进审,提示当前页面有新内容进审。同时自动刷新不会停止。当点击了正在闪烁提醒的选项卡时,自动刷新自动停止,只有当当前进审内容提交之后,自动刷新模式才会重新开启,时间为之前设置的时间间隔。设置了进审提醒的模块有所有常规, 封面审核,私聊广告消息,敏感词报警处理。\n    3 在使用进审提醒时,一些有下级的模块(如头像审核中有“已认证”和“其他”两个下级模块), 应当将这些下级模块都在浏览器的新选项卡打开,(视频介绍和敏感词报警的各四个下级模块也不例外),否则会影响提醒效果!"
			);
			return false;
		});
		//刷新后根据设定值继续刷新
		if (document.cookie.match(/time=\d+/g)) {
			const time = parseInt(
				document.cookie.match(/time=\d+/g)[0].match(/\d+/g)[0]
			);
			if (time) {
				let value = time;
				showTime.val(value);
				timer = setInterval(() => {
					value--;
					showTime.val(value);
					if (value === 0) {
						location.reload();
					}
				}, 1000);
			}
		}
		//进审提醒,选定选项卡后停止刷新
		if (bool) {
			const title = $("title").html();
			let i = 0;
			setInterval(function () {
				if (i % 2 == 0) {
					$("title").html(title);
				} else {
					$("title").html("进审");
				}
				i++;
				if (document.hidden === false) {
					clearInterval(timer);
				}
			}, 500);
		}
	};
	//设置直播截屏图片尺寸
	const setSize = width => {
		let bite = 1.8;
		$("img").filter(function (i, e) {
			if (e.width > 100) {
				e.style.width = width + "px";
				e.style.height = width * bite + "px";
			} else {
				e.style.float = "right";
				e.style.width = "10x";
			}
		});
	};
	//设置直播截屏按钮尺寸
	const setButtonSize = size => {
		$("table input:visible")
			.css({
				width: size / 3 + "px",
				padding: "0",
				margin: "0",
				float: "left"
			})
			.filter(function (i, e) {
				if (
					e.value == "荐" ||
					e.value == "拉黑" ||
					e.value == "取荐" ||
					e.value == "B级"
				) {
					e.style.display = "none";
				} else if (e.value == "推流" || e.value == "禁播") {
					e.style.width = size / 3 + "px";
					e.style.float = "right";
				}
			});
	};
	//设置直播截屏昵称尺寸
	const setTitleSize = size => {
		$("tbody tr:nth-child(2) td a")
			.css({
				display: "inline-block",
				width: size / 3 - 6 + "px",
				height: "12px",
				"line-height": "12px",
				overflow: "hidden"
			})
			.each(function (i, e) {
				$(e)
					.parent()
					.parent()
					.parent()
					.attr("title", $(e).html());
			});
	};
	//回车提交功能
	const enterLogin = btn => {
		$(document).one("keydown", function (e) {
			if (e.key === "Enter") {
				btn.click();
			}
		});
	};
	//取消动画功能
	const cancelAnimate = () => {
		$(":animated").stop(true, true);
	};
	//推流成功后取消推流弹窗记录审核记录
	const retoperateEmpasisUser = response => {
		var ret = eval("(" + response.responseText + ")");
		var roomid = ret.roomid;
		var userid = ret.userid;
		if (ret.res == 1) {
			$("#empasis_" + userid + "_" + roomid).val(1);
			$("#div_" + userid + "_" + roomid)
				.find("table input:button")
				.each(function (i, e) {
					if (e.value == "推流") {
						$(e)
							.css("color", "red")
							.val("已推");
					}
				});
			$(".success").slideDown(66, () => {
				setTimeout(() => {
					$(".success").slideUp(66);
				}, 222);
			});
		} else {
			alert("操作失败,请关闭插件联系成诺");
		}
	};
	//去掉兼容的Ajax对象
	const Ajax = {
		xmlhttp: function () {
			return new XMLHttpRequest();
		}
	};
	//Ajax的请求方法
	Ajax.Request = function () {
		if (arguments.length < 2) return;
		var para = {
			asynchronous: true,
			method: "GET",
			parameters: ""
		};
		for (var key in arguments[1]) {
			para[key] = arguments[1][key];
		}
		var _x = Ajax.xmlhttp();
		var _url = arguments[0];
		if (para["parameters"].length > 0) {
			para["parameters"] += "&_=";
		}
		if (para["method"].toUpperCase() == "GET") {
			_url += (_url.match(/\?/) ? "&" : "?") + para["parameters"];
		}
		_x.open(para["method"].toUpperCase(), _url, para["asynchronous"]);
		_x.onreadystatechange = function () {
			if (_x.readyState == 4) {
				if (_x.status == 200) para["onComplete"] ? para["onComplete"](_x) : "";
				else {
					para["onError"] ? para["onError"](_x) : "";
				}
			}
		};
		if (para["method"].toUpperCase() == "POST")
			_x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		for (var ReqHeader in para["setRequestHeader"]) {
			_x.setRequestHeader(ReqHeader, para["setRequestHeader"][ReqHeader]);
		}
		_x.send(
			para["method"].toUpperCase() == "POST" ?
			para["postBody"] ?
			para["postBody"] :
			para["parameters"] :
			null
		);
		return _x;
	};
	//推流
	const addEmpasisUser = (roomid, userid) => {
		if (roomid == null || roomid <= 0) {
			alert("直播结束了");
			return;
		}
		if (userid == null || userid <= 0) {
			alert("直播结束了");
			return;
		}
		var arrs = "&roomid=" + roomid + "&userid=" + userid;
		var myAjax = new Ajax.Request(
			"videoLiveAuditAction!addEmpasisUser.action", {
				method: "post",
				parameters: arrs,
				onComplete: retoperateEmpasisUser,
				onError: error
			}
		);
	};
	//重写叉掉重点流的回调函数
	const retoperateListOne = response => {
		var ret = eval("(" + response.responseText + ")");
		//得到回执参数
		var oldrid = ret.roomid;
		var uid = ret.userid;
		var roomids = ret.roomids;
		if (ret.res != 1 || ret.list == null || ret.list.length == 0) {
			$("#div_" + uid + "_" + oldrid)
				.removeClass("marked")
				.hide();
			if (_Xlistturn < _Xlistnode.length) {
				$(".showNum").html(
					"本批次剩余" + (_Xlistnode.length - _Xlistturn) + "个"
				);
				_Xlistnode[_Xlistturn].click();
				_Xlistturn++;
			} else if (_Xlistturn == _Xlistnode.length) {
				$(".showNum")
					.html("")
					.hide();
				$(".X")[0].onclick = X;
				_Xlistnode = [];
				_Xlistturn = 0;
			}
			$(".listNull").slideDown(66, () => {
				setTimeout(() => {
					$(".listNull").slideUp(66);
				}, 222);
				$("table tr:nth-child(4) a").show();
			});
			return;
		}
		//新视频地址与新容器
		var stream_url = "";
		var stream_url1 = "";
		var stream_url2 = "";
		var nowuid = "";
		var nowroomid = "";
		var nowuid1 = "";
		var nowuid2 = "";
		//页面内容绑定
		var table = "";
		//循环列表
		for (var i = 0; i < ret.list.length; i++) {
			var obj = ret.list[i];
			//绑定视频数据
			nowuid = obj.userid;
			nowroomid = obj.roomid;
			nowuid1 = obj.userid1;
			nowuid2 = obj.userid2;
			stream_url = obj.stream_url;
			stream_url1 = obj.stream_url1;
			stream_url2 = obj.stream_url2;
			if (("," + roomids + ",").indexOf("," + obj.roomid + ",") > -1) {
				continue;
			}
			//去除释放的视频 房间号
			roomids = ("," + roomids + ",").replace("," + oldrid + ",", ",");
			//增加新的房间号
			roomids = roomids + obj.roomid;
			//去除第一个,号
			if (roomids.length > 0) {
				roomids = roomids.substring(1, roomids.length);
			}
			//singleRef(${obj.userid}, ${obj.roomid}, 1)
			table = `
            <table style="float: left; width: 153px; margin-right: 0px; margin-bottom: 0px; outline: none;" border="0" height="305px" cellspacing="1" cellpadding="0"  class="content" width="210px" border="0">
                <tr>
                    <td style="padding: 0px;">
                        <div id = "video_${obj.userid}_${obj.roomid}"></div>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0px;">
                        <a style="cursor: pointer; float: left; width: 60px; white-space: nowrap; overflow: hidden;" target="_blank" href="userAction!details.action?userid=${
                          obj.userid
                        }">${
        obj.name.length > 6 ? obj.name.substring(0, 6) : obj.name
      }</a>
                        <span>${
                          obj.CharmLevel > 0 && obj.CharmLevel > obj.VipLevel
                            ? "M" + obj.CharmLevel + " "
                            : "V" + obj.VipLevel + " "
                        }</span>
                        <font color="red">${obj.sex == 0 ? "女" : "男"}</font>
                        <span id="roomrs_${
                          obj.userid
                        }">${obj.roomrs.toString().fontcolor("blue")}人</span>
                        <span>${obj.live_channel == 1 ? "才" : ""}</span>
                    </td>
                </tr>
                <tr height="25px">
                    <td style="padding: 0px;">
                        <span id="cf_zd_${obj.userid}">
                            <a style="cursor:pointer;" onclick="refvideo(${
                              obj.userid
                            }, ${obj.roomid}, ${obj.stream_url})">
                                <img style="width:16px;height:16px;" src="/images/refresh.png" >
                            </a>
                            <img style="width:16px;height:16px;display:${
                              obj.live_p16 == 1 ? "inline-block" : "none"
                            }" src="/images/bottom.png" >
                            <img style="width:16px;height:16px;display:${
                              obj.live_p18 == 1 ? "inline-block" : "none"
                            }" src="/images/down.png" >
                            <img style="width:16px;height:16px;display:${
                              obj.isph == 1 ? "inline-block" : "none"
                            }" src="/images/link.png" >
                        </span>
                        <font color="red">${obj.remarkinfo}</font>
                        <a style="cursor:pointer;" onclick="addUserBlacklist(${
                          obj.userid
                        })" >拉黑</a>
                    </td>
                </tr>
                <tr align="center">
                    <td style="padding: 0px;">
                        <input type="hidden" id="live_down_${
                          obj.userid
                        }" name="live_down_${obj.userid}" value="${
        obj.live_down
      }"/>
                        <input type="hidden" id="live_alarm_${
                          obj.userid
                        }" name="live_alarm_${obj.userid}" value="${
        obj.live_alarm
      }"/>
                        <input type="hidden" id="live_banned_${
                          obj.userid
                        }" name="live_banned_${obj.userid}" value="${
        obj.live_banned
      }"/>
                        <input type="hidden" id="live_downall_${
                          obj.userid
                        }" name="live_downall_${obj.userid}" value="${
        obj.live_downall
      }"/>
                        <input type="button" class="btn_blue" onclick="javascript:showdiv(${
                          obj.userid
                        }, ${
        obj.roomid
      }, 1, 0)" value="警告" style="float: left; width: 43px; margin: 0px;">
                        <input type="button" class="btn_blue" onclick="javascript:showdiv(${
                          obj.userid
                        }, ${
        obj.roomid
      }, 2, 0)" value="下榜" style="float: left; width: 43px; margin: 0px;">
                        <input type="button" class="btn_blue" onclick="javascript:showdiv(${
                          obj.userid
                        }, ${
        obj.roomid
      }, 3, 0)" value="禁播" style="float: left; width: 43px; margin: 0px;">
                        <a style="cursor:pointer;float: left; display:${
                          obj.remarktype != 12 ? "inline-block" : "none"
                        }" >
                            <img style="width: 20px; height: 20px;" src="/images/close.png" >
                        </a>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0px;">
                        <input type="checkbox" class="showche" id="che_${
                          obj.userid
                        }_${obj.roomid}" name="che_${obj.userid}_${
        obj.roomid
      }">待定
                    </td>
                </tr>
            </table>
            `;
			if (
				obj.userid1 != null &&
				obj.userid1 != "" &&
				obj.stream_url1 != null &&
				obj.stream_url1 != ""
			) {
				table += `
                    <table style="float: left; width: 153px; margin-right: 0px; margin-bottom: 0px; outline: none;" border="0" height="305px" cellspacing="1" cellpadding="0"  class="content" width="210px" border="0">
                <tr>
                    <td style="padding: 0px;">
                        <div id = "video_${obj.userid1}_${obj.roomid}"></div>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0px;">
                        <a style="cursor: pointer; float: left; width: 60px; white-space: nowrap; overflow: hidden;" target="_blank" href="userAction!details.action?userid=${
                          obj.userid1
                        }">${
          obj.name1.length > 6 ? obj.name1.substring(0, 6) : obj.name1
        }</a>
                        <span>${
                          obj.CharmLevel1 > 0 && obj.CharmLevel1 > obj.VipLevel1
                            ? "M" + obj.CharmLevel1 + " "
                            : "V" + obj.VipLevel1 + " "
                        }</span>
                        <font color="red">${obj.sex1 == 0 ? "男" : "女"}</font>
                        <span>位置1</span>
                        <span id="roomrs_${
                          obj.userid
                        }">${obj.roomrs.toString().fontcolor("blue")}人</span>
                    </td>
                </tr>
                <tr height="25px">
                    <td style="padding: 0px;">
                        <a style="cursor:pointer;" onclick="refvideo(${
                          obj.userid1
                        }, ${obj.roomid}, ${obj.stream_url1})">
                            <img style="width:16px;height:16px;" src="/images/refresh.png" >
                        </a>
                        <font color="red">${obj.remarkinfo}</font>
                        <a style="cursor:pointer;" onclick="addUserBlacklist(${
                          obj.userid1
                        })" >拉黑</a>
                        <span style="color: red; display: ${
                          obj.live_channel == 1 ? "block" : "none"
                        }">才</span>
                        <span style="color: red; display: ${
                          obj.pk == 1 ? "block" : "none"
                        }">PK</span>
                    </td>
                </tr>
                <tr align="center">
                    <td style="padding: 0px;">
                        <input type="hidden" id="live_down_${
                          obj.userid1
                        }" name="live_down_${obj.userid1}" value="${
          obj.live_down1
        }"/>
                        <input type="hidden" id="live_alarm_${
                          obj.userid1
                        }" name="live_alarm_${obj.userid1}" value="${
          obj.live_alarm1
        }"/>
                        <input type="hidden" id="live_banned_${
                          obj.userid1
                        }" name="live_banned_${obj.userid1}" value="${
          obj.live_banned1
        }"/>
                        <input type="hidden" id="live_downall_${
                          obj.userid1
                        }" name="live_downall_${obj.userid1}" value="${
          obj.live_downall1
        }"/>
                        <input type="button" class="btn_blue" onclick="javascript:showdiv(${
                          obj.userid1
                        }, ${
          obj.roomid
        }, 1, 0)" value="警告" style="float: left; width: 43px; margin: 0px;">
                        <input type="button" class="btn_blue" onclick="javascript:showdiv(${
                          obj.userid1
                        }, ${
          obj.roomid
        }, 3, 0)" value="禁播" style="float: left; width: 43px; margin: 0px;">
                    </td>
                </tr>
            </table>
                `;
			}
			if (
				obj.userid2 != null &&
				obj.userid2 != "" &&
				obj.stream_url2 != null &&
				obj.stream_url2 != ""
			) {
				table += `
                    <table style="float: left; width: 153px; margin-right: 0px; margin-bottom: 0px; outline: none;" border="0" height="305px" cellspacing="1" cellpadding="0"  class="content" width="210px" border="0">
                <tr>
                    <td style="padding: 0px;">
                        <div id = "video_${obj.userid2}_${obj.roomid}"></div>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0px;">
                        <a style="cursor: pointer; float: left; width: 60px; white-space: nowrap; overflow: hidden;" target="_blank" href="userAction!details.action?userid=${
                          obj.userid2
                        }">${
          obj.name2.length > 6 ? obj.name2.substring(0, 6) : obj.name2
        }</a>
                        <span>${
                          obj.CharmLevel1 > 0 && obj.CharmLevel1 > obj.VipLevel1
                            ? "M" + obj.CharmLevel1 + " "
                            : "V" + obj.VipLevel1 + " "
                        }</span>
                        <font color="red">${obj.sex2 == 0 ? "男" : "女"}</font>
                        <span>位置1</span>
                        <span id="roomrs_${
                          obj.userid
                        }">${obj.roomrs.toString().fontcolor("blue")}人</span>
                    </td>
                </tr>
                <tr height="25px">
                    <td style="padding: 0px;">
                        <a style="cursor:pointer;" onclick="refvideo(${
                          obj.userid2
                        }, ${obj.roomid}, ${obj.stream_url2})">
                            <img style="width:16px;height:16px;" src="/images/refresh.png" >
                        </a>
                        <font color="red">${obj.remarkinfo}</font>
                        <a style="cursor:pointer;" onclick="addUserBlacklist(${
                          obj.userid2
                        })" >拉黑</a>
                        <span style="color: red; display: ${
                          obj.live_channel == 1 ? "block" : "none"
                        }">才</span>
                        <span style="color: red; display: ${
                          obj.pk == 1 ? "block" : "none"
                        }">PK</span>
                    </td>
                </tr>
                <tr align="center">
                    <td style="padding: 0px;">
                        <input type="hidden" id="live_down_${
                          obj.userid2
                        }" name="live_down_${obj.userid2}" value="${
          obj.live_down1
        }"/>
                        <input type="hidden" id="live_alarm_${
                          obj.userid2
                        }" name="live_alarm_${obj.userid2}" value="${
          obj.live_alarm1
        }"/>
                        <input type="hidden" id="live_banned_${
                          obj.userid2
                        }" name="live_banned_${obj.userid2}" value="${
          obj.live_banned1
        }"/>
                        <input type="hidden" id="live_downall_${
                          obj.userid2
                        }" name="live_downall_${obj.userid2}" value="${
          obj.live_downall1
        }"/>
                        <input type="button" class="btn_blue" onclick="javascript:showdiv(${
                          obj.userid2
                        }, ${
          obj.roomid
        }, 1, 0)" value="警告" style="float: left; width: 43px; margin: 0px;">
                        <input type="button" class="btn_blue" onclick="javascript:showdiv(${
                          obj.userid2
                        }, ${
          obj.roomid
        }, 3, 0)" value="禁播" style="float: left; width: 43px; margin: 0px;">
                    </td>
                </tr>
            </table>
                `;
			}
			//获得页面所有绑定房间号
			$("#roomids").val(roomids);
			break;
		}
		//没有绑定到数据 返回空
		if (table == "" || table == null) {
			$("#div_" + uid + "_" + oldrid).hide();
			setTimeout(() => {
				$(".listNull").slideUp(66);
			}, 222);
			return;
		}
		//绑定数据
		$("#div_" + uid + "_" + oldrid)
			.html(table)
			.removeClass("marked")
			.css("outline", "none");
		$("#div_" + uid + "_" + oldrid).attr(
			"id",
			"div_" + nowuid + "_" + nowroomid
		);
		$("table tr:nth-child(4) a").show();
		if (_Xlistturn < _Xlistnode.length) {
			$(".showNum").html(
				"本批次剩余" + (_Xlistnode.length - _Xlistturn) + "个"
			);
			_Xlistnode[_Xlistturn].click();
			_Xlistturn++;
		} else if (_Xlistturn == _Xlistnode.length) {
			$(".showNum")
				.html("")
				.hide();
			$(".X")[0].onclick = X;
			_Xlistnode = [];
			_Xlistturn = 0;
		}
		//绑定视频数据
		if (
			nowuid != null &&
			nowuid != "" &&
			stream_url != "" &&
			stream_url != null
		) {
			let player = new window.parent.qcVideo.Player(
				"video_" + nowuid + "_" + nowroomid, {
					width: 153,
					height: 270.81,
					live_url: "" + stream_url + "",
					volume: 0
				}
			);
		}
		if (
			nowuid1 != null &&
			nowuid1 != "" &&
			stream_url1 != "" &&
			stream_url1 != null
		) {
			let player = new window.parent.qcVideo.Player(
				"video_" + nowuid1 + "_" + nowroomid, {
					width: 153,
					height: 270.81,
					live_url: "" + stream_url1 + "",
					volume: 0
				}
			);
		}
		if (
			nowuid2 != null &&
			nowuid2 != "" &&
			stream_url2 != "" &&
			stream_url2 != null
		) {
			let player = new window.parent.qcVideo.Player(
				"video_" + nowuid2 + "_" + nowroomid, {
					width: 153,
					height: 270.81,
					live_url: "" + stream_url2 + "",
					volume: 0
				}
			);
		}
	};
	//叉
	const singleRef = (userid, roomid, type, mode) => {
		if (roomid.length <= 0 || userid.length <= 0) {
			return;
		}
		var roomids = $("#roomids").val();
		var arrs =
			"roomid=" +
			roomid +
			"&userid=" +
			userid +
			"&roomids=" +
			roomids +
			"&type=" +
			type;
		if (mode == 1) {
			new Ajax.Request(
				"videoLiveAuditAction!getvideoliveFlowAuditListSinglejson.action", {
					method: "post",
					parameters: arrs,
					onComplete: retoperateListOne,
					onError: error
				}
			);
		} else if (mode == 2) {
			new Ajax.Request(
				"videoLiveAuditAction!getvideoliveFlowAuditListSinglejson.action", {
					method: "post",
					parameters: arrs,
					onComplete: retoperateListTwo,
					onError: error
				}
			);
		}
	};
	//叉掉重点流后取消队列无人弹窗提示,取消队列有人时的渲染,定义当前批量叉数量,根据数量判断是否是最后一次请求成功,成功后刷新页面
	let _Xlistturn = 0;
	let _Xlistnode = [];
	const retoperateListTwo = response => {
		var ret = eval("(" + response.responseText + ")");
		var oldrid = ret.roomid;
		var uid = ret.userid;
		var roomids = ret.roomids;
		if (ret.res != 1 || ret.list == null || ret.list.length == 0) {
			$("#div_" + uid + "_" + oldrid)
				.removeClass("marked")
				.hide();
			_Xlistturn++;
			$(".showNum").html(
				"本批次剩余" + (_Xlistnode.length - _Xlistturn) + "个"
			);
			if (_Xlistnode.length == _Xlistturn) {
				$(".showNum").hide();
				_Xlistturn = 0;
				_Xlistnode = [];
				$(".X")[0].onclick = X;
			}
			$(".listNull").slideDown(66, () => {
				setTimeout(() => {
					$(".listNull").slideUp(66);
				}, 222);
			});
			return;
		}
		_Xlistturn++;
		$(".showNum").html("本批次剩余" + (_Xlistnode.length - _Xlistturn) + "个");
		$("#div_" + uid + "_" + oldrid)
			.removeClass("marked")
			.hide();
		if (_Xlistnode.length == _Xlistturn) {
			$(".showNum")
				.css("width", "200px")
				.css("margin-left", "-100px")
				.html("加载等待中的直播队列");
			$(".btn_blue")
				.first()
				.click();
		}
	};
	var X = () => {
		$(".X")[0].onclick = null;
		if ($(".marked").length) {
			if ($("#modeOne").attr("checked")) {
				//模式一
				$(".marked tr:nth-child(4) td a").each((i, e) => {
					_Xlistnode.push(e);
				});
				$(".showNum")
					.html("本批次剩余" + _Xlistnode.length + "个")
					.show();
				_Xlistnode[_Xlistturn].click();
				_Xlistturn++;
			} else if ($("#modeTwo").attr("checked")) {
				//模式二
				_Xlistnode = $(".marked tr:nth-child(4) td a");
				$(".showNum")
					.html("本批次剩余" + _Xlistnode.length + "个")
					.show();
				_Xlistnode.each(function (i, e) {
					let data = this.parentNode.parentNode.parentNode.parentNode.parentNode.id.split(
						"_"
					);
					singleRef(data[1], data[2], 1, 2);
				});
			} else {
				alert("请选择批量X模式!!!");
			}
		} else {
			$(".btn_blue")
				.first()
				.click();
		}
	};
	//重点流IU渲染
	const rander = (width, height) => {
		$("span").each(function (i, e) {
			if (e.innerHTML === "才艺") {
				e.innerHTML = "才";
			} else if (e.innerHTML === "PK") {
				e.innerHTML = "";
			}
		});
		setTimeout(() => {
			$("object")
				.attr("width", width)
				.attr("height", height);
			$("embed")
				.attr("width", width)
				.attr("height", height);
			$(".content td").css("padding", "0");
			$('div[id^="div"]:visible')
				.css("float", "none")
				.css("display", "inline-block")
				.css("min-height", "260px");
			$('.content_div>table div[id^="div"]>table').css("width", "153px");
			$(".content")
				.css("margin-right", "0px")
				.css("margin-bottom", "0px");
			$('.content_div>table div[id^="div"]>table tr:nth-child(4) td')
				.children(':visible:not("a")')
				.css("float", "left")
				.css("width", "43px")
				.css("margin", "0");
			$('.content_div>table div[id^="div"]>table tr:nth-child(2) a')
				.css("float", "left")
				.css("width", "60px")
				.css("white-space", "nowrap")
				.css("overflow", "hidden");
			$('.content_div>table div[id^="div"]>table tr:nth-child(4) td')
				.children("a")
				.css("float", "left");
			$('.content_div>table div[id^="div"]>table tr:nth-child(4) td img')
				.css("width", "20px")
				.css("height", "20px");
			$('.content_div>table div[id^="div"]>table tr:nth-child(4) a').attr(
				"onclick",
				""
			);
		}, 300);
	};
	//部分(常规文字)页面进审提醒
	if (
		location.href.match(/userHeadPicAction!userHeadCheckWomanRenzhen/g) ||
		location.href.match(/userHeadPicAction!userHeadCheckAll/g) ||
		location.href.match(/auditUserAciton!photoNoneblogindex/g) ||
		location.href.match(/groupChatPicAction!listUntreated/g) ||
		location.href.match(/groupAction!auditindex/g) ||
		location.href.match(/videoLivePic!liveAutoReviewList/g) ||
		location.href.match(/userFilterwordAction!index/g) ||
		location.href.match(/videoFile!videoFileAuditList/g)
	) {
		enterLogin(
			$('a[title="提交"]').first().length ?
			$('a[title="提交"]').first() :
			$('a[title="操 作"]').first()
		);
		$("img").length > 2 ? $refresherInsert(true) : $refresherInsert();
	} else if (location.href.match(/videoLivePic!getHotLiveVideoList/g)) {
		$("img").length > 0 ? $refresherInsert(true) : $refresherInsert();
	} else if (location.href.match(/smallVideoAudit!getAuditList/g)) {
		enterLogin($('a[title="提交"]').first());
		$(".box").length > 0 ? $refresherInsert(true) : $refresherInsert();
		//私聊广告消息进审提醒
	} else if (location.href.match(/imMsgAction!toAuditList/g)) {
		setTimeout(() => {
			if (
				$(".pag")[0].offsetHeight > 51 ||
				$(".pag")[1].offsetHeight > 51 ||
				$(".pag")[2].offsetHeight > 51
			) {
				$refresherInsert(true);
				$(".content_div input:button").click(() => {
					setTimeout(() => {
						location.reload();
					}, 500);
				});
			} else {
				$refresherInsert();
			}
		}, 500);
		//直播截屏审核
	} else if (
		location.href.match(/videoLiveAuditAction!videoliveScreenAuditList/g)
	) {
		//提交londing动画
		$(
			'<div class="loading" style="display: none; cursor: pointer; width: 300px; height: 40px; background: #f40; border-radius: 8px; opacity: 0.8; color: #fff; position: fixed; left: 50%; top: 50%; margin-left: -150px; margin-top: -20px; line-height: 40px; text-align: center; font-size: 28px;">提交中,请稍后</div>'
		).appendTo("body");
		//控制面板写入
		$(
			'<div class="mytool"style="float:right; margin: 8px 0px;font-size: 12px; position: absolute; right: 160px; bottom: 0px;"><span class="how" style="font-size: 8px; color: blue; cursor: pointer; ">如何使用?</span><span class="btn_blue C">点击所有图片</span><span style="font-weight:bold;"> 当前页面停留时间:</span><span class="keepTime" style="color:red; min-width: 16px; display:inline-block;font-weight:bold;text-align:right;">0</span><span> 秒 </span><span style="font-weight:bold;"> 刷新次数:</span><span class="refreshTimes" style="color:red;display:inline-block;font-weight:bold;text-align:right;">0</span><span> 次 </span><span style="font-weight:bold;"> 已审核:</span><span class="total" style="color:red;display:inline-block;font-weight:bold;text-align:right;">0</span><span> 张 </span><label for="autInput" style="font-weight:bold; cursor: pointer; ">图片尺寸:</label><input id="autInput" type="input" style="width:22px; height:16px; font-size: 12px; cursor: pointer; "><span>(px)</span><label for="rightPush" style="font-weight:bold; cursor: pointer; "> 右键推流:</label><input id="rightPush" type="checkbox" style="vertical-align: middle; cursor: pointer; width: 12px; height: 12px;">&nbsp&nbsp<label for="hdButton" style="font-weight:bold; cursor: pointer; "> 隐藏按钮:</label><input id="hdButton" type="checkbox" style="vertical-align: middle; cursor: pointer; width: 12px; height: 12px;">&nbsp&nbsp<label for="dbClick" style="font-weight:bold; cursor: pointer; ">双击页面换一批:</label><input id="dbClick" type="checkbox" style="vertical-align: middle; cursor: pointer; width: 12px; height: 12px;"></div>'
		).appendTo(".toolbar:last");
		$(
			'<div class="success" style="display: none; cursor: pointer; width: 200px; height: 40px; background: #f40; border-radius: 8px; opacity: 0.8; color: #fff; position: fixed; left: 50%; top: 72px; margin-left: -150px; line-height: 40px; text-align: center; font-size: 28px;">推流成功</div>'
		).appendTo("body");
		//弹出使用说明
		$(".how").click(function () {
			alert(
				"    1 图片尺寸设置即直播截屏宽度设置,设置不同的宽度会按照图片原有比例对应设置图片高度。。可根据个人喜好和电脑屏幕宽高设置,设置自定义宽度须先点击自定义按钮,随后进行设置。设置值为大于等于130小于等于25的纯阿拉伯数字。\n    2当前脚本对截屏审核界面做了比较大的改动,为了尽可能多的展示图片内容。隐藏掉了 拉黑 推荐 按钮,并且将用户昵称,才艺,PK中,接收方,发起方这些文字信息做了简短处理。但是如果想查看完整的用户昵称信息,只需要将鼠标悬停在经过处理的昵称上就可以了。\n    4 双击页面换一批为,当选中开启后,在页面的任意地方双击会触发 换一批 按钮的单击执行。默认为关闭!\n 以上所有效果均为在当前页面设置,在提交 换一批 之后的所有此页面上生效。关闭当前选项卡之后所有设置的参数会被清空,再次打开请重新设置!\n    5 当鼠标移动到需要处罚的用户时,可以触发快捷键。鼠标移出时失效Q警告,W下榜E禁播R推流T换一批,同时键盘回车可以换一批,鼠标右键也可以推流\n    6  隐藏按钮为当选中后用户界面的处罚按钮都会会被隐藏。此时,你可以选择用键盘操作处罚或者将鼠标移到要处罚的用户点击鼠标中键显示按钮!"
			);
		});
		$(".C").click(() => {
			$("img").click();
		});
		//定义参数变量
		let keepTime = 0,
			size,
			db,
			hd,
			refreshTimes = 0,
			demon = 0,
			total = 0,
			rp;
		//当前页面停留时间开始计时
		setInterval(() => {
			$(".keepTime").html(keepTime);
			keepTime++;
			if (keepTime === 9999) {
				$(".btn_blue")
					.first()
					.click();
			}
		}, 1000);
		$(".toolbar .btn_blue:not('.C')").click(function () {
			$(".toolbar .btn_blue").hide();
			$(".loading").css("display", "block");
			let i = 0;
			setInterval(() => {
				if (i % 4 == 0) {
					$(".loading").html("提交中,请稍后");
				} else if (i % 4 == 1) {
					$(".loading").html(". 提交中,请稍后 .");
				} else if (i % 4 == 2) {
					$(".loading").html(". . 提交中,请稍后 . .");
				} else if (i % 4 == 3) {
					$(".loading").html(". . . 提交中,请稍后 . . .");
				}
				i++;
			}, 200);
			//记录审核刷新次数和已审核
			document.cookie = `refreshTimes=${parseInt(
        document.cookie.match(/refreshTimes=\d+/g)[0].match(/\d+/g)[0]
      ) + 1};`;
			document.cookie = `total=${parseInt(
        document.cookie.match(/total=\d+/g)[0].match(/\d+/g)[0]
      ) + $(".content_div table").length};`;
		});
		//页面加载完成后对图片进行重新渲染
		document.onreadystatechange = () => {
			if (document.readyState == "complete") {
				//取消出发弹窗动画
				$(".close").hide();
				$(".showpic tbody tr:nth-child(3) input:visible").click(function () {
					setTimeout(() => {
						cancelAnimate();
						var target = this.parentNode.parentNode.parentNode.parentNode;
						var offset = $(target).offset();
						if (
							offset.left + target.offsetWidth + 300 >
							document.body.offsetWidth
						) {
							$(".showbox:visible")[0].style.left = offset.left - 300 + "px";
							$(".showbox:visible")[0].style.top = offset.top + "px";
						} else {
							$(".showbox:visible")[0].style.left =
								offset.left + target.offsetWidth + "px";
							$(".showbox:visible")[0].style.top = offset.top + "px";
						}
						$(".showbox:visible").on("click", "input", function (e) {
							cancelAnimate();
						});
					}, 10);
				});
				//根据设定参数添加相应功能
				if (
					document.cookie.match(/size=\d+/g) &&
					document.cookie.match(/db=\d/g) &&
					document.cookie.match(/hd=\d/g) &&
					document.cookie.match(/refreshTimes=\d+/g) &&
					document.cookie.match(/total=\d+/g) &&
					document.cookie.match(/rp=\d/g)
				) {
					size = parseInt(
						document.cookie.match(/size=\d+;/g)[0].match(/\d+/g)[0]
					);
					db = parseInt(document.cookie.match(/db=\d/g)[0].match(/\d/g)[0]);
					hd = parseInt(document.cookie.match(/hd=\d/g)[0].match(/\d/g)[0]);
					rp = parseInt(document.cookie.match(/rp=\d/g)[0].match(/\d/g)[0]);
					refreshTimes = parseInt(
						document.cookie.match(/refreshTimes=\d+/g)[0].match(/\d+/g)[0]
					);
					total = parseInt(
						document.cookie.match(/total=\d+/g)[0].match(/\d+/g)[0]
					);
					$(".refreshTimes").html(refreshTimes); //刷新次数
					$(".total").html(total); //已审核
					setSize(size); //设置图片尺寸
					setButtonSize(size); //设置按钮尺寸
					setTitleSize(size); //设置昵称
					$("#autInput").val(size);
					if (db) {
						//是否双击换一批
						$("#dbClick").attr("checked", true);
						$(document).one("dblclick", () => {
							$(".btn_blue")
								.first()
								.click();
						});
					}
					if (hd) {
						//是否隐藏按钮
						$("#hdButton").attr("checked", true);
						$("table input:visible")
							.add(".showpic tbody tr:nth-child(3)")
							.addClass("hidebtn")
							.hide();
					}
					if (rp) {
						//是否鼠标右键推流
						$("#rightPush").attr("checked", true);
					}
					//首次开启截屏审核的默认样式
				} else {
					document.cookie = "size=131;";
					document.cookie = "db=0;";
					document.cookie = "hd=0;";
					document.cookie = "rp=0;";
					document.cookie = "refreshTimes=0;";
					document.cookie = "demon=0;";
					document.cookie = "total=0;";
					$("#autInput").val(131);
					setSize(131);
					setButtonSize(130);
					setTitleSize(130);
				}
				//控制面板事件处理
				$(".mytool").on("click", "input", function (e) {
					if (this.id === "dbClick") {
						if ($(this).is(":checked")) {
							document.cookie = "db=1;";
						} else {
							document.cookie = "db=0;";
						}
					} else if (this.id === "hdButton") {
						if ($(this).is(":checked")) {
							document.cookie = "hd=1;";
						} else {
							document.cookie = "hd=0;";
						}
					} else if (this.id === "rightPush") {
						if ($(this).is(":checked")) {
							document.cookie = "rp=1;";
						} else {
							document.cookie = "rp=0;";
						}
					}
				});
				//自定义图片尺寸处理
				$("#autInput").mousedown(function () {
					this.value = "";
				});
				$("#autInput")
					.prev()
					.mousedown(function () {
						$("#autInput").val("");
					});
				$("#autInput").blur(function () {
					const value = parseInt(this.value);
					if (value < 130) {
						document.cookie = "size=130;";
						this.value = 130;
						alert("设定宽度过小,已经为你设置为130px");
					} else if (parseInt(this.value.trim()) > 250) {
						document.cookie = "size=250;";
						this.value = 250;
						alert("设定宽度过大,已经为你设置为250px");
					} else if (value >= 130 && value <= 250) {
						document.cookie = `size=${value};`;
						this.value = value;
					} else {
						this.value = size;
						alert("请输入设定宽度");
					}
				});
				window.scrollTo(0, 72); //页面自动滚动
				$("body").css("-webkit-user-select", "none"); //页面内文字不可选
				$(".showpic")
					.each(function (i, e) {
						$(e).css({
							//设定截屏容器最小宽高,修复空白bug
							margin: "0px 3px",
							float: "none",
							display: "inline-block",
							"margin-right": "-4px",
							"min-height": "250px",
							position: "relative",
							overflow: "hidden"
						});
						if ($(e).find('span:contains("PK")').length) {
							var oldImg = $(this)
								.find("img")
								.first();
							let src = oldImg[0].src;
							let style = oldImg.attr("style");
							let id = oldImg.attr("id");
							let onclick = oldImg.attr("onclick");
							let onload = oldImg.attr("onload");
							oldImg.attr("id", id + "-remove");
							var newBox = $(
								`<div class="newBox" style="width: ${size * 2 +
                  3}px; height: ${size *
                  1.8}px; position: absolute; left: 0px; top: 0px; overflow: hidden; "></div>`
							).appendTo(this);
							var newImg = $("<img>")
								.attr("id", id)
								.attr("src", src)
								.attr("style", style)
								.attr("onclick", onclick)
								.attr("onload", onload)
								.css("width", `${size * 2 + 3}px`)
								.css("height", `${size * 4.19847328}px`)
								.css("position", "absolute")
								.css("top", `${size * -1.08396946}px`)
								.css("left", "0px")
								.appendTo(newBox);
							var atten = $(
								'<div class="atten" style="width: 100%; height: 16px; position: absolute; left: 0px; bottom: 0px; z-index: 0; color: #fff; text-align: center; background-color: #f40;font-weight: bold; font-size; 14px;">< PK中 ></div>'
							).appendTo(newBox);
						}
					})
					.children("table")
					.css({
						width: "130px",
						margin: "0",
						height: "250px",
						padding: "0px"
					});
				//去掉性别
				$("tbody tr:nth-child(2) td font").each(function (i, e) {
					e.style.display = "none";
				});
				//简短用户文字信息
				$("span").each(function (i, e) {
					if (e.innerHTML === "才艺") {
						e.innerHTML = "";
					} else if (e.innerHTML === "PK") {
						e.style.display = "none";
						e.parentNode.className = "pk";
					} else if (e.innerHTML === "已推流") {
						e.innerHTML = "已推";
						e.style.float = "right";
						e.style.marginRight = "10px";
					}
				});
				//键盘操作处理和推流
				function enter(that) {
					that.tabIndex = 0;
					that.focus();
					that.parentNode.style.outline = "blue solid 2px";
					if (
						$(that).siblings("table").length === 0 ||
						$(that).find(".pk").length
					) {
						if ($(that).find("tr:nth-child(2) input:button").length) {
							$(that)
								.find("input:button")
								.first()
								.attr("onclick", "");
							let data = that.parentNode.id.split("_");
							$(that).find("input:button")[0].onclick = function () {
								addEmpasisUser(data[2], data[1]);
							};
						}
					}
					$(that)
						.find("tr:nth-child(3) input:button:visible")
						.hover(
							function () {
								$(this)
									.css("color", "blue")
									.css("font-size", "14px")
									.css("padding", "0px");
							},
							function () {
								$(this)
									.css("color", "#000")
									.css("font-size", "12px")
									.css("padding", "0 10px");
							}
						);
					that.onkeydown = function (e) {
						if (e.code == "KeyQ") {
							$(that)
								.find(".btn_blue")
								.filter(function (i, e) {
									if (e.value == "警告") {
										$(e).click();
									}
								});
						} else if (e.code == "KeyW") {
							$(that)
								.find(".btn_blue")
								.filter(function (i, e) {
									if (e.value == "下榜") {
										$(e).click();
									}
								});
						} else if (e.code == "KeyE") {
							$(that)
								.find(".btn_blue")
								.filter(function (i, e) {
									if (e.value == "禁播") {
										$(e).click();
									}
								});
						} else if (e.code == "KeyR") {
							$(that)
								.find(".btn_blue")
								.filter(function (i, e) {
									if (e.value == "推流") {
										$(e).click();
									}
								});
						} else if (e.code == "KeyT") {
							that.onkeydown = null;
							$(".btn_blue")
								.first()
								.click();
						}
					};
					if (rp) {
						that.oncontextmenu = () => {
							$(that)
								.find(".btn_blue")
								.filter(function (i, e) {
									if (e.value == "推流") {
										$(e).click();
									}
								});
							return false;
						};
					}
					that.onmousedown = e => {
						if (e.button == 1) {
							if (hd) {
								let newheight =
									parseInt(
										$(that)
										.find("img")
										.first()
										.css("height")
									) - 23;
								$(that)
									.find("img")
									.first()
									.css("height", newheight + "px");
								$(that)
									.find(".hidebtn")
									.show();
								that.onmousedown = null;
								return false;
							}
						}
					};
				}

				function out(that) {
					that.tabIndex = 9999;
					that.blur();
					that.parentNode.style.outline = "none";
					that.onkeydown = null;
					that.oncontextmenu = null;
					that.onmousedown = null;
				}
				$(".content_div").on("mouseover", "table", function (e) {
					var that = this;
					enter(that, 1);
				});
				$(".content_div").on("mouseleave", "table", function (e) {
					var that = this;
					out(that, 1);
				});
				$(".content_div").on("mouseover", 'div[class="newBox"]', function (e) {
					var that = $(this)
						.parent()
						.children("table:first")[0];
					enter(that, 0);
					if (
						$(that).siblings("table").length === 0 ||
						$(that).find(".pk").length
					) {
						if ($(that).find("tr:nth-child(2) input:button").length) {
							let data = that.parentNode.id.split("_");
							$(that)
								.find("input:button")
								.first()
								.attr("onclick", "")
								.click(function () {
									addEmpasisUser(data[2], data[1]);
								});
						}
					}
					if (rp) {
						this.oncontextmenu = () => {
							$(this.parentNode)
								.find("tr:nth-child(2):first input:button")
								.filter(function (i, e) {
									if (e.value == "推流") {
										$(e).click();
									}
								});
							return false;
						};
					}
					this.onmousedown = e => {
						if (e.button == 1) {
							if (hd) {
								let newheight =
									parseInt(
										$(this.parentNode)
										.find(".newBox")
										.css("height")
									) - 26;
								$(this.parentNode)
									.find(".newBox")
									.css("height", newheight + "px");
								$(this.parentNode).find("img")[0].style.height =
									newheight + "px";
								$(this.parentNode).find("img")[1].style.height =
									newheight + "px";
								$(this.parentNode)
									.find(".hidebtn")
									.show();
								this.onmousedown = null;
								return false;
							}
						}
					};
				});
				$(".content_div").on("mouseleave", 'div[class="newBox"]', function (e) {
					var that = $(this)
						.parent()
						.children("table:first")[0];
					out(that, 0);
				});
				//压缩表格行高
				$(".showpic tbody tr:nth-child(1)").css("height", "190px");
				$(".showpic tbody tr:nth-child(2)").css("height", "10px");
				$(".showpic tbody tr:nth-child(3)").css("height", "10px");
				$(".showpic tbody tr:nth-child(4)").css("height", "10px");
				$(".showpic tbody tr td").css("padding", "0px");
                const nameList = []
                const eList = $('.content_div a')
                eList.each((i, e) => {
                    nameList.push(e.innerHTML.trim())
                })
                nameList.forEach((ei, i) => {
                    nameList.forEach((ej, j) => {
                        if (ei === ej && i !== j) {
                            eList[i].style.color = '#fff'
                            eList[j].style.color = '#fff'
                            eList[i].parentNode.style.color = '#fff'
                            eList[j].parentNode.style.color = '#fff'
                            eList[i].parentNode.style.background = 'blue'
                            eList[j].parentNode.style.background = 'blue'
                        }
                    })
                })
			}
		};

		//一对一坐等
	} else if (location.href.match(/videoLivePic!getSingleVideoLiveAuditList/g)) {
		let width = 132;
		let height = width * 1.77;
		$(
			'<div class="mytool"style="float:right; margin: 8px 0px;font-size: 12px; position: absolute; right: 0px; top: 4px;"><span class="how" style="font-size: 8px; color: blue; cursor: pointer; ">如何使用?</span><span style="font-weight:bold;"> 当前页面停留时间:</span><span class="keepTime" style="color:red; min-width: 12px; display:inline-block;font-weight:bold;text-align:right;">0</span><span> s </span>&nbsp&nbsp<label for="dbClick" style="font-weight:bold; cursor: pointer; ">双击页面换一批:</label><input id="dbClick" type="checkbox" style="vertical-align: middle; cursor: pointer; width: 12px; height: 12px;">&nbsp&nbsp&nbsp&nbsp</div>'
		).appendTo("body");
		$(
			'<div class="loading" style="display: none; cursor: pointer; width: 300px; height: 40px; background: #f40; border-radius: 8px; opacity: 0.6; color: #fff; position: fixed; left: 50%; top: 50%; margin-left: -150px; margin-top: -20px; line-height: 40px; text-align: center; font-size: 28px;">提交中,请稍后</div>'
		).appendTo("body");
		let keepTime = 0;
		setInterval(() => {
			$(".keepTime").html(keepTime);
			keepTime++;
		}, 1000);
		enterLogin($(".btn_blue").first());
		$("body").css("-webkit-user-select", "none");
		$("font").each(function (i, e) {
			if (e.innerHTML == "男") {
				$(e)
					.css("color", "blue")
					.parent()
					.css("background", "#f40");
			}
		});
		setTimeout(() => {
			if (document.cookie.match(/dbY=\d/g)) {
				db = parseInt(document.cookie.match(/dbY=\d/g)[0].match(/\d/g)[0]);
				if (db) {
					$("#dbClick").attr("checked", true);
					$(document).one("dblclick", () => {
						$(".btn_blue")
							.first()
							.click();
					});
				}
			} else {
				document.cookie = "dbY=0;";
			}
			$("object")
				.attr("width", width)
				.attr("height", height);
			$("embed")
				.attr("width", width)
				.attr("height", height);
			$('div[id^="video"]').css("position", "relative");
			$('div[id^="div"]')
				.css("float", "none")
				.css("display", "inline-block")
				.css("min-height", "260px");
			$('.content_div>div>table div[id^="div"]>table').css("width", "130px");
			$(".content")
				.css("margin-right", "0px")
				.css("margin-bottom", "0px");
			$(".content_div>div>table").on("mouseenter", "table", function () {
				$(this)
					.find('div[id^="video"]')
					.append(
						'<div class= "hoverbutton" style="opacity: 0.8; position: absolute; right: 0; top:0; width:132px; height: 18px;"><button class ="warn" style="width: 44px; height: 20px; background-color: #2ae; color: #fff; box-sizing: border-box; cursor: pointer; border: 1px solid blue; border-radius: 8px;" type="button">警告</button><button style="width: 44px; height: 20px; background-color: #000; color: #fff; box-sizing: border-box; cursor: pointer; border: 1px solid #ccc; border-radius: 8px;" type="button" class ="black">拉黑</button><button style="width: 44px; height: 20px; background-color: #f0f; color: #fff; box-sizing: border-box; cursor: pointer; border: 1px solid #f40; border-radius: 8px;" type="button" class="sex">色情</button></div>'
					);
				$(".warn").hover(
					function () {
						$(this)
							.css("color", "#2ae")
							.css("background-color", "#fff");
					},
					function () {
						$(this)
							.css("color", "#fff")
							.css("background-color", "#2ae");
					}
				);
				$(".black").hover(
					function () {
						$(this)
							.css("color", "black")
							.css("background-color", "#fff");
					},
					function () {
						$(this)
							.css("color", "#fff")
							.css("background-color", "black");
					}
				);
				$(".sex").hover(
					function () {
						$(this)
							.css("color", "#f0f")
							.css("background-color", "#fff");
					},
					function () {
						$(this)
							.css("color", "#fff")
							.css("background-color", "#f0f");
					}
				);
				$(".warn").click(function () {
					$(this)
						.parent()
						.parent()
						.parent()
						.parent()
						.parent()
						.find("input:button:nth-child(1)")
						.click();
				});
				$(".black").click(function () {
					$(this)
						.parent()
						.parent()
						.parent()
						.parent()
						.parent()
						.find("input:button:nth-child(2)")
						.click();
				});
				$(".sex").click(function () {
					$(this)
						.parent()
						.parent()
						.parent()
						.parent()
						.parent()
						.find("input:button:nth-child(3)")
						.click();
				});
			});
			$(".content_div>div>table").on("mouseleave", "table", function () {
				$(".hoverbutton").hide();
				this.oncontextmenu = null;
			});
			$(
				'.content_div>div>table div[id^="div"]>table tbody tr:nth-child(2) td a:nth-child(2)'
			).hide();
			$(
				'.content_div>div>table div[id^="div"]>table tbody tr:nth-child(3)'
			).hide();
			$(
				'.content_div>div>table:nth-child(2) div[id^="div"]>table tr:nth-child(4)'
			).hide();
			$(".mytool").on("click", "input", function (e) {
				if (this.id === "dbClick") {
					if ($(this).is(":checked")) {
						document.cookie = "dbY=1;";
					} else {
						document.cookie = "dbY=0;";
					}
				}
			});
			$(".how").click(function () {
				alert("参考直播截屏审核插件使用方法");
			});
		}, 666);
		$(".toolbar .btn_blue")
			.first()
			.click(function () {
				$(".loading").css("display", "block");
				let i = 0;
				setInterval(() => {
					if (i % 4 == 0) {
						$(".loading").html("提交中,请稍后");
					} else if (i % 4 == 1) {
						$(".loading").html(". 提交中,请稍后 .");
					} else if (i % 4 == 2) {
						$(".loading").html(". . 提交中,请稍后 . .");
					} else if (i % 4 == 3) {
						$(".loading").html(". . . 提交中,请稍后 . . .");
					}
					i++;
				}, 200);
			});
		//重点流
	} else if (
		location.href.match(/videoLiveAuditAction!videoliveFlowAuditList/g)
	) {
		let width = 153; //设置重点流UI
		let height = width * 1.77;
		rander(width, height);
		$("body").css("-webkit-user-select", "none");
		$(
			'<div class="mytool"style="float:right; margin: 8px 0px;font-size: 12px; position: absolute; right: 0px; top: 4px;"><span style="font-size: 8px; color: red; cursor: pointer; ">首次使用批量X之前请阅读使用说明!!!--------></span><span class="how" style="font-size: 8px; color: blue; cursor: pointer; ">如何使用?</span><input type="button" class="btn_blue X" value="批量X">&nbsp&nbsp<label for="modeOne" style="font-weight:bold; cursor: pointer; "> [模式一] </label><input id="modeOne" type="radio" name="mode" style="vertical-align: middle; cursor: pointer; width: 12px; height: 12px;"><label for="modeTwo" style="font-weight:bold; cursor: pointer; "> [模式二] </label><input id="modeTwo" type="radio" name="mode" style="vertical-align: middle; cursor: pointer; width: 12px; height: 12px;">&nbsp&nbsp&nbsp&nbsp<label for="dbClick" style="font-weight:bold; cursor: pointer; "> 双击页面换一批:</label><input id="dbClick" type="checkbox" style="vertical-align: middle; cursor: pointer; width: 12px; height: 12px;">&nbsp&nbsp&nbsp&nbsp</div>'
		).appendTo("body");
		$(
			'<div class="listNull" style="display: none; cursor: pointer; width: 300px; height: 40px; background: #f40; border-radius: 8px; opacity: 0.8; color: #fff; position: fixed; left: 50%; top: 72px; margin-left: -150px; line-height: 40px; text-align: center; font-size: 28px;">直播队列无等待人数!</div>'
		).appendTo("body");
		$(
			'<div class="loading" style="display: none; cursor: pointer; width: 300px; height: 40px; background: #f40; border-radius: 8px; opacity: 0.6; color: #fff; position: fixed; left: 50%; top: 50%; z-index: 3;margin-left: -150px; margin-top: -20px; line-height: 40px; text-align: center; font-size: 28px;">加载中,请稍后</div>'
		).appendTo("body");
		$(
			'<div class="showNum" style="display: none; cursor: pointer; width: 120px; height: 38px; background: #f40; border-radius: 8px; opacity: 0.8; color: #fff; position: fixed; left: 50%; margin-left: -60px; top: 0; line-height: 20px; vertical-align: top;line-height: 40px; text-align: center; font-size: 16px;">本批次剩余5个</div>'
		).appendTo("body");
		let db, mode;
		if (document.cookie.match(/mode=\d/g)) {
			mode = parseInt(document.cookie.match(/mode=\d/g)[0].match(/\d/g)[0]);
			if (mode == 1) {
				$("#modeOne").attr("checked", "checked");
			} else if (mode == 2) {
				$("#modeTwo").attr("checked", "checked");
			}
		}
		if (document.cookie.match(/dbZ=\d/g)) {
			db = parseInt(document.cookie.match(/dbZ=\d/g)[0].match(/\d/g)[0]);
			if (db) {
				//是否双击换一批
				$("#dbClick").attr("checked", true);
				$(document).one("dblclick", () => {
					$(".btn_blue")
						.first()
						.click();
				});
			}
		} else {
			document.cookie = "dbZ=0;";
		}
		$(".mytool").on("click", "input", function (e) {
			if (this.id === "dbClick") {
				if ($(this).is(":checked")) {
					document.cookie = "dbZ=1";
				} else {
					document.cookie = "dbZ=0";
				}
			}
		});
		$("#modeOne").click(function () {
			document.cookie = "mode=1";
		});
		$("#modeTwo").click(function () {
			document.cookie = "mode=2";
		}); //使用说明
		$(".how").click(function () {
			alert(
				"    鼠标右键标记/取消标记需要叉掉的用户。选好后点击右上角 批量X 即可,如果没有标记需要批量叉掉的用户,点击 批量叉 等同于点击 换一批 按钮  \n     ps: 批量叉掉功能是通过插件重写了原来网页的部分回调函数,复制并简化了公司自定义的ajax对象使得我们可以通过插件与服务器通信提交各种审核数据,因此在功能上与逻辑上和以前没有本质区别。同时因为都涉及到网络通信接受发送,所以从点击叉掉到服务器接收到请求都是需要一定时间的,尤其是选择批量叉掉的数量较多时。因此,对于如何批量叉掉就有了两种解决方案,也就是模式一和模式二。这两种模式的基本逻辑基本一致,都是通过插件代码逻辑遍历当前批次用户并逐个向服务器发送数据并接受响应,而且在直播队列无等待人数时的表现行为一致,都时提示无等待人数。区别就在于直播队列有等待人数时,各自的表现为:\n     [模式一]:当当前批次开始遍历时(当选中了几个用户后点击批量叉掉时),后一个要发送的用户数据会在前一个发送的用户数据得到响应并判断响应数据中是否有正在等待的用户信息(如果有则将正在等待的用户插入到页面的相应位置,否则提示当前直播队列无等待人数)后才会发送。因此模式一可以理解为同步的,第一个叉掉后判断有无等待用户,有的话就插入页面,没有就提示无等待。然后才开始叉掉第二个,以此类推。\n    优点:和单个叉掉的表现行为一致,符合审核习惯,易于接受和理解。\n    缺点:需要逐个判断读取插入等操作,阻塞效果明显,速度慢(批次单个平均时间约1.3秒)\n     [模式二]当当前批次开始遍历时(当选中了几个用户后点击批量叉掉时),后一个要发送的用户数据不会关注前一个发送的用户数据的任何响应,所以模式二当点击批量叉按钮式,当前批次的用户数据几乎是同时发送出去的,之后等待这批次的响应逐个从服务器返回,如果其中一个响应数据中显示有正在等待的用户,那么程序会在接收到的响应数量等于当前批次叉掉的数量时刷新页面,将等待用户在刷新后的页面上展示。\n    优点:点击批量叉后程序只关注数据的发送和接受响应的数量,把将等待用户渲染到页面的工作留给刷新后的页面,速度快(批次单个平均时间约0.6秒)。\n    缺点: 与原来的审核习惯不符。批量叉掉后刷新出的极个别用户界面不带叉(原因未知),但是插件对此进行了修复,当鼠标移入到没有叉的用户时,插件会自动为你创建一个可用的叉!!!"
			);
		});
		//批量叉掉,根据标记确定边框颜色
		$(".content_div>table").on("mouseenter", "table", function () {
			if (
				$(this)
				.parent()
				.hasClass("marked")
			) {
				this.parentNode.style.outline = "#f40 solid 2px";
			} else {
				this.parentNode.style.outline = "blue solid 2px";
			}
			this.oncontextmenu = function () {
				return false;
			};
			let data = this.parentNode.id.split("_");
			if ($(this).find("tr:nth-child(4) a").length) {
				$(this).find("tr:nth-child(4) a")[0].onclick = function () {
					singleRef(data[1], data[2], 1, 1);
					$("table tr:nth-child(4) a").hide();
				};
			} else {
				$(this)
					.find("tr:nth-child(4) td")
					.append(
						`<a class="newX" style="cursor:pointer; float: right;"><img style="width: 20px; height: 20px;" src="/images/close.png" ></a>`
					);
				$(".newX").click(function () {
					singleRef(data[1], data[2], 1, 1);
				});
			}
			this.onmousedown = function (e) {
				if (e.buttons == 2) {
					if (
						$(this)
						.parent()
						.hasClass("marked")
					) {
						$(this)
							.parent()
							.removeClass("marked");
						this.parentNode.style.outline = "blue solid 2px";
					} else {
						if ($(this).find("tr:nth-child(4) td a").length) {
							$(this)
								.parent()
								.addClass("marked");
							this.parentNode.style.outline = "#f40 solid 2px";
						}
					}
				}
			};
			$(this)
				.find("input:button:visible")
				.hover(
					function () {
						$(this)
							.css("color", "blue")
							.css("font-size", "14px")
							.css("padding", "0px");
					},
					function () {
						$(this)
							.css("color", "#000")
							.css("font-size", "12px")
							.css("padding", "0 10px");
					}
				);
		});
		$(".content_div>table").on("mouseleave", "table", function () {
			if (
				$(this)
				.parent()
				.hasClass("marked")
			) {
				this.parentNode.style.outline = "#f40 solid 2px";
			} else {
				this.parentNode.style.outline = "none";
			}
		});
		$(".X")[0].onclick = X;
		$(".toolbar .btn_blue")
			.first()
			.click(function () {
				$(".loading").css("display", "block");
				let i = 0;
				setInterval(() => {
					if (i % 4 == 0) {
						$(".loading").html("加载中,请稍后");
					} else if (i % 4 == 1) {
						$(".loading").html(". 加载中,请稍后 .");
					} else if (i % 4 == 2) {
						$(".loading").html(". . 加载中,请稍后 . .");
					} else if (i % 4 == 3) {
						$(".loading").html(". . . 加载中,请稍后 . . .");
					}
					i++;
				}, 200);
			});
		//直播流
	} else if (location.href.match(/videoLivePic!getPopuLiveVideoListAudit/g)) {
		let width = 154;
		let height = width * 1.77;
		setTimeout(() => {
			$("span").each(function (i, e) {
				if (e.innerHTML === "&nbsp;才艺&nbsp;") {
					e.innerHTML = "";
				} else if (e.innerHTML === "&nbsp;PK中&nbsp;") {
					e.innerHTML = "";
				} else if (e.innerHTML === "&nbsp;接收方&nbsp;") {
					e.innerHTML = "接";
				} else if (e.innerHTML === "&nbsp;发起方&nbsp;") {
					e.innerHTML = "发";
				}
			});

			setButtonSize(150);
			$("object")
				.attr("width", width)
				.attr("height", height);
			$("embed")
				.attr("width", width)
				.attr("height", height);
			$(".content td").css("padding", "0");
			$('.content_div div[id^="div"]>table')
				.css("width", "130px")
				.css("margin", "0")
				.css("margin-left", "1.5px");
			$('.content_div div[id^="div"]>table').each(function (i, e) {
				if ($(e).find('img[src="/images/down.png"]').length > 0) {
					$(e)
						.find("tr:nth-child(2) td")
						.append(
							'<img style="width:14px;height:14px;" src="/images/down.png">'
						);
				} else if ($(e).find('img[src="/images/link.png"]').length > 0) {
					$(e)
						.find("tr:nth-child(2) td")
						.append(
							'<img style="width:14px;height:14px;" src="/images/link.png">'
						);
				}
			});
			$('.content_div  div[id^="div"] table tr:nth-child(3)').css(
				"display",
				"none"
			);
			$('.content_div  div[id^="div"] table tr:nth-child(4) a').css(
				"display",
				"none"
			);
		}, 300);
		$(
			'<div class="mytool"style="float:right; margin: 8px 0px;font-size: 12px; position: absolute; right: 0px; top: 4px;"><span class="how" style="font-size: 8px; color: blue; cursor: pointer; ">如何使用?</span><span style="font-weight:bold;"> 当前页面停留时间:</span><span class="keepTime" style="color:red; min-width: 12px; display:inline-block;font-weight:bold;text-align:right;">0</span><span> s </span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</div>'
		).appendTo("body");
		$(
			'<div class="loading" style="display: none; cursor: pointer; width: 300px; height: 40px; background: #f40; border-radius: 8px; opacity: 0.6; color: #fff; position: fixed; left: 50%; top: 50%; margin-left: -150px; margin-top: -20px; line-height: 40px; text-align: center; font-size: 28px;">加载中,请稍后</div>'
		).appendTo("body");
		let keepTime = 0;
		setInterval(() => {
			$(".keepTime").html(keepTime);
			keepTime++;
		}, 1000);

		let arrlist = [];
		let getobj = {};

		getobj["name"] = document.cookie.match(/username=\w+/)[0].split("=")[1];
		$('div[id^="div"] table a').each(function (i, e) {
			if (i % 3 == 0) {
				getobj[
					`${e.innerHTML.trim()}`
				] = e.parentNode.parentNode.parentNode.parentNode.parentNode.id.split(
					"_"
				)[1];
			}
		});

		$("input:submit")
			.first()
			.click(function () {
				getobj["time"] = +new Date();
				getobj["action"] = "change";
				getobj["keeptime"] = keepTime;
				$.get("http://39.96.73.206:8888/post", getobj);
				this.style.display = "none";
				this.nextSibling.nextSibling.style.display = "none";
				$(".loading").css("display", "block");
				let i = 0;
				setInterval(() => {
					if (i % 4 == 0) {
						$(".loading").html("加载中,请稍后");
					} else if (i % 4 == 1) {
						$(".loading").html(". 加载中,请稍后 .");
					} else if (i % 4 == 2) {
						$(".loading").html(". . 加载中,请稍后 . .");
					} else if (i % 4 == 3) {
						$(".loading").html(". . . 加载中,请稍后 . . .");
					}
					i++;
				}, 200);
			});
		$("input:button")
			.first()
			.click(function () {
				getobj["time"] = +new Date();
				getobj["action"] = "close";
				getobj["keeptime"] = keepTime;
				$.get("http://39.96.73.206:8888/post", getobj);
			});
		//总榜
	} else if (location.href.match(/videoLivePic!getPopuLiveVideoList.action/g)) {
		let width = 154;
		let height = width * 1.77;
		setTimeout(() => {
			$("span").each(function (i, e) {
				if (e.innerHTML === "才艺") {
					e.innerHTML = "才";
				} else if (e.innerHTML === "PK") {
					e.innerHTML = "";
				}
			});
			$("object")
				.attr("width", width)
				.attr("height", height);
			$("embed")
				.attr("width", width)
				.attr("height", height);
			$(".content td").css("padding", "0");
			$('.content_div div[id^="div"]>table')
				.css("width", "130px")
				.css("margin", "0")
				.css("margin-left", "1.5px");
			$('.content_div div[id^="div"]>table tr:nth-child(2) a')
				.css("float", "left")
				.css("width", "60px")
				.css("white-space", "nowrap")
				.css("overflow", "hidden")
				.each(function (i, e) {
					$(e)
						.parent()
						.parent()
						.parent()
						.attr("title", $(e).html());
				});
			$('.content_div  div[id^="div"] table tr:nth-child(3) td input:visible')
				.css("float", "left")
				.css("width", "50px")
				.css("margin", "0");
		}, 300);
		//pk
	} else if (location.href.match(/videoLiveAuditAction!videolivePKFlowList/g)) {
	    window.qcVideo = null
        $('<div id="video-wrapper" style="display: none; position: absolute; z-index:999;  width: 1350px; height: 950px; left: 0; top: 40px; background: #ccc; overflow: hidden;"><video id="video" autoplay preload="auto" style="position: absolute; width: 100%; top: -310px;"></video><span id="close-video" style="position: absolute; width: 100px; height: 100px; text-align: center; line-height: 85px; border-radius: 50%; background-color: rgba(0, 0, 0, .6); font-size: 100px; color: #fff; right: 0; z-index: 1000;">×</span></wrapper>').appendTo('body')
        $('<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet"><script src="https://unpkg.com/video.js/dist/video.min.js"></script><script src="https://cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script><script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>').appendTo('head');
        $('<style>.vjs-control-bar{position: absolute;bottom: 0; !important; width: 300px; text-align: center; justify-content: center; color: #fff; background-color: transparent; z-index: 99; height: 20px;}.vjs-live-display,.vjs-seek-to-live-control,.vjs-play-control{display: none;}</style>').appendTo('head')
        const urls = $('head').html().match(/\/\/pili-live-rtmp.hzwangjiao.com\/fuliao-live\/\d+/g)
        let index = 0
        $('#close-video').click(() => {
            $('#video-wrapper').hide()
            videojs('video').pause()
            videojs('live' + index).play()
        })
        $("span").each(function (i, e) {
            if (e.innerHTML === "才艺") {
                e.innerHTML = "";
            }
        });
        $('.content_div table').css('margin', '0').css('height', 'auto')
        $('.content_div div table').attr('width', '300px')
        $('.content_div div[id^="div"]').attr('style', '').css('float', 'left').css('height', 'auto').css('border', '2px solid blue')
        $('.content_div td table').css('width', '149.9px').css('float', 'left')
        $('.content_div td').css('padding', '0')
        $('.content_div table input').css('margin', '0').css('float', 'left').css('width', '45px')
        $('.content_div table tr').css('height', 'auto')
        //$('div[id^="video"]').html('')
        $('.content_div div[id^="video"]').css('position', 'relative').css('height', '211px').css('overflow', 'hidden').each((i, e) => {
            let str = `
                      <span class="sound" style="width: 60px; height: 20px; position: absolute; left: 0; bottom: 10px; text-algin: center;cursor: pointer;z-index: 1; color: #fff; border: 1px solid black; border-radius: 8px; background-color: rgba(0, 0, 0, .6)">声音/静音</span>
                      <span class="full" style="width: 60px; height: 20px; position: absolute; right: 0;bottom: 10px; text-algin: center; cursor: pointer; z-index: 1; color: #fff; border: 1px solid black; border-radius: 8px; background-color: rgba(0, 0, 0, .6)">全屏</span>
                      <div style="width: 300px; height: 400px; position: absolute; overflow: hidden; top: -137px;">
                          <video id="live${i}" controls muted autoplay preload="auto" style="width: 100%;"></video>
                      </div>
                      `
            $(e).html(str)
        })
        const vueTest = setInterval(() => {
            if (window.videojs) {
                $('.content_div video').each((i, e) => {
                    let src = 'http:' + urls[i] + '.m3u8'
                    videojs('live' + i, {}, function onPlayerReady(){
                        this.src({src, type: "application/x-mpegURL"})
                    })
                })
                $('.sound').click((e) => {
                    if ($(e.target).parent().find('.vjs-mute-control .vjs-control-text').first().html() === 'Unmute') {
                        e.target.style.backgroundColor = 'rgba(255, 0, 0, .6)'
                        $(e.target).parent().find('.vjs-mute-control').first().click();
                    } else {
                        e.target.style.backgroundColor = 'rgba(0, 0, 0, .6)'
                        $(e.target).parent().find('.vjs-mute-control').first().click();
                    }
                })
                $('.full').each((i, e) => {
                    ((i, e) => {
                      $(e).click((e) => {
                        $('#video-wrapper').show()
                          videojs('live' + i).pause()
                          index = i
                          videojs('video', {}, function onPlayerReady(){
                          this.src({src: 'http:' + urls[i] + '.m3u8', type: "application/x-mpegURL"})
                        })
                      })
                    })(i, e)
                })
                clearInterval(vueTest)
            }
        }, 100)

	} else if (location.href.match(/main.ftl/g)) {
        let $ = null
        let name = null
        let root = null
        const s = document.createElement('script')
        document.head.appendChild(s)
        s.src = 'http://cdn.staticfile.org/jquery/3.4.1/jquery.min.js'
        s.onload = function () {
            $ = window.$
            name = $('.end').text().split('|')[0].trim()
            root = name === '尹成诺' || name === '潘李晓' || name === '周晗雨' || name === '张亚洲' || name === '曹锋华' || name === '荣翔' || name === '翟雄飞'
            console.log(root)
            $('.left_E').prepend('<p class="showRules" style="height: 25px; margin-bottom: 5px; text-align: center; line-height: 25px; font-size: 20px; font-weight: bold;background-color:rgba(0,0,0,.4);cursor:pointer;">审核规则</p>')
            $('<style>#app{position:absolute;right:0;top:0;width:calc(100% - 215px);height:100vh;z-index:-1;background-color:rgba(255,255,255,.9);}textarea,button{margin:0!important;}.rulesLeft{width:215px!important;height:100vh;overflow:auto;box-sizing:border-box;border-right:1px solid #ccc;float:left;}.rulesRight{width:calc(100% - 215px);height:100%;float:right;}.el-button{width:100%;height:40px;}.el-tree-node__content{height:40px!important;}.editText{position:absolute;right:0;top:0;padding:0 20px;line-height:40px;color:blue;user-select:none;}.el-breadcrumb{font-size: 40px!important;}</style><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">').appendTo('head');
                $(`
                <div id="app">
                    <span class="hideRules" style="position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:60px;cursor:pointer;">×</span>
                    <div class="rulesLeft">
                        <el-input
                            placeholder="输入关键字检索规则"
                            v-model="filterText">
                        </el-input>
                        <hr style="border-top:3px double #ccc;">
                        <el-tree
                            class="filter-tree"
                            node-key="id"
                            :data="data2"
                            :props="defaultProps"
                            accordion
                            :filter-node-method="filterNode"
                            highlight-current
                            @node-click="clickTree"
                            ref="tree2">
                        </el-tree>
                        <hr style="border-top:3px double #ccc;">
                        <el-button type="success" @click="clickAddRuleName" icon="el-icon-document">更新日志</el-button>
                        <div v-if="root">
                            <hr style="border-top:3px double #ccc;">
                            <el-input v-model="ruleNameInput" placeholder="请输入名称"></el-input>
                            <el-button type="primary" @click="clickChangeRuleName" icon="el-icon-edit">修改名称</i></el-button>
                            <hr style="border-top:3px double #ccc;">
                            <el-input v-model="sonNameInput" placeholder="请输入子类名称"></el-input>
                            <el-button type="success" @click="clickAddRuleName" icon="el-icon-circle-plus-outline">添加子类</el-button>
                            <hr style="border-top:3px double #ccc;">
                            <el-button type="danger" @click="clickDelRuleName" icon="el-icon-delete" disabled>删除条目</el-button>
                            <hr style="border-top:3px double #ccc;">
                            <el-button type="success" @click="clickAddRuleName" icon="el-icon-circle-plus-outline">提交本次修改</el-button>
                            <el-input
                                type="textarea"
                                autosize
                                placeholder="请输入本次修改备注"
                                v-model="updataText">
                            </el-input>
                        </div>
                    </div>
                    <div class="rulesRight">
                        <el-breadcrumb separator-class="el-icon-arrow-right">
                            <el-breadcrumb-item v-for="(item, index) in nameArr" :key="index">{{item}}</el-breadcrumb-item>
                        </el-breadcrumb>
                        <hr style="border-top:3px double #ccc;">
                        <h1>场景描述:</h1>
                        <hr style="border-top:3px double #ccc;">
                        <el-input
                            v-model="nowRule.des">
                        </el-input>
                        <hr style="border-top:3px double #ccc;">
                        <h1>处罚措施:</h1>
                        <hr style="border-top:3px double #ccc;">
                        <el-input
                            v-model="nowRule.do">
                        </el-input>
                        <hr style="border-top:3px double #ccc;">
                        <h1>示例图片:</h1>
                        <hr style="border-top:3px double #ccc;">
                        <div style="height: 666px;display:flex;">
                            <img style="height: 333px;" v-for="(item, index) in nowRule.pic" :src="item" :key="index">
                        <div>
                    </div>
                </div>
                <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
                <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
                <script src="https://unpkg.com/element-ui/lib/index.js"></script>
                <script>
                    $.ajax({
                        url: 'http://39.96.73.206/rules',
                        success (data) {
                            window.rules = JSON.parse(data)
                        }
                    })
                    const VueChecker = setInterval(() => {
                        if (window.Vue && window.ELEMENT) {
                            new window.Vue({
                                el: '#app',
                                data: {
                                    name: '${name}',
                                    root: ${root},
                                    nowRule: {},
                                    nameArr: [],
                                    filterText: '',
                                    ruleNameInput: '',
                                    ruleNameId: '',
                                    sonNameInput: '',
                                    updataText: '',
                                    data2: window.rules,
                                    defaultProps: {
                                        children: 'children',
                                        label: 'label'
                                    }
                                },
                                watch: {
                                    filterText(val) {
                                        this.$refs.tree2.filter(val);
                                    }
                                },
                                methods: {
                                    filterNode(value, data) {
                                        if (!value) return true;
                                        return data.label.indexOf(value) !== -1;
                                    },
                                    filterTree () {
                                        let temp = window.rules;
                                        this.ruleNameId.split('-').forEach((e, i, arr) => {
                                            if (temp.children) {
                                                temp = temp.children[e]
                                            } else {
                                                temp = temp[e]
                                            }
                                        })
                                        return temp

                                    },
                                    clickTree (obj, node, tree, e) {
                                        this.ruleNameInput = obj.label
                                        this.ruleNameId = obj.id
                                        this.nowRule = obj
                                        let nameArr = []
                                        let temp = window.rules;
                                        this.$refs.tree2.getCurrentKey().split('-').forEach((e, i, arr) => {
                                            if (temp.children) {
                                                temp = temp.children[e]
                                            } else {
                                                temp = temp[e]
                                            }
                                            nameArr.push(temp.label)
                                        })
                                        this.nameArr = nameArr
console.log(this.$refs.tree2.getCurrentKey())
                                    },
                                    clickChangeRuleName () {
                                        let temp = this.filterTree()
                                        temp.label = this.ruleNameInput
                                    },
                                    clickAddRuleName () {
                                        if (this.sonNameInput.trim()) {
                                            if (this.ruleNameId) {
                                                let temp = this.filterTree()
                                                if (temp.children) {
                                                    this.$refs.tree2.updateKeyChildren(this.$refs.tree2.getCurrentKey(), [...temp.children, { id: this.ruleNameId + '-' + temp.children.length + '', label: this.sonNameInput }])
                                                } else {
                                                    this.$refs.tree2.updateKeyChildren(this.$refs.tree2.getCurrentKey(), [{  id: this.ruleNameId + '-0', label: this.sonNameInput }])
                                                }
                                                this.sonNameInput = ''
                                            } else {
                                                window.rules.push({ id: window.rules.length + '', label: this.sonNameInput })
                                                this.sonNameInput = ''
                                            }
                                        } else {
                                            alert('请输入要添加的子类的名称')
                                        }
                                    },
                                    clickDelRuleName () {
                                        if (this.ruleNameId) {
                                            if (window.confirm("确定要删除这个规则嘛?删除后不可恢复哦!")) {
                                                if (this.ruleNameId.split('-').length === 1) {
                                                    window.rules.splice(+this.ruleNameId.split('-')[0], 1)
                                                } else {
                                                    let temp = window.rules;
                                                    let arr = this.ruleNameId.split('-')
                                                    let index = arr.pop()
                                                    arr.forEach((e, i, arr) => {
                                                        if (temp.children) {
                                                            temp = temp.children[e]
                                                        } else {
                                                            temp = temp[e]
                                                        }
                                                    })
                                                    temp.children.splice(index, 1)
                                                }
                                                this.ruleNameId = ''
                                            }
                                        } else {
                                            alert('请选择要删除的规则')
                                        }
                                    }
                                }
							 })
                            clearInterval(VueChecker)
                        }
                    }, 12)
                </script>
            `).appendTo('body')
            $('.showRules').on('click',() => {
                $('#app').css('z-index', 1).on('click', (e) => {
                    if (e.target.className == 'hideRules') {
                        $('#app').css('z-index', -1)
                    }
                })
            })
        }
    }
})(window.parent.$);