☰

链家普租带看单生成2.43

普租房子查看页面，把信息加工出来

// ==UserScript==
// @name         链家普租带看单生成2.43
// @version      2.43
// @description  普租房子查看页面，把信息加工出来
// @author       链家员工
// @match        https://lease-pz.link.lianjia.com/rent/house/detail/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// @namespace https://greasyfork.org/users/1360117
// ==/UserScript==


(function () {
    'use strict';
    init()

//构建道具窗口
    function init() {
        const Panel_DIV = document.createElement('div');
        Panel_DIV.id = "Panel_DIV";
        Panel_DIV.className = "Panel_DIV";
        Panel_DIV.style.position = 'fixed';
        Panel_DIV.style.top = '36px';
        Panel_DIV.style.right = '65px';
        //Panel_DIV.style.transform = 'translateX(-50%)';
        Panel_DIV.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
        Panel_DIV.style.padding = '6px 10px'; // 修改内边距
        Panel_DIV.style.color = 'white';
        Panel_DIV.style.fontSize = '11px';
        Panel_DIV.style.textAlign = 'center';
        Panel_DIV.style.zIndex = '9999';
        Panel_DIV.style.width = '105px'; // 设置宽度
        //Panel_DIV.style.height = '250px'; // 设置高度

        Panel_DIV.innerHTML = '普租带看单生成';

// 创建一个确认按钮
        const buttonKaiGuan = document.createElement('button');
        buttonKaiGuan.style.display = 'block';
        buttonKaiGuan.style.margin = "auto";
        buttonKaiGuan.style.textAlign = 'center';
        buttonKaiGuan.style.backgroundColor = '';
        buttonKaiGuan.style.color = 'black';
        buttonKaiGuan.style.border = 'none';
        buttonKaiGuan.style.cursor = 'pointer';
        buttonKaiGuan.style.outline = 'none';
        buttonKaiGuan.innerHTML = '生成';
// 为按钮添加点击事件
        buttonKaiGuan.addEventListener('click', () => {
            //alert("点击了生成按钮")
            //调用函数生成带看单
            puzuDAIKAN();
        });

// 将div和按钮添加到body中
        Panel_DIV.appendChild(buttonKaiGuan);
// 设置焦点到确认按钮
        buttonKaiGuan.focus();
        document.body.appendChild(Panel_DIV);
    }

//预设各种变量
    //小区名称
    var xiaoquNAME = "啥小区啊"
    //居室
    var houseJUSHI = "啥居室啊"
    //面积
    var houseMIANJI = "面积多大啊"
    //朝向
    var houseCHAOXIANG = "啥朝向啊"
    //入住时间
    var ruzhuTIME = "啥入住时间啊"
    //租期要求
    var houseZUQI = "啥租期啊"
    //价格
    var housePRICE = "啥价格啊"
    //楼层
    var houseLOUCENG = "啥楼层啊"
    //房源编码
    var houseCODE = "-"

    //有没有维护人，维护人是否存在
    var weihuPEOPLE_exists = false
    //维护人
    var weihuPEOPLE = "维护人是谁啊"
    //维护人门店
    var weihuPEOPLE_mendian = "维护人哪个店的啊"

    //有没有钥匙人，钥匙人是否存在
    var yaoshiPEOPLE_exists = false
    //钥匙人
    var yaoshiPEOPLE = "钥匙人是谁啊"
    //钥匙人门店
    var yaoshiPEOPLE_mendian = "钥匙人哪个店的啊"

    //录入人
    var luruPEOPLE = "录入人是谁啊"
    //录入人门店
    var luruPEOPLE_mendian = "录入人哪个店的啊"

    //两个角色人信息
    var juesePEOPLE001 = "张三";
    var juesePEOPLE002 = "李四";
    var svgERWEI = document.createElement("svg")
    svgERWEI.innerHTML = '<svg id="svgERWEI" width="100" height="100" xmlns="http://www.w3.org/2000/svg"><!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --><g><title>background</title><rect fill="#0fffff" id="canvas_background" height="102" width="102" y="-1" x="-1"/><g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid"><rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/></g></g><g><title>Layer 1</title><text transform="rotate(-45 42.81383514404296,39.558170318603516) " opacity="0.75" xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="37" id="svg_1" y="52.232558" x="-1.372098" stroke-width="0" stroke="#000" fill="#000000">OMG</text><line stroke-linecap="undefined" stroke-linejoin="undefined" id="svg_15" y2="264" x2="-60.5" y1="239" x1="-60.5" fill-opacity="null" stroke-opacity="null" stroke-width="99" stroke="#000" fill="none"/><text opacity="0.75" transform="rotate(135 60.4881935119629,57.2325439453125) " xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="37" id="svg_16" y="69.906928" x="16.302272" stroke-width="0" stroke="#000" fill="#000000">OMG</text></g></svg>'
    var hoseERWEI_new = document.createElement("svg")


//单击"生成"按钮触发这个函数
    function puzuDAIKAN() {
        //获取各种参数
        //小区名称
        xiaoquNAME = document.querySelector("#leaseroot span.title").innerHTML.split("<")[0]
        //居室
        houseJUSHI = document.querySelector("#leaseroot  div.img-ImgDesc > div.right > div > div.inner.inner-desc-center>div:nth-child(1)>div:nth-child(2)").textContent
        //面积
        houseMIANJI = document.querySelector("#leaseroot  div.img-ImgDesc > div.right > div > div.inner.inner-desc-center>div:nth-child(2)>div:nth-child(2)").innerHTML.split(" ")[0]
        //朝向
        houseCHAOXIANG = document.querySelector("#leaseroot  div.img-ImgDesc > div.right > div > div.inner.inner-desc-center>div:nth-child(3)>div:nth-child(2)").textContent
        //入住时间
        ruzhuTIME = document.querySelector("#leaseroot  div.img-ImgDesc > div.right > div > div.inner-form-bottom > div > div:nth-child(5)").innerHTML.split("</span>")[1]
        //租期要求
        houseZUQI = "|" + document.querySelector("#leaseroot  div.img-ImgDesc > div.right > div > div.inner-form-bottom > div > div:nth-child(7)").innerHTML.split("</span>")[1]
        //如果租期要求为空
        if (houseZUQI === "-") {
            houseZUQI = "";
        }
        //获取楼层
        if (document.querySelector("#leaseroot div.page-header-part > div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.key").textContent === "楼层") {
            if (document.querySelector("#leaseroot  div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.value.floor > span > span.floor-number") !== null) {
                houseLOUCENG = "|" + document.querySelector("#leaseroot  div.page-header-part > div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.value.floor > span").textContent
            } else {
                console.log("楼层129验证不通过，无法点击楼层")
            }
        } else {
            console.log("楼层132验证不通过，无法点击楼层")
        }
        //价格
        housePRICE = document.querySelector("#leaseroot div.price").textContent
        //房源编号
        houseCODE = document.querySelector("#leaseroot > div > div > div.ant-layout-content > div > div.house-detail-main > div.left-detail > div.header.flex.align-items > div > span").textContent.split("：")[1]

        //有没有维护人，维护人是否存在
        weihuPEOPLE_exists = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(2) > div >div").childElementCount === 2
        console.log("维护人存在？")
        if (weihuPEOPLE_exists) {
            //维护人
            weihuPEOPLE = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(2) > div> div > div.name").textContent
            console.log("维护人姓名：" + weihuPEOPLE)
            console.log(weihuPEOPLE.length)
            //维护人门店
            weihuPEOPLE_mendian = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(2) > div >div span.cct-ellipsis").textContent
        }

        //有没有钥匙人，钥匙人是否存在
        yaoshiPEOPLE_exists = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(3) > div >div").childElementCount === 2
        if (yaoshiPEOPLE_exists) {
            //钥匙人
            yaoshiPEOPLE = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(3) > div > div > div.name").textContent
            //钥匙人门店
            yaoshiPEOPLE_mendian = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(3) > div >div span.cct-ellipsis").textContent
        }

        //录入人
        luruPEOPLE = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(1) > div> div > div.name").textContent
        //录入人门店
        luruPEOPLE_mendian = document.querySelector("#leaseroot div.ant-collapse-content.ant-collapse-content-active > div > div > div:nth-child(1) > div >div span.cct-ellipsis").textContent

        //处理角色人信息
        //如果维护人健在
        console.log("维护人在吗？")
        console.log(weihuPEOPLE_exists)
        if (weihuPEOPLE_exists) {
            // // console.log("维护人:" + weihuPEOPLE + "(" + weihuPEOPLE_mendian + ")")
            juesePEOPLE001 = "维护人:" + weihuPEOPLE;
            // juesePEOPLE001 = "维护人:" + weihuPEOPLE + "(" + weihuPEOPLE_mendian + ")"
        }
        //如果钥匙人健在
        if (yaoshiPEOPLE_exists) {
            //如果角色人1没出现
            if (juesePEOPLE001.length === 2) {
                juesePEOPLE001 = "--钥匙人:" + yaoshiPEOPLE;
                // juesePEOPLE001 = "--钥匙人:" + yaoshiPEOPLE + "(" + weihuPEOPLE_mendian + ")"
                //如果角色人2没出现
            } else if (juesePEOPLE002.length === 2) {
                juesePEOPLE002 = "--钥匙人:" + yaoshiPEOPLE;
                // juesePEOPLE002 = "--钥匙人:" + yaoshiPEOPLE + "(" + weihuPEOPLE_mendian + ")"
            }
        }
        //如果角色人1没出现
        if (juesePEOPLE001.length === 2) {
            juesePEOPLE001 = "录入人:" + luruPEOPLE;
            // juesePEOPLE001 = "录入人:" + luruPEOPLE + "(" + luruPEOPLE_mendian + ")"
            //如果角色人2没出现
        } else if (juesePEOPLE002.length === 2) {
            juesePEOPLE002 = "录入人:" + luruPEOPLE;
            // juesePEOPLE002 = "录入人:" + luruPEOPLE + "(" + luruPEOPLE_mendian + ")"
        }
        //如果角色人1没出现
        if (juesePEOPLE001.length === 2) {
            juesePEOPLE001 = "---"
            //如果角色人2没出现
        }
        if (juesePEOPLE002.length === 2) {
            juesePEOPLE002 = "---"
        }

        //加入特制的普租style
        document.querySelector("style").innerHTML += ".DaikanDIV {display: inline-block;background-color: #fff;padding: 10px;border: 2px solid #171717;height: 202px;position: fixed;top: 25%;left: 50%;transform: translateX(-50%);z-index: 99;/*overflow: hidden;*/}.DaiKanDan {width: 866px;height: 140px;/* background-color: #d01c1c; padding-top: 6px;*/padding-left: 13px;padding-right: 6px;display: flex;border-bottom: #eee 2px solid;}div.fengMian {width: 135px;}ul.infoUL {/*background-color: aqua;*/color: #1d1d1d;height: 136px;width: 555px;display: inline-block;padding-top: 0;padding-left: 12px;margin-top: 0;list-style: none;font-size: 18px;}ul.infoUL > li:nth-child(1) {color: #000;font-size: 25px;font-weight: 800;}ul.infoUL > li:nth-child(2) {margin-top: 0;position: relative;left: -2px;}ul.infoUL > li:nth-child(2) > span {padding: 0 2px;}ul.infoUL > li:nth-child(3) {padding-top: 0;}ul.infoUL > li:nth-child(4) {padding-top: 0;}ul.infoUL > li:nth-child(5) {padding-top: 5px;}ul.infoUL > li > div {/*background-color: yellow;*/display: inline-block;position: relative;/*left: 20px;*//*width: 3000px;*/}ul.infoUL > li > div > input {position: absolute;width: 206px;left: 7px;transform: translateY(-75%);border: none;/*background-color: yellow;*/}ul.infoUL > li:nth-child(1) > div > input {font-size: 24px;font-style: italic;font-weight: 500;/*background-color: yellow;*/}ul.infoUL > li:nth-child(2) > div > input {font-size: 18px;color: blue;left: -3px;}ul.infoUL > li:nth-child(3) > div > input {font-size: 18px;color: crimson;}ul.infoUL > li:nth-child(4) > div > input {font-size: 18px;color: #cdcd00;}ul.price {list-style: none;position: relative;top: -5px;color: red;line-height: 35px;}ul > li.price {font-size: 26px;font-weight: 800;}ul > li.erWM {position: relative;left: 1px;}ul > li.erWM > svg {position: relative;left: 52px;}div.okk {/*margin: auto;*/position: relative;}div.okk > button#closeInfo {font-size: 22px;width: 20%;height: 40px;position: absolute;right: -10px;bottom: -40px;/*transform: translateX(50%);*/}#houseBIANMA {position: relative;top: -19px;left: 26px;color: #000;font-size: 16px;}    "
        //加入新的body
        document.body.innerHTML += "<div class=\"DaikanDIV\">"+
            "<div style=\"background: rgba( 255, 255, 255, 0.25 );backdrop-filter: blur( 1px );-webkit-backdrop-filter: blur( 1.5px );position: fixed;top: -200px;left: -200px;height: 9999px;width: 1272px;z-index: -1;\"></div>"+
            "<hr style=\"margin-bottom: 0;\"><div class=\"DaiKanDan\"><div class=\"fengMian\"><img width=\"100%\"src=\"https://vrlab-image4.ljcdn.com/release/auto3dhd/2547e39f88748e547992a88959c6cd33/screenshot/1693644757_0/pc1_mKj3kwxf4.jpg?imageMogr2/quality/70\"alt=\"\"></div><div>" +
            "<ul class=\"infoUL\"><li>" + xiaoquNAME + "<div><input type=\"text\"></div></li><li><span>" + houseJUSHI + "</span>|<span>" + houseMIANJI + "㎡</span>|<span>" + houseCHAOXIANG + "</span>|<span>" + ruzhuTIME + "" + houseZUQI + "" + houseLOUCENG + "</span> <div><input type=\"text\"></div></li><li>" + juesePEOPLE001 + "<div><input type=\"text\"></div></li><li>" + juesePEOPLE002 + "<div><input type=\"text\"></div></li></ul></div>" +
            "<ul class=\"price\"><li class=\"price\">" + housePRICE + "元/月</li><li class=\"erWM\">" +
            "<svg id=\"svgERWEI\" width=\"80\" height=\"80\"  viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --><g><title>background</title><rect fill=\"#0fffff\" id=\"canvas_background\" height=\"102\" width=\"102\" y=\"-1\" x=\"-1\"/><g display=\"none\" overflow=\"visible\" y=\"0\" x=\"0\" height=\"100%\" width=\"100%\" id=\"canvasGrid\"><rect fill=\"url(#gridpattern)\" stroke-width=\"0\" y=\"0\" x=\"0\" height=\"100%\" width=\"100%\"/></g></g><g><title>Layer 1</title><text transform=\"rotate(-45 42.81383514404296,39.558170318603516) \" opacity=\"0.75\" xml:space=\"preserve\" text-anchor=\"start\" font-family=\"Helvetica, Arial, sans-serif\" font-size=\"37\" id=\"svg_1\" y=\"52.232558\" x=\"-1.372098\" stroke-width=\"0\" stroke=\"#000\" fill=\"#000000\">OMG</text><line stroke-linecap=\"undefined\" stroke-linejoin=\"undefined\" id=\"svg_15\" y2=\"264\" x2=\"-60.5\" y1=\"239\" x1=\"-60.5\" fill-opacity=\"null\" stroke-opacity=\"null\" stroke-width=\"99\" stroke=\"#000\" fill=\"none\"/><text opacity=\"0.75\" transform=\"rotate(135 60.4881935119629,57.2325439453125) \" xml:space=\"preserve\" text-anchor=\"start\" font-family=\"Helvetica, Arial, sans-serif\" font-size=\"37\" id=\"svg_16\" y=\"69.906928\" x=\"16.302272\" stroke-width=\"0\" stroke=\"#000\" fill=\"#000000\">OMG</text></g></svg>" +
            "</li><div id=\"houseBIANMA\">" + houseCODE + "</div><hr style=\"position: absolute;bottom: -3px;right: -22px;\"></ul></div><div class=\"okk\"><button id=\"closeInfo\" class=\"closeInfo\" onclick=\"location.reload();for (let i = 0; i < document.getElementsByClassName('DaikanDIV').length + 1; i++) {document.getElementsByClassName('DaikanDIV')[0].remove();/*location.reload();*/}\">OK</button></div></div>"


        //找到封面图片src
        var fengmianSRC = document.querySelector("#leaseroot div.img-ImgDesc > div.left.pr > div > div.img-content-wrap > div.img-content > img:nth-child(1)").src
        //创建img元素
        const fengmian_DIV = document.createElement('img');
        document.querySelector("div.fengMian > img").src = fengmianSRC;

        //把房源二维码贴上去
        document.querySelector("#svgERWEI").innerHTML = "";
        // document.querySelector("#svgERWEI").append(document.querySelector("body > div:nth-child(10) > div > div > div > div.ant-popover-inner > div > div > svg"))
        document.querySelector("#svgERWEI").append(hoseERWEI_new)

        //删除工具窗口
        //document.getElementsByClassName("Panel_DIV")[0].remove()
        init()

    }


//寻找房子二维码
    var hoseERWEI = false;
    setTimeout(findERWEI, 900);

    function findERWEI() {
        console.log("寻找房源二维码函数启动")
        if (document.querySelector("#leaseroot div.page-header-part > div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.key").textContent === "楼层") {
            if (document.querySelector("#leaseroot div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.value.floor > span > span") !== null) {
                //获取楼层
                document.querySelector("#leaseroot div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.value.floor > span > span").click()
            } else {
                console.log("楼层238验证不通过，无法点击楼层")
            }
            /*if (document.querySelector("#leaseroot div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.value.floor > span > span.S-txt-theme.cursorP") !== null) {
                //获取楼层
                document.querySelector("#leaseroot div.img-ImgDesc > div.right > div > div.inner.inner-desc-center > div.col.col-4 > div.value.floor > span > span.S-txt-theme.cursorP").click()
            } else {
                console.log("楼层238验证不通过，无法点击楼层")
            }*/
        } else {
            console.log("楼层240验证不通过，无法点击楼层")
        }
        //点击暴露二维码
        document.querySelector("#leaseroot > div > div > div.ant-layout-content > div > div.house-detail-main > div.left-detail > div.header.flex.align-items > div > div").click()
        //房源二维码出现了没有
        if (document.querySelector("div.ant-popover-inner-content>svg") != null) {
        //if (document.querySelector("body > div:nth-child(10) > div > div > div > div.ant-popover-inner > div > div > svg") != null) {
            hoseERWEI = true
            hoseERWEI_new = document.querySelector("div.ant-popover-inner-content>svg")
            //再次点击，关闭二维码
            document.querySelector("#leaseroot > div > div > div.ant-layout-content > div > div.house-detail-main > div.left-detail > div.header.flex.align-items > div > div").click()
            document.querySelector("#leaseroot > div > div > div.ant-layout-content > div > div.house-detail-main > div.left-detail > div.header.flex.align-items > div > div").click()
        }else{
              console.log("二维码不在271")
        }
        if (!hoseERWEI) {
            setTimeout(findERWEI, 2000)
        } else {
            console.log("找到了！！")
            document.querySelector("#Panel_DIV > button").style.backgroundColor="#ff0"
            console.log(document.querySelector("div.ant-popover-inner-content>svg"))
        }
    }


})();