Greasy Fork is available in English.

嘉立创购物车辅助工具

嘉立创购物车辅助增强工具 包含:手动领券、自动领券、小窗显示优惠券领取状态、一键分享BOM、一键锁定/释放商品、一键换仓、一键选仓、搜索页优惠券新老用户高亮。

// ==UserScript==
// @name         嘉立创购物车辅助工具
// @namespace    http://tampermonkey.net/
// @version      1.8.18
// @description  嘉立创购物车辅助增强工具 包含:手动领券、自动领券、小窗显示优惠券领取状态、一键分享BOM、一键锁定/释放商品、一键换仓、一键选仓、搜索页优惠券新老用户高亮。
// @author       Lx
// @match        https://cart.szlcsc.com/cart/display.html**
// @match        https://so.szlcsc.com/global.html**
// @match        https://bom.szlcsc.com/member/eda/search.html?**
// @match        https://www.szlcsc.com/huodong.html?**
// @match        https://list.szlcsc.com/brand**
// @match        https://list.szlcsc.com/catalog**
// @icon         https://www.google.com/s2/favicons?sz=64&domain=szlcsc.com
// @require      https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js
// @require      https://update.greasyfork.org/scripts/455576/1122361/Qmsg.js
// @resource customCSS https://gitee.com/snwjas/message.js/raw/master/dist/message.min.css
// @grant        GM_openInTab
// @grant        GM_xmlhttpRequest
// @grant        GM_setClipboard
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @license      MIT
// ==/UserScript==

(async function () {
    'use strict';

    // 引入message的css文件并加入html中
    const css = GM_getResourceText("customCSS")
    GM_addStyle(css)

    /**
     * rgb颜色随机
     * @returns
     */
    const rgb = () => {
        var r = Math.floor(Math.random() * 256)
        var g = Math.floor(Math.random() * 256)
        var b = Math.floor(Math.random() * 256)
        var rgb = 'rgb(' + r + ',' + g + ',' + b + ')';
        return rgb;
    }

    /**
     * rgba颜色随机
     * @param {*} a
     * @returns
     */
    const rgba = (a = 1) => {
        var r = Math.floor(Math.random() * 256)
        var g = Math.floor(Math.random() * 256)
        var b = Math.floor(Math.random() * 256)
        var rgb = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
        return rgb;
    }

    /**
     * 深色 随机色
     * @returns 
     */
    const srdmRgbColor = () => {
        //随机生成RGB颜色
        let arr = [];
        for (var i = 0; i < 3; i++) {
            // 暖色
            arr.push(Math.floor(Math.random() * 128 + 64));
            // 亮色
            // arr.push(Math.floor(Math.random() * 128 + 128));
        }
        let [r, g, b] = arr;
        // rgb颜色
        // var color=`rgb(${r},${g},${b})`;
        // 16进制颜色
        var color = `#${r.toString(16).length > 1 ? r.toString(16) : '0' + r.toString(16)}${g.toString(16).length > 1 ? g.toString(16) : '0' + g.toString(16)}${b.toString(16).length > 1 ? b.toString(16) : '0' + b.toString(16)}`;
        return color;
    }

    /**
     * 十六进制颜色随机
     * @returns
     */
    const color16 = () => {
        var r = Math.floor(Math.random() * 256)
        var g = Math.floor(Math.random() * 256)
        var b = Math.floor(Math.random() * 256)
        var color = '#' + r.toString(16) + g.toString(16) + b.toString(16)
        return color;
    }

    /**
     * 正则获取品牌名称,需要传入xxxx(品牌名称) 这样的字符
     * @param {*} text
     * @returns
     */
    const getBrandNameByRegex = (text) => {
        let res = text
        try {
            res = /\(.+\)/g.exec(text)[0].replace(/\((.*?)\)/, '$1')
        } catch (e) {

        }
        return res
    }

    /**
     * 等待
     * @param {*} timeout 
     * @returns 
     */
    const setAwait = (timeout) => {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve(true)
            }, timeout);
        })
    }

    /**
     * 等待 执行函数
     * @param {*} timeout 
     * @returns 
     */
    const setAwaitFunc = (timeout, func) => {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                func && func()
            }, timeout);
        })
    }

    /**
     * 获取本地缓存
     * @param {*} key
     */
    const getLocalData = (k) => {
        return localStorage.getItem(k)
    }

    /**
     * 设置本地缓存
     * @param {*} key
     */
    const setLocalData = (k, v) => {
        localStorage.setItem(k, v)
    }


    // 后续支持强排序按钮

    // 商品清单集合暂存
    const dataCartMp = new Map()
    // 品牌对应颜色,用于快速查找位置。
    const dataBrandColorMp = new Map()
    // 优惠券页面,数据暂存。只保存16-15的优惠券
    const all16_15CouponMp = new Map()
    // 自动领券的定时器
    let couponTimer = null

    // 消息弹框全局参数配置
    Qmsg.config({
        showClose: true,
        timeout: 2800,
        maxNums: 50
    })

    /**
     * 根据value排序Map
     * @param {*} map
     * @returns
     */
    const sortMapByValue = (map) => {
        var arrayObj = Array.from(map)
        //按照value值降序排序
        arrayObj.sort(function (a, b) { return a[1] - b[1] })
        return arrayObj
    }


    /**
     * GET请求封装
     * @param {} data
     */
    const getAjax = (url) => {
        return new Promise((resolve, reject) => {
            GM_xmlhttpRequest({
                url,
                method: 'GET',
                onload: (r) => {
                    resolve(r.response)
                },
                onerror: (err) => {
                    reject(err)
                }
            })
        })
    }

    /**
     * POST请求封装
     * @param {} data
     */
    const postAjaxJSON = (url, data) => {
        return new Promise((resolve, reject) => {
            GM_xmlhttpRequest({
                url,
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                data,
                onload: (r) => {
                    resolve(r.response)
                },
                onerror: (err) => {
                    reject(err)
                }
            })
        })
    }

    function jsonToUrlParam(json, ignoreFields = '') {
        return Object.keys(json)
            .filter(key => ignoreFields.indexOf(key) === -1)
            .map(key => key + '=' + json[key]).join('&');
    }

    /**
     * POST请求封装
     * @param {} data
     */
    const postFormAjax = (url, jsonData) => {
        return new Promise((resolve, reject) => {
            GM_xmlhttpRequest({
                url,
                data: jsonToUrlParam(jsonData),
                method: 'POST',
                headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8' },
                onload: (r) => {
                    resolve(r.response)
                },
                onerror: (err) => { reject(err) }
            })
        })
    }

    /**
     * 订购数量发生变化的时候
     */
    const onChangeCountHandler = () => {
        // 订购数量
        $('.product-item .cart-li input.input').on('change', () => {
            setTimeout(refresh, 1000);
        })
        // 加减数量
        $('.decrease,.increase').on('click', () => {
            setTimeout(refresh, 1000);
        })
    }

    /**
     * 换仓按钮事件
     * 一键换仓专用
     * 
      换仓逻辑
        https://cart.szlcsc.com/cart/warehouse/deliverynum/update

         cartKey规则:
        标签id product-item-186525218
        商品的跳转地址(商品id)20430799

        cartKey: 186525218~0~20430799~RMB~CN
        gdDeliveryNum: 0
        jsDeliveryNum: 1
     */
    const onClickChangeDepotBtnHandler = () => {

        /**
         * 
         * @param {*} this 标签
         * @param {*} warehouseType 仓库类型    GUANG_DONG:广东,JIANG_SU
         * @returns 
         */

        // 换仓封装
        const _changeDepot = (that, warehouseType) => {

            return new Promise((resolve, reject) => {

                // 是否锁定样品
                let isLocked = (that.find('.warehouse-wrap .warehouse:contains(广东仓)').length +
                    that.find('.warehouse-wrap .warehouse:contains(江苏仓)').length) == 0

                // 查找商品的属性
                let infoElement = that.find('.cart-li:eq(1) a')

                if (isLocked === true) {
                    Qmsg.error(`物料编号:${infoElement.text()},处于锁定样品状态,无法换仓`)
                    console.error(`物料编号:${infoElement.text()},处于锁定样品状态,无法换仓`)
                    return
                }

                // 订购数量
                let count = that.find('.cart-li:eq(-4) input').val()

                // 物料ID1
                let productId1 = /\d+/g.exec(that.attr('id'))[0]

                // 物料ID2
                let productId2 = /\d+/g.exec(infoElement.attr('href'))[0]

                // 取最低起订量
                let sinpleCount = /\d+/g.exec(that.find('.price-area:eq(0)').text())[0]

                // 订购套数
                let batchCount = count / sinpleCount

                // 修改库存的参数体
                let params = ''

                // 当前是广东仓
                if (warehouseType == 'GUANG_DONG') {
                    params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${batchCount}&jsDeliveryNum=${0}`
                }
                // 其他情况当成是江苏仓
                else if (warehouseType == 'JIANG_SU') {
                    params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${0}&jsDeliveryNum=${batchCount}`
                }

                GM_xmlhttpRequest({
                    url: `${webSiteShareData.lcscCartUrl}/cart/warehouse/deliverynum/update`,
                    data: params,
                    method: 'POST',
                    headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8' },
                    onload: (r) => {
                        console.log(r.response)
                        resolve(r.response)
                    },
                    onerror: (err) => { reject(err) }
                })
            })
        }


        /**
         * 动态刷新页面,不强制刷新
         * !!!暂时不能用,需要考虑订货商品还是现货
         */
        // const _reload = async () => {

        //     // 购物车URL
        //     const cartDataUrl = `${webSiteShareData.lcscCartUrl}/cart/display?isInit=false&isOrderBack=${window.isOrderBack}&${Date.now()}`
        //     const res = await getAjax(cartDataUrl)
        //     const resObj = JSON.parse(res)

        //     // 合并订货和现货商品
        //     const newArr = [...resObj.result.shoppingCartVO.rmbCnShoppingCart.currentlyProductList,
        //     ...resObj.result.shoppingCartVO.rmbCnShoppingCart.isNeedProductList]

        //     // 遍历物料编号
        //     newArr.forEach(function (item) {

        //         const {
        //             jsDeliveryNum, // 江苏的订货量 
        //             gdDeliveryNum, // 广东的订货量 
        //             productCode,   // 物料编码
        //             isChecked,     // 是否选中
        //             jsValidStockNumber, // 江苏剩余库存
        //             szValidStockNumber, // 广东剩余库存
        //             jsDivideSplitDeliveryNum, // 江苏起订量的倍数
        //             gdDivideSplitDeliveryNum,  // 广东起订量的倍数
        //             shopCarMapKey              // 购物车主键
        //         } = item

        //         // 查找到这个物料编号所在的行
        //         const ele = getAllLineInfoByBrandName(productCode)

        //         // 计算出仓库名
        //         const depotName = jsDeliveryNum > 0 ? '江苏仓' : (gdDeliveryNum > 0 ? '广东仓' : '')

        //         const depotEle = ele.find('.warehouse-wrap .warehouse')

        //         const newDepotName = (depotEle.html() || '').replace('江苏仓', depotName).replace('广东仓', depotName)

        //         // 重新设置仓库名称
        //         depotEle.html(newDepotName)

        //     })
        // }

        // 换仓-江苏
        $('.change-depot-btn-left_').on('click', function () {

            let count = 0;
            const eles = getAllCheckedLineInfo()
            eles.each(async function () {
                count++
                await _changeDepot($(this), 'JIANG_SU').then(res => {
                    Qmsg.success('切换【江苏仓】成功!')
                })

                if (eles.length === count) {
                    //  setTimeout(_reload, 500);
                    setTimeout(function () {
                        location.reload()
                        // 官方刷新购物车
                        // cartModuleLoadCartList()
                    }, 2500);
                }
            })
        })

        // 换仓-广东
        $('.change-depot-btn-right_').on('click', function () {

            let count = 0;
            const eles = getAllCheckedLineInfo()
            eles.each(async function () {
                count++
                await _changeDepot($(this), 'GUANG_DONG').then(res => {
                    Qmsg.success('切换【广东仓】成功!')
                })

                if (eles.length === count) {
                    //  setTimeout(_reload, 500);
                    setTimeout(function () {
                        location.reload()
                        // 官方刷新购物车
                        // cartModuleLoadCartList()
                    }, 2500);
                }
            })
        })
    }

    /**
     * 选中仓库事件
     * 一键选仓专用
     * 废弃:由于模拟点击,会导致小窗口频繁刷新,影响性能。下面重新换接口
     */
    const _checkDepotBtnHandler = () => {

        const _clickFunc = (depotName, fn) => {
            const eles = fn()

            // 先看看有没有指定仓
            const jsIsEmpty = getJsLineInfo().length === 0
            const gdIsEmpty = getGdLineInfo().length === 0

            if (depotName === 'JIANG_SU' && jsIsEmpty) {
                Qmsg.error('购物车中并没有【江苏仓】的商品!')
                return

            } else if (depotName === 'GUANG_DONG' && gdIsEmpty) {
                Qmsg.error('购物车中并没有【广东仓】的商品!')
                return
            }

            // 是否有至少一个选中的
            const isHave = eles.parents('.product-item').find('input.check-box:checked').length > 0

            if (isHave) {
                eles.each(function () {
                    $(this).parents('.product-item').find('input.check-box:checked').click()
                })
            }
            // 都未选中,则执行仓库全选操作
            else {
                eles.each(function () {
                    $(this).parents('.product-item').find('input.check-box').click()
                })
            }
        }

        // 江苏仓
        $(".check-js-btn-left_").on('click', function () {
            _clickFunc('JIANG_SU', getJsLineInfo)
        })

        // 广东仓
        $(".check-gd-btn-right_").on('click', function () {
            _clickFunc('GUANG_DONG', getGdLineInfo)
        })
    }


    /**
     * 选中仓库事件
     * 一键选仓专用
     */
    const checkDepotBtnHandlerNew = () => {

        const _clickFunc = (depotName) => {
            // 广东仓选中
            const gdCheckedEles = getGdLineInfo()
            // 江苏仓选中
            const jsCheckedEles = getJsLineInfo()

            // 先看看有没有指定仓
            const jsIsEmpty = jsCheckedEles.length === 0
            const gdIsEmpty = gdCheckedEles.length === 0

            let isJs = depotName === 'JIANG_SU'
            let isGd = depotName === 'GUANG_DONG'

            if (isJs && jsIsEmpty) {
                Qmsg.error('购物车中并没有【江苏仓】的商品!')
                return

            } else if (isGd && gdIsEmpty) {
                Qmsg.error('购物车中并没有【广东仓】的商品!')
                return
            }

            // 这里只需要操作多选框的选中状态就行
            if (isJs) {
                const jsInputCheckBox = jsCheckedEles.parents('.product-item').find('input.check-box')
                const jsInputCheckBoxCK = jsInputCheckBox.parents('.product-item').find('input.check-box:checked')
                const isHave = jsInputCheckBoxCK.length > 0
                jsInputCheckBox.prop('checked', !isHave)

            } else if (isGd) {
                const gdInputCheckBox = gdCheckedEles.parents('.product-item').find('input.check-box')
                const gdInputCheckBoxCK = gdInputCheckBox.parents('.product-item').find('input.check-box:checked')
                const isHave = gdInputCheckBoxCK.length > 0
                gdInputCheckBox.prop('checked', !isHave)
            }

            cartUpdateChecked().then(res => {
                if (res === 'true') {
                    cartModuleLoadCartList()
                    setTimeout(refresh(), 1000);
                }
            })
        }

        // 江苏仓
        $(".check-js-btn-left_").on('click', function () {
            _clickFunc('JIANG_SU')
        })

        // 广东仓
        $(".check-gd-btn-right_").on('click', function () {
            _clickFunc('GUANG_DONG')
        })
    }


    /**
     * 自动领取优惠券的定时器
     */
    const autoGetCouponTimerHandler = () => {

        $('.auto-get-coupon').off('change')
        couponTimer = null
        // 自动领取优惠券开关
        $('.auto-get-coupon').on('change', function () {
            const isChecked = $(this).is(':checked')
            setLocalData('AUTO_GET_COUPON_BOOL', isChecked)
            autoGetCouponTimerHandler()
        })

        couponTimer = setInterval(() => {
            const isChecked = $('.auto-get-coupon').is(':checked')
            if (isChecked) {
                console.log(`自动领取优惠券,后台运行中...`)
                dataCartMp.keys().forEach(item => {
                    // 查找优惠券
                    const $couponEle = $(`.couponModal .coupon-item:contains(${item}):contains(立即抢券) div[data-id]`)

                    if ($couponEle.length === 0) {
                        return
                    }
                    //优惠券ID
                    const couponId = $couponEle.data('id')
                    // 优惠券名称
                    const couponName = $couponEle.data('name')

                    getAjax(`${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`).then(async res => {
                        res = JSON.parse(res)
                        if (res.result === 'success' || res.code == 200) {
                            let msg = `${couponName}券,自动领取成功`;
                            console.log(msg);
                            Qmsg.success({
                                content: msg,
                                timeout: 4000
                            })
                            await setTimeout(5000);
                            allRefresh()
                        } else {
                            console.error(`自动领取优惠券失败:${res.msg}`)
                        }
                    })
                })
            } else {
                clearInterval(couponTimer)
                couponTimer = null
            }
        }, 5000);
    }

    /**
     * 一键分享 已经勾选的列表
     */
    const shareHandler = () => {
        // 产出数据并放在剪贴板中
        const _makeDataAndSetClipboard = () => {
            const $checkedEles = getAllCheckedLineInfo()

            if ($checkedEles.length === 0) {
                Qmsg.error('购物车未勾选任何商品!')
                return
            }

            // 获取所有已经勾选的商品,也包含订货商品
            const shareText = [...$checkedEles].map(function (item) {
                const $this = $(item)
                // 是否是江苏仓,如果是多个仓的话,只取一个
                const isJsDepot = $this.find('.warehouse-wrap .warehouse').text().includes('江苏仓')
                // 该商品订购的总量
                const count = $this.find('.cart-li:eq(4) input').val()

                return $this.find('.cart-li:eq(1) a').text().trim() + '_' + (isJsDepot ? 'JS_' : 'GD_') + count
            }).join('~')

            // navigator.clipboard.writeText(shareText)
            GM_setClipboard(shareText, "text", () => Qmsg.success('购物车一键分享的内容,已设置到剪贴板中!'))
        }

        $('.share_').click(_makeDataAndSetClipboard)
    }


    /**
     * 一键解析
     */
    const shareParseHandler = () => {
        let _loading = null
        // 定义匿名函数
        const _shareParse = async () => {
            // 富文本框内容
            const text = $('.textarea').val().trim()

            if (text.length === 0) {
                Qmsg.error('解析失败,富文本内容为空!')
                return
            }

            _loading = Qmsg.loading("正在解析中...请耐心等待!")

            // 成功条数计数
            let parseTaskSuccessCount = 0
            // 失败条数计数
            let parseTaskErrorCount = 0
            // 总条数
            let parseTaskTotalCount = 0
            // 首次处理出来的数组
            const firstparseArr = text.split('~')

            parseTaskTotalCount = firstparseArr.length || 0

            for (let item of firstparseArr) {
                // 二次处理出来的数组
                const secondParseArr = item.split('_')

                // 物料编号
                const productNo = secondParseArr[0].trim().replace('\n', '')
                // 仓库编码
                const depotCode = secondParseArr[1].trim().replace('\n', '')
                // 数量
                const count = secondParseArr[2].trim().replace('\n', '')

                if (productNo === undefined || count === undefined) {
                    Qmsg.error('解析失败,文本解析异常!')
                    _loading.close()
                    return
                }

                // 添加购物车
                await postFormAjax(`${webSiteShareData.lcscCartUrl}/cart/quick`, { productCode: productNo, productNumber: count }).then(res => {

                    res = JSON.parse(res)
                    if (res.code === 200) {
                        Qmsg.info(`正在疯狂解析中... 共:${parseTaskTotalCount}条,成功:${++parseTaskSuccessCount}条,失败:${parseTaskErrorCount}条。`);
                    } else {
                        Qmsg.error(`正在疯狂解析中... 共:${parseTaskTotalCount}条,成功:${parseTaskSuccessCount}条,失败:${++parseTaskErrorCount}条。`);
                    }
                })
            }

            Qmsg.success(`解析完成!共:${parseTaskTotalCount}条,成功:${parseTaskSuccessCount}条,失败:${parseTaskErrorCount}条。已自动加入购物车`)

            _loading.close()

            // 刷新购物车页面
            cartModuleLoadCartList()
            setTimeout(allRefresh, 100);
        }

        $('.share-parse').click(_shareParse)
    }

    /**
     * 一键锁定、释放商品
     */
    const lockProductHandler = () => {
        $(`.lock-product`).click(async function () {
            const $eles = getHavedCheckedLineInfo()

            if ($eles.has(':contains("锁定样品")').length === 0) {
                Qmsg.error('没有要锁定的商品!')
                return;
            }

            for (const that of $eles) {
                // 购物车商品的ID
                if (!$(that).has(':contains("锁定样品")').length) {
                    continue;
                }
                const shoppingCartId = $(that).has(':contains("锁定样品")').attr('id').split('-')[2]
                // 接口限流延迟操作
                await postFormAjax(`${webSiteShareData.lcscCartUrl}/async/samplelock/locking`, { shoppingCartId }).then(res => {
                    res = JSON.parse(res)
                    if (res.code === 200) {
                        Qmsg.success(res.msg || res.result || '商品锁定成功!')
                    } else {
                        Qmsg.error(res.msg || res.result || '商品锁定失败!请稍后再试')
                    }
                })
            }

            // 刷新购物车页面
            setTimeout(() => {
                cartModuleLoadCartList();
                setTimeout(allRefresh, 800);
            }, 1000);

        })

        $(`.unlock-product`).click(async function () {

            const $eles = getHavedCheckedLineInfo()

            if ($eles.has(':contains("释放样品")').length === 0) {
                Qmsg.error('没有要锁定的商品!')
                return;
            }
            for (const that of $eles) {
                // 购物车商品的ID
                if (!$(that).has(':contains("释放样品")').length) {
                    continue;
                }
                const shoppingCartId = $(that).has(':contains("释放样品")').attr('id').split('-')[2]
                // 接口限流延迟操作
                await postFormAjax(`${webSiteShareData.lcscCartUrl}/async/samplelock/release/locking`, { shoppingCartId }).then(res => {
                    res = JSON.parse(res)
                    if (res.code === 200) {
                        Qmsg.success(res.msg || res.result || '商品释放成功!')
                    } else {
                        Qmsg.error(res.msg || res.result || '商品释放失败!请稍后再试')
                    }
                })
            }

            // 刷新购物车页面
            setTimeout(() => {
                cartModuleLoadCartList();
                setTimeout(allRefresh, 800);
            }, 1000);
        })
    }

    // 控制按钮的生成
    const buttonListFactory = () => {

        let isBool = getAllCheckedLineInfo().length > 0

        return `
            <div style="border: unset; position: relative; padding: 8px;">
            <div class='mb10 flex flex-sx-center'>
                <label style="font-size: 14px" class='ftw1000'>自动领取优惠券</label>
                <input style="margin: 0 8px;" type="checkbox" class="checkbox auto-get-coupon" ${getLocalData('AUTO_GET_COUPON_BOOL') === 'true' ? 'checked' : ''}/>
            </div>
             
            <div class='mb10 flex flex-sx-center'>
                <label style="font-size: 14px; width: 105px; z-index: 2;" class='ftw1000 box_'>一键选仓
                    <div class="circle_ tooltip_" data-msg='第一次点是选中,第二次点是取消选中' style="margin-left: 5px;">?</div>
                </label>
                    <button class='check-js-btn-left_ btn-left_' type='button'>江苏</button>
                    <button class='check-gd-btn-right_ btn-right_' type='button'>广东</button>
             </div>

             <div class='mb10 flex flex-sx-center'>
                <label style="font-size: 14px; width: 105px;  z-index: 2;" class='ftw1000 box_'>一键换仓
                    <div class="circle_ tooltip_" data-msg='只操作多选框选中的商品,包含订货商品' style="margin-left: 5px;">?</div>
                </label>
                    <button class='change-depot-btn-left_ btn-left_' type='button'  ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>江苏</button>
                    <button class='change-depot-btn-right_ btn-right_' type='button' ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>广东</button>
             </div>

             <div class='mb10 flex flex-sx-center'>
             <label style="font-size: 14px; width: 105px; z-index: 2;" class='ftw1000 box_'>一键锁仓
                 <div class="circle_ tooltip_" data-msg='只操作多选框选中的现货' style="margin-left: 5px;">?</div>
             </label>
                 <button class='lock-product btn-left_' type='button'>锁定</button>
                 <button class='unlock-product btn-right_' type='button'>释放</button>
          </div>
          

             <div class='flex flex-sx-center space-between'>
                <div class="flex flex-d-col">
                    <p class='ftw1000 box_ small_btn_ share_' style="margin-bottom: 10px;">一键分享</p>
                    <p class='ftw1000 box_ small_btn_ share-parse'>一键解析</p>
                </div>
                <div class="parse-text-box">
                    <textarea class='textarea' placeholder="请将他人分享的购物车文本,粘贴在此处,之后点击一键解析"></textarea>
                </div>
             </div>

             <!-- 查看平台优惠券列表 -->
             ${lookCouponListBtnFactory()}
        </div>
        `
    }

    /**
     * 手动刷新按钮
     * @returns 
     */
    const refreshBtnFactory = () => {
        const svg_ = `<svg t="1716342086339" style="position: absolute; top: 24px; left: 4px; cursor: pointer;" class="icon refresh_btn_" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2572" width="24" height="24"><path d="M981.314663 554.296783a681.276879 681.276879 0 0 1-46.986468 152.746388q-105.706098 230.734238-360.983096 242.19829a593.06288 593.06288 0 0 1-228.689008-33.853939v-1.022615l-31.808709 79.979258a55.759429 55.759429 0 0 1-20.506122 22.551352 40.043451 40.043451 0 0 1-21.04434 5.382184 51.076928 51.076928 0 0 1-19.483507-5.382184 95.210839 95.210839 0 0 1-13.347817-7.158305 52.314831 52.314831 0 0 1-5.382184-4.628679L71.671707 731.908862a57.427906 57.427906 0 0 1-7.158305-21.528737 46.932646 46.932646 0 0 1 1.022615-17.438277 35.952991 35.952991 0 0 1 7.158305-13.347816 74.435608 74.435608 0 0 1 10.279972-10.279972 60.495751 60.495751 0 0 1 11.248765-7.373593 50.431066 50.431066 0 0 1 8.18092-3.606063 6.189512 6.189512 0 0 0 3.067845-1.776121l281.003839-74.866183a91.497132 91.497132 0 0 1 35.899168-2.583448 122.337047 122.337047 0 0 1 22.174599 6.404799 21.528737 21.528737 0 0 1 12.325202 12.325202 76.157907 76.157907 0 0 1 4.628679 14.854829 47.63233 47.63233 0 0 1 0 14.370431 55.167388 55.167388 0 0 1-2.04523 10.764369 10.764368 10.764368 0 0 0-1.022615 3.606063l-32.831324 79.979258a677.50935 677.50935 0 0 0 164.264262 39.505232q77.395809 7.696523 131.809692-3.606063a358.507291 358.507291 0 0 0 101.023598-36.921784 381.27393 381.27393 0 0 0 73.951211-50.753997 352.64071 352.64071 0 0 0 48.708767-55.382676 410.391547 410.391547 0 0 0 26.910921-41.550462c3.767529-7.481236 6.673908-13.616926 8.719139-18.460892zM40.885614 449.667121a685.69027 685.69027 0 0 1 63.563595-176.427998q118.0313-212.273346 374.330913-207.160271a571.803252 571.803252 0 0 1 207.160271 39.989629l33.853939-78.956643A75.619688 75.619688 0 0 1 735.187378 9.189165a37.67529 37.67529 0 0 1 15.393047-8.234742 42.303968 42.303968 0 0 1 14.854829-0.538219 47.578509 47.578509 0 0 1 13.347817 3.606064 102.907362 102.907362 0 0 1 11.302586 6.13569 49.569917 49.569917 0 0 1 6.673909 4.628678l3.067845 3.067845 154.84544 276.913379a81.970666 81.970666 0 0 1 6.13569 22.712817 46.986468 46.986468 0 0 1-1.022615 17.438277 32.293105 32.293105 0 0 1-7.696523 13.347817 69.322533 69.322533 0 0 1-10.764369 9.741753 92.142994 92.142994 0 0 1-11.302587 6.673909l-8.18092 4.09046a7.104483 7.104483 0 0 1-3.067845 1.022615l-283.049068 67.546412a112.003254 112.003254 0 0 1-46.125319-1.022615c-11.571696-3.390776-19.160576-8.019454-22.551352-13.832214a41.173709 41.173709 0 0 1-5.382184-21.04434 97.256069 97.256069 0 0 1 1.291724-17.438277 24.381295 24.381295 0 0 1 3.067845-8.234742L600.632773 296.81309a663.730958 663.730958 0 0 0-164.102797-43.057474q-77.987849-9.203535-131.809692 0a348.227319 348.227319 0 0 0-101.292707 33.853938 368.571976 368.571976 0 0 0-75.350579 49.246986 383.31916 383.31916 0 0 0-50.269601 54.360061 408.507783 408.507783 0 0 0-28.740863 41.012244A113.025869 113.025869 0 0 0 40.885614 449.667121z m0 0" fill="#3498db" p-id="2573"></path></svg>`
        return svg_
    }

    /**
     * 手动刷新按钮 点击事件
     */
    const refreshBtnHandler = () => {
        $('.refresh_btn_').click(function () {
            cartModuleLoadCartList()
            allRefresh()
            Qmsg.success(`静默刷新购物车成功!`)
        })
    }


    /**
     * 显示隐藏 小窗的的按钮展示
     */
    const showOrHideButtonFactory = () => {

        $('.hideBtn,.showBtn').remove()

        return `
        <div class="hideBtn" ${getLocalData('SHOW_BOOL') === 'false' ? 'hide_' : ''}>
            收起助手 >
        </div>
        <div class="showBtn ${getLocalData('SHOW_BOOL') === 'true' ? 'hide_' : ''}" >
            < 展开助手
        </div>
        `
    }

    /**
     * 查询购物车中的品牌数量总和(多选框选中)
     */
    const brandCountFactory = () => {
        return `
        <p class='small-sign small-sign-pos'>
            ${dataCartMp.size}
        </p>
        `
    }

    /**
     * 计算总的金额
     */
    const totalMoneyFactory = () => {

        let t = 0

        if (dataCartMp.size > 0) {
            t = [...dataCartMp.values()].reduce((total, num) => total + num).toFixed(2)
        }

        return `
        <p class='total-money_'>
            ${t}
        </p>
        `
    }

    /**
     * 查询16-15优惠券列表
     */
    const lookCouponListBtnFactory = () => {
        return `
            <p class='look-coupon-btn'>
            优惠券专区
            </p>
            `
    }

    /**
     * 查看优惠券页面的扩展按钮,绑定事件
     */
    const lookCouponListExtendsBtnHandler = () => {

        // 查看已领取的优惠券
        $('.filter-haved').click(function () {
            $('.coupon-item:visible:not(:contains(立即使用))').hide()
        })

        // 过滤16-15的优惠券
        $('.filter-16-15').click(function () {
            $('.coupon-item:visible:not(:contains(满16可用))').hide()
        })

        // 过滤20-15的优惠券
        $('.filter-20-15').click(function () {
            $('.coupon-item:visible:not(:contains(满20可用))').hide()
        })

        // 过滤新人优惠券
        $('.filter-newone').click(function () {
            $('.coupon-item:visible:not(:contains(新人专享))').hide()
        })

        // 过滤非新人优惠券
        $('.filter-not-newone').click(function () {
            $('.coupon-item:visible:contains(新人专享)').hide()
        })


        // 手动刷新优惠券页面
        $('.refresh-coupon-page').click(function () {
            setTimeout(() => {
                Qmsg.info(`1秒后刷新优惠券页面...`)
                setTimeout(lookCouponListModal, 500);
            }, 500);

        })



        // 一键领取当前显示的所有优惠券
        $('.get-all').click(function () {
            const $couponEles = $('.coupon-item:visible div:contains(立即抢券)')

            let totalCount = 0,
                successCount = 0
            $couponEles.each(function () {

                //优惠券ID
                const couponId = $(this).data('id')

                // 优惠券名称
                const couponName = $(this).data('name')

                getAjax(`${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`).then(res => {
                    res = JSON.parse(res)
                    if (res.code === 200 && res.msg === '') {
                        successCount++
                        // console.log(`${couponName} 优惠券领取成功`)
                    } else {
                        // console.error(`${couponName} 优惠券领取失败,或者 已经没有可以领取的优惠券了!`)
                    }
                })

                totalCount++
            })

            if (successCount === 0) {
                Qmsg.error(`优惠券领取失败,或者已经没有可以领取的优惠券了!`)
            } else if ($couponEles.length === totalCount) {
                Qmsg.success(`优惠券领取成功!成功:${successCount}条,失败:${totalCount - successCount}条。`)
                setTimeout(() => {
                    Qmsg.info(`2秒后刷新优惠券页面...`)

                    // 由于调用接口领取,所以需要重新渲染优惠券页面
                    setTimeout(lookCouponListModal, 2000);
                }, 2000);
            }
        })

        // 过滤新人优惠券
        $('.filter-clear').click(function () {
            $('.coupon-item:hidden').show()
        })
    }

    /**
     * 查看优惠券列表的按钮
     */
    const lookCouponListHandler = () => {
        const _lookCouponClick = () => {
            if ($('#couponModal').is(':hidden')) {
                $('#couponModal').show()
            } else if ($('#couponModal').is(':visible')) {
                $('#couponModal').hide()
            }
        }
        $('.look-coupon-btn,.look-coupon-closebtn').click(_lookCouponClick)
    }

    /**
     * 优惠券模态框
     */
    const lookCouponListModal = async () => {

        let couponHTML = await getAjax(`${webSiteShareData.lcscWwwUrl}/huodong.html`)

        const $couponHTML = $(couponHTML)

        let $cssLink = [...$couponHTML].filter(item => item.localName == 'link' && item.href.includes('/public/css/page/activity/couponAllCoupons'))[0].outerHTML
        let $jsLink = [...$couponHTML].filter(item => item.localName == 'script' && item.src.includes('/public/js/chunk/page/activity/couponAllCoupons'))[0].outerHTML

        let $main_wraper = $couponHTML.find('.main_wraper')
        let $navigation = $couponHTML.find('.navigation')

        let ht = `
            <div class="all-coupon-page"></div>
                <div class="common-alert-success-tip-tmpl common-confirm-del">
                <div class="common-confirm-del-title">
                    <h3>成功提示</h3>
                    <a style="cursor: pointer;" class="common-confirm-del-close"></a>
                </div>
                <div class="common-confirm-del-content">
                    <p class="common-confirm-del-content-txt success">content</p>
                    <div class="common-confirm-del-btn">
                    <input type="button" class="common-confirm-a" value="确定">
                    </div>
                    <div class="common-confirm-del-icon-success"></div>
                </div>
                </div>
                <div class="mask">
            </div>`

        const $couponEle = $('.couponModal')
        $couponEle.empty()
        $couponEle.append(ht).append($cssLink).append($jsLink)

        $('.couponModal .all-coupon-page').append($main_wraper).append($navigation)

        couponGotoHandler()
    }


    /**
     * 获取勾选框选中的物料编号集合,波浪线分割
     */
    const myGetCK = () => {
        return [...getAllCheckedLineInfo().map(function () {
            return $(this).attr('id').split('-')[2]
        })].join('~')
    }


    /**
     * 更新购物车勾选
     */
    const cartUpdateChecked = () => {
        return new Promise((resolve, reject) => {
            try {
                postFormAjax(`${webSiteShareData.lcscCartUrl}/page/home/cart/update/checked`, { ck: (myGetCK() || 'false') }).then(res => {
                    res = JSON.parse(res)
                    if (res.code === 200 && res.msg === null) {
                        resolve('true')
                    } else {
                        resolve('true')
                    }
                })
            } catch (error) {
                console.error(error);
                reject('false')
            }
        })
    }

    /**
     * 根据品牌名称 查询是否多仓
     * @returns true多仓,false 非多仓
     */
    const juageMultiDepotByBrandName = (brandName) => {
        //这样是多仓 ['江苏', '广东', '']
        return new Set($(`.product-item:contains("${brandName}")`).find('.warehouse:contains("仓")').text().replace(/[^广东江苏仓]+/g, '').split('仓')).size === 3
    }

    /**
     * 追加的html
     * @returns
     */
    const htmlFactory = () => {

        let tempHtml = `
        ${$('.couponModal').length === 0 ? `
        <div id="couponModal" style="display: none;">
            <div class="extend-btn-group_">
                <p class="coupon-item-btn-text_ refresh-coupon-page">刷新领券页面</p>
                <p class="coupon-item-btn-text_ filter-clear">清空筛选</p>
                <p class="coupon-item-btn-text_ filter-haved">查看已领取</p>
                <p class="coupon-item-btn-text_ filter-16-15">筛选16-15</p>
                <p class="coupon-item-btn-text_ filter-20-15">筛选20-15</p>
                <p class="coupon-item-btn-text_ filter-newone">筛选新人券</p>
                <p class="coupon-item-btn-text_ filter-not-newone">筛选非新人券</p>

                <p class="coupon-item-btn-text_ get-all" style="height: auto;">一键领取</br>当前展示优惠券</p>
            </div>
            <!-- <p class="look-coupon-closebtn" style=''>X</p> -->
            <div class="couponModal">
                
            </div>
        </div>
        
        ` : ''}

        ${showOrHideButtonFactory()}
        <div class="bd ${getLocalData('SHOW_BOOL') === 'true' ? '' : 'hide_'}">
        ${buttonListFactory()}
        <ul>`

        const head = `
        <li class='li-cs' style="position: sticky; top: 0px; background-color: white; z-index: 2;">
        ${refreshBtnFactory()}
                <div>
                <!-- 勾选的品牌数量 -->
                    ${brandCountFactory()}

                    <!-- 计算所有的总金额 -->
                    ${totalMoneyFactory()}

                    <span style='font-weight: 1000; color: black;width: 165px; line-height: 24px;' class="flex flex-zy-center">品牌名称
                    </br>(现货)</span>
                    <span style='font-weight: 1000; color: black; width: 90px;line-height: 24px;' class="flex flex-zy-center">总金额</span>
                    <span style='font-weight: 1000; color: black; width: 80px;line-height: 24px;' class="flex flex-zy-center">差额</span>
                    <span style='font-weight: 1000; color: black; line-height: 24px;' class="flex flex-zy-center">优惠券</br>(16-15) </span>
                </div>
            </li>
        `

        tempHtml += head

        for (var [key, val] of sortMapByValue(dataCartMp)) {
            tempHtml += `
            <li class='li-cs click-hv ftw500'>
                <div>
                    <p class="small-sign ${juageMultiDepotByBrandName(key) ? 'multi_' : 'multi_default'} multi_pos_" style="font-size: 12px; line-height: 100%;">多仓库</p>
                    <span class='key sort_' style="width: 155px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">${key}</span>
                    <span class='val sort_' style="width: 90px;">${val}</span>
                    <span class='val sort_' style="width: 80px;">${(16 - val).toFixed(2)}</span>
                    ${couponHTMLFactory(key)}
                </div>
            </li>
            `
        }

        return tempHtml + '</ul></div>'
    }

    /**
     * 优惠券按钮的html生成
     * @param {*} brandName  品牌名称
     */
    const couponHTMLFactory = (brandName) => {

        // 优惠券实体
        const couponEntity = all16_15CouponMp.get(brandName)

        let buttonLine = ''

        if (!$.isEmptyObject(couponEntity)) {

            // 是否已经领取
            if (couponEntity.isHaved === true) {
                buttonLine = `<span class='val' style="text-align: center; ">
                    <span style="font-size: 12px;">已领取-${couponEntity.isNew === false ? '普通券' : '新人券'}</span>
                </span> `
            } else {
                buttonLine = `<span class='flex-sx-center flex-zy-center flex' style="padding: 0; width: 195px; text-align: center; ">
                    <button type="button" class="to_cou">${couponEntity.isNew === false ? '普通券' : '新人券'}</button>
                 </span> `
            }
        }

        return $.isEmptyObject(buttonLine) ? '<span></span>' : buttonLine
    }


    /**
     * 追加的css
     * @returns
     */
    const cssFactory = () => `
    <style id="myCss">

    #couponModal {
        height: 85vh;
        position: fixed;
        top: 40px;
        right: 440px;
        z-index: 100;
        overflow: auto;
        background-color: white;
        border: 3px solid #3498db;
        border-radius: 5px;
        padding: 5px 150px 0 10px;
        margin-left: 40px;
    }

    .look-coupon-closebtn {
        position: fixed;
        top: 20px;
        right: 210px;
        border: 2px solid #3498db !important;
        background-color: white;
        padding: 5px 20px;
        width: min-content !important;
        border-radius: 5px;
        zoom: 200%;
    }

    .bd {
        position: fixed;
        top: 40px;
        right: 33px;
        background-color: white;
        border: 2px solid #3498db;
        width: 380px;
        padding: 3px;
        border-radius: 5px;
        z-index: 99;
        overflow: auto;
    }
    
    .ftw400 {
        font-weight: 400;
    }
    
    .ftw500 {
        font-weight: 500;
    }
    
    .ftw1000 {
        font-weight: 1000;
    }
    
    .hideBtn,
    .showBtn {
        position: fixed;
        top: 20px;
        right: 10px;
        background-color: white;
        border: 2px solid #3498db;
        width: 85px;
        line-height: 30px;
        text-align: center;
        padding: 3px;
        font-weight: 800;
        border-radius: 5px;
        z-index: 1501;
        font-size: 16px;
        cursor: pointer;
        user-select:none;
    }
    
    .hide_ {
        display: none;
    }
    
    .m10 {
        margin: 10px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .mt10 {
        margin-top: 10px;
    }
    .ml10 {
        margin-left: 10px;
    }
    .mr10 {
        margin-right: 10px;
    }
    
    .flex {
        display: flex;
    }
    
    .flex-sx-center {
        /*上下居中*/
        align-items: center;
    }

    .space-between {
        justify-content: space-between;
    }
    
    .flex-zy-center {
        /*左右居中*/
        justify-content: center;
    }

    .flex-d-col {
        flex-direction: column;
    }
    
    .flex-d-row {
        flex-direction: row;
    }

    .li-cs {
        margin: 5px;
        font-size: 14px;
        box-sizing: border-box;
        user-select:none;
        position: relative;
    }
    
    .box_ {
        box-sizing: border-box;
    }
    
    .click-hv:hover span {
        color: #444 !important;
        cursor: pointer;
    }
    
    .li-cs div, .li-cs p {
        display: flex;
        width: 100%;
        border: 2px solid #3498db;
        border-radius: 5px;
    }
    
    .li-cs span {
        padding: 10px;
        width: 50%;
        color: white;
        box-sizing: border-box;
    }
    
    .li-cs .to_cou {
        border: 1px solid white;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, 0.6);
        padding: 5px 15px;
        color: #2c4985;
    }
    
    .cart-li-pro-info div:hover {
        color: rgba(57, 46, 74, 0.9) !important;
    }
    
    .checkbox {
        appearance: none;
        width: 64px;
        height: 32px;
        position: relative;
        border-radius: 16px;
        cursor: pointer;
        background-color: #777;
        zoom: 90%;
    }
    
    .checkbox:before {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        background: white;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        transition: left cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
    }
    
    .checkbox:after {
        content: "开 关";
        text-indent: 12px;
        word-spacing: 4px;
        display: inline-block;
        white-space: nowrap;
        color: white;
        font: 14px/30px monospace;
        font-weight: bold;
    }
    
    .checkbox:hover:before {
        box-shadow: inset 0px 0px 5px 0px #3498db;
    }
    
    .checkbox:checked {
        background-color: #3498db;
    }
    
    .checkbox:checked:before {
        left: 34px;
    }
    
    .checkbox:checked:after {
        color: #fff;
    }
    
    .small-sign {
        padding: 2px 3px;
        width: min-content !important;
        font-weight: bold;
    }

    .small-sign-pos {
        position: absolute;
        top: 35px;
        left: 70px;
    }

    .multi_ {
        background: white;
        color: #013d72 !important;
        width: min-content !important;
        font-weight: 200 !important;
        border-radius: 2px !important;
        padding: unset !important;
        height: fit-content;
        border: none !important;
        font-size: 11px;
    }

    .multi_default {
        width: min-content !important;
        font-weight: 200 !important;
        border-radius: 2px !important;
        padding: unset !important;
        height: fit-content;
        border: none !important;
        font-size: 11px;
        color: #00000000;
    }

    .multi_pos {
        position: absolute;
        top: -3px;
        left: 83px;
    }

    .total-money_ {
        position: absolute;
        top: 35px;
        left: 123px;
        padding: 2px 3px;
        width: min-content !important;
        font-weight: bold;
    }


    .look-coupon-btn {
        font-weight: bold;
        width: 110px !important;
        height: 135px;
        text-align: center;
        line-height: 130px;
        display: block !important;
        background-color: #3498db;
        position: absolute;
        top: 20px;
        right: 4px;
        color: white;
        font-size: 18px;
        border-radius: 5px;
        border: 2px solid #3498db;
        user-select:none;
    }
    
    .btn-group_ {
        border: 2px solid #3498db;
    }
    
    button.btn-left_,
    button.btn-right_ {
        width: 60px;
        height: 30px;
        border: unset;
        background-color: white;
    }

    button.btn-right_:hover,
    button.btn-left_:hover,
    .to_cou:hover,
    .showBtn:hover,
    .look-coupon-closebtn:hover,
    .look-coupon-btn:hover,
    .share_:hover,
    .coupon-item-btn-text_:hover
    {
        background-color: #53a3d6 !important;
        color: white !important;
        cursor: pointer;
    }

    button.btn-left_ {
        border-left: 2px solid #3498db;
        border-block: 2px solid #3498db;
        border-radius: 5px 0 0 5px;
        border-right: 2px solid #3498db;
    }
    
    button.btn-right_ {
        border-right: 2px solid #3498db;
        border-block: 2px solid #3498db;
        border-radius: 0 5px 5px 0;
    }
    
    .circle_ {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background-color: #77b0e2;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 15px;
        position: relative;
    }
    
    .circle_::before {
        content: "?";
        font-size: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .tooltip_ {
        position: relative;
        font-size: 14px;
        cursor: pointer;
    }
    
    .tooltip_:hover::before {
        word-break: keep-all;
        white-space: nowrap;
        content: attr(data-msg);
        position: absolute;
        padding: 8px 10px;
        display: block;
        color: #424343;
        border: 2px solid #3498db;
        border-radius: 5px;
        font-size: 14px;
        line-height: 20px;
        top: -47px;
        left: 50%;
        transform: translateX(-25%);
        background-color: white;
    }
    
    .tooltip_:hover::after {
        content: "﹀";
        position: absolute;
        top: -10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fff;
        color: #3498db;
        height: 7px;
        line-height: 10px;
        background-color: white;
    }

    
    .all-coupon-page .navigation {
        position: fixed;
        left: unset !important;
        right: 505px !important;
        top: 470px !important;
        z-index: 1000;
    }

    .all-coupon-page .main_wraper {
        background: #fff;
        zoom: 0.9;
        width: unset !important;
    }

    .extend-btn-group_  {
        position: fixed;
        right: 480px;
        top: 100px;
        z-index: 888;
        margin-left: -720px;
    }

    .extend-btn-group_ .coupon-item-btn-text_ {
        box-sizing: border-box;
        width: 100px;
        height: 30px;
        text-align: center;
        background: #199fe9;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        line-height: 30px;
        cursor: pointer;
        border-radius: 4px;
        margin-top: 9px;
    }

    .extend-btn-group_ .filter-clear {
        color: #3498db; 
        background: white; 
        border: 1px solid #3498db;
        font-weight: bolder;
    }

    .coupon-item {
        margin: 0 7px 10px 7px !important;
    }

    .parse-text-box {
        margin-right: 7px;
        width: 100%;
    }

    .textarea {
        width: 100%;
        min-width: 230px !important;
        min-height: 85px !important;
        border: 1px solid #3498db;
        border-radius: 3px;
    }

    .small_btn_ {
        font-size: 14px;
        width: 80px;
        margin-right: 22px;
        z-index: 2;
        border: 2px;
        background-color: #3498db;
        cursor: pointer;
        color: white;
        text-align: center;
        border-radius: 5px;
        padding: 6px;
    }

    ::-webkit-scrollbar {
         width:17px !important;
         height:unset !important;
    }

    ::-webkit-scrollbar-thumb {
        background: rgb(193,193,193) !important;
    }
    </style>
    `;

    // /*滚动条整体样式*/
    // .bd::-webkit-scrollbar {
    // width: 10px;     
    // height: 1px;
    // }
    // /*滚动条里面小方块*/
    // .bd::-webkit-scrollbar-thumb {
    // border-radius: 10px;
    // background-color: #b4b7ba;
    // background-image: 
    //     -webkit-linear-gradient(
    //     45deg, 
    //     rgba(255, 255, 255, .2) 25%, 
    //     transparent 25%, 
    //     transparent 50%, 
    //     rgba(255, 255, 255, .2) 50%, 
    //     rgba(255, 255, 255, .2) 75%, 
    //     transparent 75%, 
    //     transparent
    //     );
    // }
    // /*滚动条里面轨道*/
    // .bd::-webkit-scrollbar-track {
    // -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    // /*border-radius: 10px;*/
    // background: #EDEDED;
    // }

    /**
     * 追加到body
     */
    const appendHtml = () => {

        // console.time('appendHtml')

        if ($('#myCss').length === 0) {
            $('body').append(cssFactory())
        }

        $('.bd').remove()
        $('body').append(htmlFactory())

        // =========== 事件 ==============
        clickBrandHandler()
        getCouponClickHandler()
        showOrHideModalHandler()
        onClickChangeDepotBtnHandler()
        checkDepotBtnHandlerNew()
        lookCouponListExtendsBtnHandler()
        lookCouponListHandler()
        shareHandler()
        shareParseHandler()
        lockProductHandler()
        refreshBtnHandler()
        // =============================
        resizeHeight()

        // console.timeEnd('appendHtml')
    }

    /**
     * 基础配置优化
     */
    const basicSettings = () => {
        // 多选框放大
        $('input.check-box:not([style*=zoom])').css('zoom', '150%')

        // 点击物料图片,操作多选框
        $('.product-img:not([class*=click_do_])').addClass('click_do_')
            .on('click', function () {
                $(this).addClass('click_do_').prev('.check-box').click();
            })

        // 购物车列表 点击品牌跳转到该品牌下的商品
        $('.product-item li.cart-li-pro-info:not(:has([class*=open_do_]))').find('div:eq(2)')
            .css({ cursor: 'pointer' }).addClass('open_do_').click(function () {
                GM_openInTab(`${webSiteShareData.lcscSearchUrl}/global.html?k=${getBrandNameByRegex(this.innerText)}`, { active: true, insert: true, setParent: true })
            })
    }


    /**
     * 遍历购物车清单,并计算品牌总金额
     */
    const eachCartList = () => {
        dataCartMp.clear()

        getHavedCheckedLineInfo().each(function (i) {

            let $this = $(this)

            // 物料编号
            // let productNo = $this.find('ul li:eq(1) a').text().trim()

            // 品牌名称
            let brandName = $this.find('.cart-li-pro-info div:eq(2)').text().trim()

            // 查找到品牌名称
            brandName = getBrandNameByRegex(brandName.split('\n')[brandName.split('\n').length - 1].trim())

            // if ($this.find('input:checked').length === 0) {
            //     return
            // }

            // 品牌下的单个商品总价
            let linePrice = parseFloat($this.find('.line-total-price').text().trim().replace('¥', ''))

            // 日志打印控制台
            // console.log(productId, brandName, linePrice)

            let mpVal = $.isEmptyObject(dataCartMp.get(brandName)) ? 0 : dataCartMp.get(brandName)

            // 保存到Map中
            dataCartMp.set(brandName, parseFloat((mpVal + linePrice).toFixed(2)))


            if ($.isEmptyObject(dataBrandColorMp.get(brandName))) {
                // 对品牌进行随机色设置
                dataBrandColorMp.set(brandName, srdmRgbColor())
            }
        })
    }

    /**
     * 对品牌进行随机色设置
     */
    const setBrandColor = () => {

        //弹框 对品牌进行随机色设置
        $('.li-cs').each(function (i) {
            $(this).css('background', dataBrandColorMp.get($(this).find('span:eq(0)').text().trim()))
        })

        // 购物车列表 品牌颜色设置
        dataBrandColorMp.forEach((v, k) => {
            let brandElement = getHavedLineInfoByBrandName(k).find('ul li.cart-li-pro-info div:eq(2)')
            brandElement.css({
                'background-color': v,
                'width': 'min-content',
                'color': 'white'
            })

            brandElement.find('a').css({
                'color': 'white'
            })
        })
    }

    /**
    * 查找购物车中所有选中的行的元素(包含现货、订货)
    *
    */
    const getAllCheckedLineInfo = () => {
        return $('.product-list .product-item input:checked').parents('.product-item')
    }

    /**
    * 查找购物车中所有选中的行的元素(包含现货、订货)指定:江苏仓
    *
    */
    const getJsLineInfo = () => {
        return $('.product-list .product-item .warehouse-wrap .warehouse:contains(江苏仓)')
    }

    /**
    * 查找购物车中所有选中的行的元素(包含现货、订货)指定:广东仓
    *
    */
    const getGdLineInfo = () => {
        return $('.product-list .product-item .warehouse-wrap .warehouse:contains(广东仓)')
    }

    /**
     * 通过品牌名称,查找购物车中所在行的元素(包含现货、订货)
     */
    const getAllLineInfoByBrandName = (brandName) => {
        return $('.product-list .product-item:contains(' + brandName + ')')
    }

    /**
     * 购物车中所在行的元素(包含现货、订货)
     */
    const getAllLineInfo = () => {
        return $('.product-list .product-item')
    }

    /**
     * 通过品牌名称,查找购物车中的行元素(只获取现货商品)
     */
    const getHavedLineInfoByBrandName = (brandName) => {
        return $('.product-list .product-list-dl:eq(0) .product-item:contains(' + brandName + ')')
    }

    /**
     * 购物车中的行元素(只获取现货商品)
     */
    const getHavedLineInfo = () => {
        return $('.product-list .product-list-dl:eq(0) .product-item')
    }

    /**
     * 通过品牌列表名称,购物车中的行的元素(只获取现货商品)
     */
    const getHavedLineInfoByBrandNameList = (brandNameList) => {
        return $(
            [...getHavedLineInfo()].filter(item => {
                const brandName = getBrandNameByRegex($(item).find(`.cart-li:eq(2) div:eq(2)`).text().trim())
                return brandNameList.includes(brandName)
            })
        )
    }

    /**
     * 查找购物车中选中的行元素(只获取现货商品、选中的)
     * product-list-dl eq 0 是现货
     * product-list-dl eq 1 是订货
     *
     */
    const getHavedCheckedLineInfo = () => {
        return $('.product-list .product-list-dl:eq(0) .product-item input:checked').parents('.product-item')
    }

    /**
     * 查找购物车中没有选中的行元素(只获取现货商品、选中的)
     * product-list-dl eq 0 是现货
     * product-list-dl eq 1 是订货
     *
     */
    const getHavedNotCheckedLineInfo = () => {
        return $('.product-list .product-list-dl:eq(0) .product-item input:not(:checked)').parents('.product-item')
    }

    /**
     * 点击小窗口的品牌按钮,实现该品牌下的单选
     * 且该品牌下的物料,会自动排到购物车的前面几条
     */
    const clickBrandHandler = () => {
        $('.click-hv .sort_').on('click', function (target) {
            let brandName = $(this).text().trim()

            let cutHtmlElement = []

            // 查找购物车 现货商品
            getHavedLineInfoByBrandName(brandName).each(function (i) {
                cutHtmlElement.push($(this))
            })

            cutHtmlElement.forEach(item => {
                $('.product-list .product-list-dl:eq(0) .product-item').insertAfter(item)
            })
        })

        /**
         * 小窗口品牌列表的双击事件
         * 双击全选品牌
         */
        $('.click-hv .sort_').on('dblclick', function () {

            let brandName = $(this).text().trim()

            // 当前品牌行
            const $brandEle = $(`.product-item:contains("${brandName}")`)
            // 当前品牌选中的
            const $brandCheckedEle = $(`.product-item:contains("${brandName}") li.cart-li .check-box:checked`)
            // 当前品牌没有选中的
            const $brandNotCheckedEle = $(`.product-item:contains("${brandName}") li.cart-li .check-box:not(:checked)`)

            // 当前品牌全选
            if ($brandCheckedEle.length != $brandEle.length) {
                setAwaitFunc(10, function () {
                    $brandNotCheckedEle.click();
                })
                return;
            }

            /**
             * 过滤封装
             * @param {*} eles 
             * @returns 
             */
            const _filterNotSelf = (eles, brandName_, finder) => {
                return $([...eles].filter(item => {
                    return $(item).find(`li.cart-li:eq(2):not(:contains(${brandName_}))`).length > 0
                })).find(finder)
            }

            // 获取选中的现货
            const $havedEles = getHavedCheckedLineInfo()


            // 看看有没有选中除自己之外,其他品牌的商品
            const isNckOtherPdtsBool = _filterNotSelf($havedEles, brandName, `li.cart-li:eq(2):not(:contains(${brandName}))`).length > 0

            if (isNckOtherPdtsBool) {
                // 获取现货
                setAwaitFunc(10, function () {
                    _filterNotSelf($havedEles, brandName, `li.cart-li .check-box:checked`).click()
                })
            }
            else {
                // 全选
                setAwaitFunc(10, function () {
                    _filterNotSelf(getHavedNotCheckedLineInfo(), brandName, `li.cart-li .check-box:not(:checked)`).click()
                })
            }
        })
    }

    /**
     * 多选框变化,刷新小窗口的计算结果
     */
    const checkStatusChangeHandler = () => {
        $(".check-box,.check-box-checked-all").change(refresh)
    }

    /**
     * 获取优惠券列表信息,并暂存在变量集合中
     */
    const getCouponHTML = async () => {

        let couponHTML = await getAjax(`${webSiteShareData.lcscWwwUrl}/huodong.html`)

        $(couponHTML).find('.coupon-item:contains(满16可用) div[data-id]').each(function () {

            let $this = $(this)

            // 优惠券id
            let couponId = $this.data('id')

            // 是否已经领取
            let isHaved = $this.find(':contains(立即使用)').length > 0

            // 优惠券名称
            let couponName = $this.data('name')

            // 对应的品牌主页地址
            let brandIndexHref = $this.data('href')

            // 优惠券金额
            let couponPrice = couponName.replace(/^.*?\>(.*?)元.*$/, '$1')
            // 品牌名称
            let brandName = couponName.replace(/^.*?元(.*?)品牌.*$/, '$1')

            // 是否新人优惠券
            let isNew = couponName.split('新人专享').length >= 2

            all16_15CouponMp.set(brandName, {
                couponName, // 优惠券名称
                isNew, // 是否新人专享
                couponPrice, //优惠券金额减免
                brandName, // 品牌名称
                couponId, // 优惠券id
                isHaved, // 是否已经领取
                brandIndexHref, // 对应的品牌主页地址
                couponLink: `${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`, // 领券接口地址
            })

        })
    }

    /**
     * 优惠券领取按钮的绑定事件
     */
    const getCouponClickHandler = () => {
        $('.to_cou').click(async function (target) {
            let brandName = $(this).parents('span').siblings('.key').text()

            // 优惠券实体
            let couponEntity = all16_15CouponMp.get(brandName)

            if (!$.isEmptyObject(couponEntity)) {
                let res = await getAjax(couponEntity.couponLink)
                // console.log(res)

                let resParseData = JSON.parse(res)
                if (resParseData.result === 'success') {
                    Qmsg.success(`${couponEntity.couponName},领取成功!`)
                    refresh(true)
                } else {
                    Qmsg.error(resParseData.msg)
                }
            }
        })
    }

    // 隐藏/显示 小窗
    const showOrHideModalHandler = () => {
        $('.showBtn,.hideBtn').click(function (target) {
            let $bd = $('.bd')

            if ($bd.is(':hidden')) {
                $('.hideBtn').show()
                $('.showBtn').hide()
                setLocalData('SHOW_BOOL', true)
                refresh()
            } else if ($bd.is(':visible')) {
                $('.showBtn').show()
                $('.hideBtn').hide()
                $('#couponModal').hide()
                setLocalData('SHOW_BOOL', false)
            }

            $bd.fadeToggle()
        })
    }

    /**
     * 优惠券快速入口
     */
    const couponGotoHandler = () => {

        if ($('.coupon-item-goto').length > 0) {
            return;
        }

        if ($('#conponCss_').length === 0)
            $('body').append(`
            <style id="conponCss_">
                .coupon-item-goto {
                    right: 6% !important;
                    left: unset !important;
                    width: 43% !important;
                    position: absolute;
                    bottom: 12px;
                    margin-left: -96px;
                    box-sizing: border-box;
                    height: 30px;
                    text-align: center;
                    font-size: 14px;
                    font-weight: 400;
                    color: #fff;
                    line-height: 30px;
                    cursor: pointer;
                    border-radius: 4px;
                    background: #53a3d6;
                }
                .coupon-item-goto:hover
                {
                    background-color: #53a3d6 !important;
                    color: white !important;
                    cursor: pointer;
                }
                .coupon-item-btn {
                    width: 43% !important;
                }
            </style>
            `)

        const append_ = `
        <a class='coupon-item-goto' href="" target="_blank">
         快速入口
        </a>
        `
        $('.coupon-item').each(function () {
            const $this = $(this)
            const btnBackgound = $this.hasClass('coupon-item-plus') ? '#61679e' : ($this.hasClass('receive') ? 'linear-gradient(90deg,#f4e6d6,#ffd9a8)' : '#199fe9')

            $this.append(append_)

            if ($this.hasClass('receive')) {
                $this.find('.coupon-item-goto').css({ color: 'unset' })
            }

            $this.find('.coupon-item-goto').css({ background: btnBackgound })
            $this.find('.coupon-item-goto').attr('href', $this.find('div[data-id]').data('url'))

        })
    }

    /**
     * 页面加载的时候,控制小窗显示隐藏
     */
    const onLoadSet = () => {
        // if (getLocalData('SHOW_BOOL') === 'false') {
        //     $('#bd').hide()
        //     $('.hideBtn').click()
        // }

        // if (getLocalData('AUTO_GET_COUPON_BOOL') === 'true') {
        //     $('.auto-get-coupon').attr('checked', true)
        // }

        // $('textarea').css('min-width', `${$('textarea').css('width')} !important`)
    }

    /**
     * 刷新小窗口数据
     * @param {*} notRefreshCouponHtml 是否更新优惠券集合数据
     */
    const refresh = async (notRefreshCouponHtml) => {

        // console.time('refresh')

        if (getLocalData('SHOW_BOOL') === 'false') {
            return
        }

        // 是否更新优惠券集合数据,主要更新是否领取的状态
        if (notRefreshCouponHtml === true) {
            await getCouponHTML()
        }

        eachCartList()
        appendHtml()

        setBrandColor()

        // console.timeEnd('refresh')
    }

    /**
     * 全部刷新重置
     */
    const allRefresh = async () => {

        await getCouponHTML()

        refresh(true)

        checkStatusChangeHandler()
        onChangeCountHandler()
        autoGetCouponTimerHandler()


        lookCouponListModal()

        // await setAwait(1000)
        // onLoadSet()
    }

    /**
     * 重置小窗口的高度
     * 
     */
    const resizeHeight = () => {

        if (((window.innerHeight - 120) < $('.bd').height())) {
            $('.bd').height('82vh')
        } else {
            $('.bd').height('auto')
        }
    }

    /**
     * 购物车页面
     */
    const cartStart = async () => {

        // 判断是否已经处理完成,否则会有性能问题
        basicSettings()

        if ($('div.bd').length > 0) {
            return;
        }

        window.addEventListener('resize', resizeHeight)

        eachCartList()
        await getCouponHTML()
        appendHtml()
        setBrandColor()

        checkStatusChangeHandler()
        onChangeCountHandler()
        autoGetCouponTimerHandler()

        // onLoadSet()
        lookCouponListModal()
    }

    /**
     * 搜索页
     * @param {*} isNew 是否新人 true/false
     * @param {*} type 单选多选 ONE/MORE
     */
    const searchStart = async () => {
        /**
        * 搜索列表中,对品牌颜色进行上色
        * list.szlcsc.com/catalog
        */
        const catalogListRenderBrandColor = () => {
            for (let [brandName, brandDetail] of all16_15CouponMp) {
                // 获取页面元素
                const $brandEle = $(`li[title*="${brandName}"],span[title*="${brandName}"],a.brand-name[title*="${brandName}"]`)
                // && $brandEle.css('background-color') === "rgba(0, 0, 0, 0)"
                if ($brandEle.length > 0) {
                    $brandEle.css({
                        "background-color": brandDetail.isNew ? '#00bfffb8' : '#7fffd4b8'
                    })
                }
            }
        }

        catalogListRenderBrandColor()

        // 回到顶部
        if ($('div.logo-wrap').hasClass('active')) {
            if ($('#scrollTo_').length === 0) {
                $('#productListFixedHeader:visible').parents('body').after(`
                <a id="scrollTo_" style="border-radius: 5px; z-index: 10000; position: fixed; right: 30px; bottom: 100px;padding: 20px; background: white; border: 2px solid #199fe9; font-size: 20px; font-weight: 600;" href="javascript:scrollTo(0,0)">
                    <svg t="1716543304931" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4240" width="40" height="40"><path d="M0 96V0h1024v96z" fill="#3498db" p-id="4241"></path><path d="M384 1022.72V606.4H255.488a64 64 0 0 1-46.336-108.16l256.448-269.312a64 64 0 0 1 92.8 0l255.744 269.44a64 64 0 0 1-46.4 108.032h-120.32v416.32H384z" fill="#3498db" p-id="4242"></path></svg>
                </a>
                `);
            }
        } else {
            $('#scrollTo_').remove();
        }

        if ($('span[class*=select-spec-]').length === 0) {
            // 查询封装规格
            const selectSpecHandler = () => {
                /**
                 * 封装查询-多选框点击
                 * @param scpcName   规格封装名称
                 * @param selectType 模糊查:MHC,精确查:JQC
                 */
                const _clickSpecFunc = async (scpcName, selectType) => {
                    // 统一文字
                    $(`.det-screen:contains("规格:") .det-screen-title`).text('封装:');
                    // 展开规格
                    $(`.det-screen:contains("封装:") #more-standard`).click()

                    switch (selectType) {
                        // 模糊查
                        case "MHC":
                            $(`.det-screen:contains("封装:") label.fuxuanku-lable:contains("${scpcName}")`).click()
                            break;
                        // 精确查
                        case "JQC":
                            $(`.det-screen:contains("封装:") label.fuxuanku-lable[title="${scpcName}"]`).click()
                            break;
                        default:
                            break;
                    }

                    // 查找规格对应的选项
                    $(`.det-screen:contains("封装:") input[value="确定"]`).click()
                }

                $('.li-ellipsis:contains("封装:")').each(function () {
                    // 查询到点击追加的规格名称
                    let specName = $(this).find('span:eq(1)').attr('title');
                    // 页面追加按钮元素
                    $(this).after(`
                    <li class="li-el">
                    <span class="select-spec-mh" style="border-radius: 2px; display: inline-flex; padding: 3px 8px; color: white; cursor: pointer; user-select: none; background: #199fe9;" 
                            specName="${specName}" selectType="MHC">封装模糊匹配</span>
                    <span class="select-spec-jq" style="border-radius: 2px; display: inline-flex; padding: 3px 8px; color: white; cursor: pointer; user-select: none; background: #199fe9; margin-left: 3px;" 
                            specName="${specName}" selectType="JQC">封装精确匹配</span>
                    </li>
                    `);
                });

                // $('.li-el + li').css('height', '10px')
                // 查询封装-按钮事件
                $('span[class*=select-spec-]').on('click', function () {
                    _clickSpecFunc($(this).attr('specName'), $(this).attr('selectType'))
                })
            }
            // 查询规格快捷按钮
            selectSpecHandler()
        }

        // 搜索页的 一键搜淘宝
        if ($('.searchTaobao_').length === 0) {

            /**
            * 非阻容,其他数据处理
            * @param {*} parents 行级标签
            * @param {*} resArr  数据存放的数组
             */
            function other(parents, resArr) {
                let productName = parents.find('li.li-ellipsis a:eq(0)').attr('title') || '';

                if (productName.length === 0 || resArr.length > 0) {
                    return;
                }

                let footprint = parents.find('li.li-ellipsis:contains("封装:") span:eq(1)').attr('title') || '';
                resArr.push(productName); resArr.push(footprint);
            }
            /**
             * 电阻数据处理
             * @param {*} parents 行级标签
             * @param {*} resArr  数据存放的数组
             */
            function R(parents, resArr) {
                const r = parents.find('li.li-ellipsis:contains("阻值:")').text().replace(/(阻值:|Ω)+/g, '').trim()

                if (r.length === 0 || resArr.length > 0) {
                    return;
                }
                const f = parents.find('li.li-ellipsis:contains("封装:")').text().replace('封装:', '').trim()
                const j = parents.find('li.li-ellipsis:contains("精度:")').text().replace(/(精度:|\±)+/g, '').trim()

                resArr.push(r); resArr.push(f); resArr.push(j);
            }

            /**
             * 电容数据处理
             * @param {*} parents  行级标签
             * @param {*} resArr  数据存放的数组
             */
            function C(parents, resArr) {
                const c = parents.find('li.li-ellipsis:contains("容值:")').text().replace('容值:', '').trim()

                if (c.length === 0 || resArr.length > 0) {
                    return;
                }

                const v = parents.find('li.li-ellipsis:contains("额定电压:")').text().replace('额定电压:', '').trim()
                const j = parents.find('li.li-ellipsis:contains("精度:")').text().replace(/(精度:|\±)+/g, '').trim()
                const f = parents.find('li.li-ellipsis:contains("封装:")').text().replace('封装:', '').trim()

                resArr.push(c); resArr.push(v); resArr.push(j); resArr.push(f);
            }

            // 预售拼团 不处理,其他的都追加按钮
            $('.line-box:not(:contains("预售拼团")) li.pan-list').append(`
                <button type="button" class="pan-list-btn searchTaobao_" style="margin-top: 5px; background: #199fe9;">一键搜淘宝</button>
            `)

            $('.searchTaobao_').on('click', function (params) {
                let searchArrVals = [];

                const $parents = $(this).parents('td.line-box');
                // 阻容处理、其他元件处理
                R($parents, searchArrVals); C($parents, searchArrVals); other($parents, searchArrVals);

                GM_openInTab(`https://s.taobao.com/search?q=${searchArrVals.join('/')}`, { active: true, insert: true, setParent: true })
            })

        }

        /**
        * 设置单选的背景颜色
        */
        const _setOneCssByBrandName = (brandName, bgColor = '#00bfffb8') => {
            // 查找某个品牌
            const searchBrandItemList = $(`#brandList div`).find(`span:eq(0):contains(${brandName})`)
            searchBrandItemList.css({ 'background-color': bgColor, 'border-radius': '30px' })
        }

        /**
      * 设置多选的背景颜色
      */
        const _setMultiCssByBrandName = (brandName, bgColor = '#00bfffb8') => {
            // 查找某个品牌
            const searchBrandItemList = $(`.pick-txt.det-screen1 div`).find(`label:contains(${brandName})`)
            searchBrandItemList.css({ 'background-color': bgColor, 'border-radius': '30px' })
        }

        /**
         * 筛选条件:单选品牌-颜色
         */
        const _renderFilterBrandColor = async () => {

            await setAwait(200)

            $(`#brandList div`).find(`span:eq(0)`).each(function () {
                const text = $(this).text().trim()

                let findBrandName = text
                if (text.includes('(')) {
                    findBrandName = getBrandNameByRegex(text)
                }

                if (all16_15CouponMp.has(findBrandName)) {
                    if (all16_15CouponMp.get(findBrandName).isNew) {
                        _setOneCssByBrandName(findBrandName)
                    } else {
                        _setOneCssByBrandName(findBrandName, '#7fffd4b8')
                    }
                }
            })
            // 省略号去掉,方便查看
            $('.det-screen1 span').css({ 'display': 'unset' })
        }

        /**
        * 筛选条件:单选品牌-颜色
        */
        const _renderMulitFilterBrandColor = async () => {

            await setAwait(200)

            $(`.pick-txt.det-screen1 div`).each(function () {
                const text = $(this).find('label').attr('title').trim()

                let findBrandName = text
                if (text.includes('(')) {
                    findBrandName = getBrandNameByRegex(text)
                }

                if (all16_15CouponMp.has(findBrandName)) {
                    if (all16_15CouponMp.get(findBrandName).isNew) {
                        _setMultiCssByBrandName(findBrandName)
                    } else {
                        _setMultiCssByBrandName(findBrandName, '#7fffd4b8')
                    }
                }
            })
            // 省略号去掉,方便查看
            $('.det-screen1 span').css({ 'display': 'unset' })
        }
        /**
         * 筛选条件:多选品牌
         * @param {*} isNew 是否新人券 true/false
         */
        const multiFilterBrand = async (isNew) => {
            $('#more-brand').click()
            // $('.pick-txt.det-screen1 label.active').removeClass('active');
            $('.pick-txt.det-screen1 div').each(function () {
                const $labelEle = $(this).find('label.fuxuanku-lable')
                // 品牌名称
                const text = $labelEle.attr('title').trim()

                let findBrandName = text
                if (text.includes('(')) {
                    findBrandName = getBrandNameByRegex(text)
                }

                if (all16_15CouponMp.has(findBrandName)) {
                    if (all16_15CouponMp.get(findBrandName).isNew === isNew) {
                        // 多选框选中
                        $labelEle.click()
                    }
                }
            })

            $('.hoice-ys .more-input02').click()
        }

        if ($('#_remind').length === 0) {
            $('.det-screen:contains("品牌:")').append(`
            <div id='_remind'>
                <span class='row_center get_new_coupon'><p class='new_'></p>新人券</span>
                <span class='row_center get_notnew_coupon'><p class='not_new_'></p>非新人券</span>
            </div>
            
            <style>
            #_remind {
                display: inline-block;
                position: absolute;
                top: 0px;
                right: 100px;
                width: 100px;
            }
            .row_center {
                display: inline-flex;
                align-items: center;
            }
            .new_ {
                background-color: #00bfffb8;
                margin-right: 10px;
                width: 20px;
                height: 10px;
            }
            .not_new_ {
                background-color: #7fffd4b8;
                margin-right: 10px;
                width: 20px;
                height: 10px;
            }
            .get_new_coupon,
            .get_notnew_coupon {
                cursor: pointer;
            }

            .get_new_coupon:hover,
            .get_notnew_coupon:hover {
                background: #e1e1e1;
            }
            </style>
            `)

            // 更新优惠券列表到集合中
            await getCouponHTML()

            _renderFilterBrandColor()

            // 多选展开按钮
            $('#more-brand').click(_renderMulitFilterBrandColor)
            // 品牌单选
            $('.screen-more .more-brand').click(_renderFilterBrandColor)
            // 多选新人券
            $('.get_new_coupon').click(() => multiFilterBrand(true))
            // 多选非新人券
            $('.get_notnew_coupon').click(() => multiFilterBrand(false))

        }

        /**
         * 显示最低购入价
         * @param {*} params 
         */
        function minBuyMoney(params) {
            $('.three-nr').find('.three-nr-item:eq(0) .price-warp p').each(function () {
                let minMum = parseInt($(this).attr('minordernum'));
                let orderPrice = parseFloat($(this).attr('orderprice'));

                $(this).parents('.three-nr-item').before(`
                    <p class="minBuyMoney_" style="
                        width: fit-content;
                        padding: 2px 3px;
                        font-weight: 600;
                        color: #0094e7;">最低购入价: ${(minMum * orderPrice).toFixed(6)}</p>
                `)
            })
        }

        // 
        if ($('.minBuyMoney_').length === 0) {
            minBuyMoney()
        }
    }

    // 排序记录 desc降序,asc升序

    /**
     * 配单页 增加价格排序按钮
     */
    const bomStart = () => {

        if ($('div.bom-result-progess .progess-box .progess-line-blue').text() !== '0%') {
            $('#new-box_').attr('disabled', true)
        } else {
            $('#new-box_').attr('disabled', false)
        }
        if ($('button#new-box_').length > 0) {
            return
        }
        const sortHt = `<button id='new-box_' class="new-box_" onclick="(function () {
                const $eles = $('.el-table__row.perfect').get();
                $eles.sort((next, prev) => {
                    let nextPrice = $(next).find('div.dfc:contains(¥)').text().replace(/[¥ ]+/g, '')
                    let prevPrice = $(prev).find('div.dfc:contains(¥)').text().replace(/[¥ ]+/g, '')
                    if(localStorage.getItem('sortSign') === 'desc') {
                        if (parseFloat(nextPrice) > parseFloat(prevPrice)) return -1;
                        if (parseFloat(nextPrice) < parseFloat(prevPrice)) return 1;
                    }
                    else if(localStorage.getItem('sortSign') === 'asc') {
                        if (parseFloat(nextPrice) > parseFloat(prevPrice)) return 1;
                        if (parseFloat(nextPrice) < parseFloat(prevPrice)) return -1;
                    }
                    return 0;
                })
                localStorage.setItem('sortSign', (localStorage.getItem('sortSign') === 'desc') ? 'asc' : 'desc');
                $('.el-table__body-wrapper tbody').html($eles)
            })()"
            style="color: #315af8; width: 100px; height: 35px; line-height: 35px;background-color: #fff;border-radius: 3px;border: 1px solid #cdf; margin-left: 10px;">
            <div data-v-1b5f1317="" class="sg vg" style="height: 35px; display: none;">
                <svg data-v-1b5f1317="" viewBox="25 25 50 50" class="bom-circular blue" style="width: 16px; height: 16px;">
                    <circle data-v-1b5f1317="" cx="50" cy="50" r="20" fill="none" class="path"></circle>
                </svg>
            </div>
            <div class="">
                小计 升/降序
            </div>
            </button>
            <style>
            .new-box_:hover {
                color: #315af8;
                border: 1px solid #315af8 !important;
            }
            .new-box_:disabled {
                border: 1px solid #dcdcdc !important;
                cursor: not-allowed;
                color: rgba(0, 0, 0, .3) !important;
            }
            </style>`;

        $('div.bom-top-result.dfb div.flex-al-c:eq(2)').append(sortHt)
    }

    // 搜索页
    let isSearchPage = () => location.href.includes('so.szlcsc.com/global.html') || location.href.includes('list.szlcsc.com/brand') || location.href.includes('list.szlcsc.com/catalog');
    // 购物车页
    let isCartPage = () => location.href.includes('cart.szlcsc.com/cart/display.html');
    // BOM配单页
    let isBomPage = () => location.href.includes('bom.szlcsc.com/member/eda/search.html');
    // 优惠券页
    let isCouponPage = () => location.href.includes('www.szlcsc.com/huodong.html');

    setInterval(function () {

        if (isCartPage()) {
            cartStart()
        }

        if (isSearchPage()) {
            searchStart()
        }

        if (isBomPage()) {
            bomStart()
        }

        if (isCouponPage()) {
            couponGotoHandler()
        }
    }, 500)
})()