☰

嘉立创购物车辅助工具

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

当前为 2024-08-09 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         嘉立创购物车辅助工具
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.9.3
  5. // @description  嘉立创购物车辅助增强工具 包含：手动领券、自动领券、小窗显示优惠券领取状态、一键分享BOM、一键锁定/释放商品、一键换仓、一键选仓、搜索页优惠券新老用户高亮。
  6. // @author       Lx
  7. // @match        https://cart.szlcsc.com/cart/display.html**
  8. // @match        https://so.szlcsc.com/global.html**
  9. // @match        https://bom.szlcsc.com/member/eda/search.html?**
  10. // @match        https://www.szlcsc.com/huodong.html?**
  11. // @match        https://list.szlcsc.com/brand**
  12. // @match        https://list.szlcsc.com/catalog**
  13. // @icon         https://www.google.com/s2/favicons?sz=64&domain=szlcsc.com
  14. // @require      https://update.greasyfork.org/scripts/446666/1389793/jQuery%20Core%20minified.js
  15. // @require      https://update.greasyfork.org/scripts/455576/1122361/Qmsg.js
  16. // @resource customCSS https://gitee.com/snwjas/message.js/raw/master/dist/message.min.css
  17. // @grant        GM_openInTab
  18. // @grant        GM_xmlhttpRequest
  19. // @grant        GM_setClipboard
  20. // @grant        GM_addStyle
  21. // @grant        GM_getResourceText
  22. // @license      MIT
  23. // ==/UserScript==
  24.  
  25. (async function() {
  26.         'use strict';
  27.  
  28.         // 引入message的css文件并加入html中
  29.         const css = GM_getResourceText("customCSS")
  30.         GM_addStyle(css)
  31.  
  32.         /**
  33.          * rgb颜色随机
  34.          * @returns
  35.          */
  36.         const rgb = () => {
  37.             var r = Math.floor(Math.random() * 256)
  38.             var g = Math.floor(Math.random() * 256)
  39.             var b = Math.floor(Math.random() * 256)
  40.             var rgb = 'rgb(' + r + ',' + g + ',' + b + ')';
  41.             return rgb;
  42.         }
  43.  
  44.         /**
  45.          * rgba颜色随机
  46.          * @param {*} a
  47.          * @returns
  48.          */
  49.         const rgba = (a = 1) => {
  50.             var r = Math.floor(Math.random() * 256)
  51.             var g = Math.floor(Math.random() * 256)
  52.             var b = Math.floor(Math.random() * 256)
  53.             var rgb = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
  54.             return rgb;
  55.         }
  56.  
  57.         /**
  58.          * 深色 随机色
  59.          * @returns 
  60.          */
  61.         const srdmRgbColor = () => {
  62.             //随机生成RGB颜色
  63.             let arr = [];
  64.             for (var i = 0; i < 3; i++) {
  65.                 // 暖色
  66.                 arr.push(Math.floor(Math.random() * 128 + 64));
  67.                 // 亮色
  68.                 // arr.push(Math.floor(Math.random() * 128 + 128));
  69.             }
  70.             let [r, g, b] = arr;
  71.             // rgb颜色
  72.             // var color=`rgb(${r},${g},${b})`;
  73.             // 16进制颜色
  74.             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)}`;
  75.             return color;
  76.         }
  77.  
  78.         /**
  79.          * 十六进制颜色随机
  80.          * @returns
  81.          */
  82.         const color16 = () => {
  83.             var r = Math.floor(Math.random() * 256)
  84.             var g = Math.floor(Math.random() * 256)
  85.             var b = Math.floor(Math.random() * 256)
  86.             var color = '#' + r.toString(16) + g.toString(16) + b.toString(16)
  87.             return color;
  88.         }
  89.  
  90.         /**
  91.          * 正则获取品牌名称，需要传入xxxx(品牌名称) 这样的字符
  92.          * @param {*} text
  93.          * @returns
  94.          */
  95.         const getBrandNameByRegex = (text) => {
  96.             let res = text
  97.             try {
  98.                 res = /\(.+\)/g.exec(text)[0].replace(/\((.*?)\)/, '$1')
  99.             } catch (e) {
  100.  
  101.             }
  102.             return res
  103.         }
  104.  
  105.         /**
  106.          * 等待
  107.          * @param {*} timeout 
  108.          * @returns 
  109.          */
  110.         const setAwait = (timeout) => {
  111.             return new Promise((resolve, reject) => {
  112.                 setTimeout(() => {
  113.                     resolve(true)
  114.                 }, timeout);
  115.             })
  116.         }
  117.  
  118.         /**
  119.          * 等待 执行函数
  120.          * @param {*} timeout 
  121.          * @returns 
  122.          */
  123.         const setAwaitFunc = (timeout, func) => {
  124.             return new Promise((resolve, reject) => {
  125.                 setTimeout(() => {
  126.                     func && func()
  127.                 }, timeout);
  128.             })
  129.         }
  130.  
  131.         /**
  132.          * 获取本地缓存
  133.          * @param {*} key
  134.          */
  135.         const getLocalData = (k) => {
  136.             return localStorage.getItem(k)
  137.         }
  138.  
  139.         /**
  140.          * 设置本地缓存
  141.          * @param {*} key
  142.          */
  143.         const setLocalData = (k, v) => {
  144.             localStorage.setItem(k, v)
  145.         }
  146.  
  147.  
  148.         // 后续支持强排序按钮
  149.  
  150.         // 商品清单集合暂存
  151.         const dataCartMp = new Map()
  152.             // 品牌对应颜色，用于快速查找位置。
  153.         const dataBrandColorMp = new Map()
  154.             // 优惠券页面，数据暂存。只保存16-15的优惠券
  155.         const all16_15CouponMp = new Map()
  156.             // 自动领券的定时器
  157.         let couponTimer = null
  158.  
  159.         // 消息弹框全局参数配置
  160.         Qmsg.config({
  161.             showClose: true,
  162.             timeout: 2800,
  163.             maxNums: 50
  164.         })
  165.  
  166.         /**
  167.          * 根据value排序Map
  168.          * @param {*} map
  169.          * @returns
  170.          */
  171.         const sortMapByValue = (map) => {
  172.             var arrayObj = Array.from(map)
  173.                 //按照value值降序排序
  174.             arrayObj.sort(function(a, b) { return a[1] - b[1] })
  175.             return arrayObj
  176.         }
  177.  
  178.  
  179.         /**
  180.          * GET请求封装
  181.          * @param {} data
  182.          */
  183.         const getAjax = (url) => {
  184.             return new Promise((resolve, reject) => {
  185.                 GM_xmlhttpRequest({
  186.                     url,
  187.                     method: 'GET',
  188.                     onload: (r) => {
  189.                         resolve(r.response)
  190.                     },
  191.                     onerror: (err) => {
  192.                         reject(err)
  193.                     }
  194.                 })
  195.             })
  196.         }
  197.  
  198.         /**
  199.          * POST请求封装
  200.          * @param {} data
  201.          */
  202.         const postAjaxJSON = (url, data) => {
  203.             return new Promise((resolve, reject) => {
  204.                 GM_xmlhttpRequest({
  205.                     url,
  206.                     method: 'POST',
  207.                     headers: { 'Content-Type': 'application/json' },
  208.                     data,
  209.                     onload: (r) => {
  210.                         resolve(r.response)
  211.                     },
  212.                     onerror: (err) => {
  213.                         reject(err)
  214.                     }
  215.                 })
  216.             })
  217.         }
  218.  
  219.         function jsonToUrlParam(json, ignoreFields = '') {
  220.             return Object.keys(json)
  221.                 .filter(key => ignoreFields.indexOf(key) === -1)
  222.                 .map(key => key + '=' + json[key]).join('&');
  223.         }
  224.  
  225.         /**
  226.          * POST请求封装
  227.          * @param {} data
  228.          */
  229.         const postFormAjax = (url, jsonData) => {
  230.             return new Promise((resolve, reject) => {
  231.                 GM_xmlhttpRequest({
  232.                     url,
  233.                     data: jsonToUrlParam(jsonData),
  234.                     method: 'POST',
  235.                     headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  236.                     onload: (r) => {
  237.                         resolve(r.response)
  238.                     },
  239.                     onerror: (err) => { reject(err) }
  240.                 })
  241.             })
  242.         }
  243.  
  244.         /**
  245.          * 订购数量发生变化的时候
  246.          */
  247.         const onChangeCountHandler = () => {
  248.             // 订购数量
  249.             $('.product-item .cart-li input.input').on('change', () => {
  250.                     setTimeout(refresh, 1000);
  251.                 })
  252.                 // 加减数量
  253.             $('.decrease,.increase').on('click', () => {
  254.                 setTimeout(refresh, 1000);
  255.             })
  256.         }
  257.  
  258.         /**
  259.          * 换仓按钮事件
  260.          * 一键换仓专用
  261.          * 
  262.           换仓逻辑
  263.             https://cart.szlcsc.com/cart/warehouse/deliverynum/update
  264.  
  265.              cartKey规则：
  266.             标签id product-item-186525218
  267.             商品的跳转地址（商品id）20430799
  268.  
  269.             cartKey: 186525218~0~20430799~RMB~CN
  270.             gdDeliveryNum: 0
  271.             jsDeliveryNum: 1
  272.          */
  273.         const onClickChangeDepotBtnHandler = () => {
  274.  
  275.             /**
  276.              * 
  277.              * @param {*} this 标签
  278.              * @param {*} warehouseType 仓库类型    GUANG_DONG：广东，JIANG_SU
  279.              * @returns 
  280.              */
  281.  
  282.             // 换仓封装
  283.             const _changeDepot = (that, warehouseType) => {
  284.  
  285.                 return new Promise((resolve, reject) => {
  286.  
  287.                     // 是否锁定样品
  288.                     let isLocked = (that.find('.warehouse-wrap .warehouse:contains(广东仓)').length +
  289.                         that.find('.warehouse-wrap .warehouse:contains(江苏仓)').length) == 0
  290.  
  291.                     // 查找商品的属性
  292.                     let infoElement = that.find('.cart-li:eq(1) a')
  293.  
  294.                     if (isLocked === true) {
  295.                         Qmsg.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法换仓`)
  296.                         console.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法换仓`)
  297.                         return
  298.                     }
  299.  
  300.                     // 订购数量
  301.                     let count = that.find('.cart-li:eq(-4) input').val()
  302.  
  303.                     // 物料ID1
  304.                     let productId1 = /\d+/g.exec(that.attr('id'))[0]
  305.  
  306.                     // 物料ID2
  307.                     let productId2 = /\d+/g.exec(infoElement.attr('href'))[0]
  308.  
  309.                     // 取最低起订量
  310.                     let sinpleCount = /\d+/g.exec(that.find('.price-area:eq(0)').text())[0]
  311.  
  312.                     // 订购套数
  313.                     let batchCount = count / sinpleCount
  314.  
  315.                     // 修改库存的参数体
  316.                     let params = ''
  317.  
  318.                     // 当前是广东仓
  319.                     if (warehouseType == 'GUANG_DONG') {
  320.                         params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${batchCount}&jsDeliveryNum=${0}`
  321.                     }
  322.                     // 其他情况当成是江苏仓
  323.                     else if (warehouseType == 'JIANG_SU') {
  324.                         params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${0}&jsDeliveryNum=${batchCount}`
  325.                     }
  326.  
  327.                     GM_xmlhttpRequest({
  328.                         url: `${webSiteShareData.lcscCartUrl}/cart/warehouse/deliverynum/update`,
  329.                         data: params,
  330.                         method: 'POST',
  331.                         headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  332.                         onload: (r) => {
  333.                             console.log(r.response)
  334.                             resolve(r.response)
  335.                         },
  336.                         onerror: (err) => { reject(err) }
  337.                     })
  338.                 })
  339.             }
  340.  
  341.  
  342.             /**
  343.              * 动态刷新页面，不强制刷新
  344.              * ！！！暂时不能用，需要考虑订货商品还是现货
  345.              */
  346.             // const _reload = async () => {
  347.  
  348.             //     // 购物车URL
  349.             //     const cartDataUrl = `${webSiteShareData.lcscCartUrl}/cart/display?isInit=false&isOrderBack=${window.isOrderBack}&${Date.now()}`
  350.             //     const res = await getAjax(cartDataUrl)
  351.             //     const resObj = JSON.parse(res)
  352.  
  353.             //     // 合并订货和现货商品
  354.             //     const newArr = [...resObj.result.shoppingCartVO.rmbCnShoppingCart.currentlyProductList,
  355.             //     ...resObj.result.shoppingCartVO.rmbCnShoppingCart.isNeedProductList]
  356.  
  357.             //     // 遍历物料编号
  358.             //     newArr.forEach(function (item) {
  359.  
  360.             //         const {
  361.             //             jsDeliveryNum, // 江苏的订货量 
  362.             //             gdDeliveryNum, // 广东的订货量 
  363.             //             productCode,   // 物料编码
  364.             //             isChecked,     // 是否选中
  365.             //             jsValidStockNumber, // 江苏剩余库存
  366.             //             szValidStockNumber, // 广东剩余库存
  367.             //             jsDivideSplitDeliveryNum, // 江苏起订量的倍数
  368.             //             gdDivideSplitDeliveryNum,  // 广东起订量的倍数
  369.             //             shopCarMapKey              // 购物车主键
  370.             //         } = item
  371.  
  372.             //         // 查找到这个物料编号所在的行
  373.             //         const ele = getAllLineInfoByBrandName(productCode)
  374.  
  375.             //         // 计算出仓库名
  376.             //         const depotName = jsDeliveryNum > 0 ? '江苏仓' : (gdDeliveryNum > 0 ? '广东仓' : '')
  377.  
  378.             //         const depotEle = ele.find('.warehouse-wrap .warehouse')
  379.  
  380.             //         const newDepotName = (depotEle.html() || '').replace('江苏仓', depotName).replace('广东仓', depotName)
  381.  
  382.             //         // 重新设置仓库名称
  383.             //         depotEle.html(newDepotName)
  384.  
  385.             //     })
  386.             // }
  387.  
  388.             // 换仓-江苏
  389.             $('.change-depot-btn-left_').on('click', function() {
  390.  
  391.                 let count = 0;
  392.                 const eles = getAllCheckedLineInfo()
  393.                 eles.each(async function() {
  394.                     count++
  395.                     await _changeDepot($(this), 'JIANG_SU').then(res => {
  396.                         Qmsg.success('切换【江苏仓】成功！')
  397.                     })
  398.  
  399.                     if (eles.length === count) {
  400.                         //  setTimeout(_reload, 500);
  401.                         setTimeout(function() {
  402.                             location.reload()
  403.                                 // 官方刷新购物车
  404.                                 // cartModuleLoadCartList()
  405.                         }, 2500);
  406.                     }
  407.                 })
  408.             })
  409.  
  410.             // 换仓-广东
  411.             $('.change-depot-btn-right_').on('click', function() {
  412.  
  413.                 let count = 0;
  414.                 const eles = getAllCheckedLineInfo()
  415.                 eles.each(async function() {
  416.                     count++
  417.                     await _changeDepot($(this), 'GUANG_DONG').then(res => {
  418.                         Qmsg.success('切换【广东仓】成功！')
  419.                     })
  420.  
  421.                     if (eles.length === count) {
  422.                         //  setTimeout(_reload, 500);
  423.                         setTimeout(function() {
  424.                             location.reload()
  425.                                 // 官方刷新购物车
  426.                                 // cartModuleLoadCartList()
  427.                         }, 2500);
  428.                     }
  429.                 })
  430.             })
  431.         }
  432.  
  433.         /**
  434.          * 选中仓库事件
  435.          * 一键选仓专用
  436.          * 废弃：由于模拟点击，会导致小窗口频繁刷新，影响性能。下面重新换接口
  437.          */
  438.         const _checkDepotBtnHandler = () => {
  439.  
  440.             const _clickFunc = (depotName, fn) => {
  441.                 const eles = fn()
  442.  
  443.                 // 先看看有没有指定仓
  444.                 const jsIsEmpty = getJsLineInfo().length === 0
  445.                 const gdIsEmpty = getGdLineInfo().length === 0
  446.  
  447.                 if (depotName === 'JIANG_SU' && jsIsEmpty) {
  448.                     Qmsg.error('购物车中并没有【江苏仓】的商品！')
  449.                     return
  450.  
  451.                 } else if (depotName === 'GUANG_DONG' && gdIsEmpty) {
  452.                     Qmsg.error('购物车中并没有【广东仓】的商品！')
  453.                     return
  454.                 }
  455.  
  456.                 // 是否有至少一个选中的
  457.                 const isHave = eles.parents('.product-item').find('input.check-box:checked').length > 0
  458.  
  459.                 if (isHave) {
  460.                     eles.each(function() {
  461.                         $(this).parents('.product-item').find('input.check-box:checked').click()
  462.                     })
  463.                 }
  464.                 // 都未选中，则执行仓库全选操作
  465.                 else {
  466.                     eles.each(function() {
  467.                         $(this).parents('.product-item').find('input.check-box').click()
  468.                     })
  469.                 }
  470.             }
  471.  
  472.             // 江苏仓
  473.             $(".check-js-btn-left_").on('click', function() {
  474.                 _clickFunc('JIANG_SU', getJsLineInfo)
  475.             })
  476.  
  477.             // 广东仓
  478.             $(".check-gd-btn-right_").on('click', function() {
  479.                 _clickFunc('GUANG_DONG', getGdLineInfo)
  480.             })
  481.         }
  482.  
  483.  
  484.         /**
  485.          * 选中仓库事件
  486.          * 一键选仓专用
  487.          */
  488.         const checkDepotBtnHandlerNew = () => {
  489.  
  490.             const _clickFunc = (depotName) => {
  491.                 // 广东仓选中
  492.                 const gdCheckedEles = getGdLineInfo()
  493.                     // 江苏仓选中
  494.                 const jsCheckedEles = getJsLineInfo()
  495.  
  496.                 // 先看看有没有指定仓
  497.                 const jsIsEmpty = jsCheckedEles.length === 0
  498.                 const gdIsEmpty = gdCheckedEles.length === 0
  499.  
  500.                 let isJs = depotName === 'JIANG_SU'
  501.                 let isGd = depotName === 'GUANG_DONG'
  502.  
  503.                 if (isJs && jsIsEmpty) {
  504.                     Qmsg.error('购物车中并没有【江苏仓】的商品！')
  505.                     return
  506.  
  507.                 } else if (isGd && gdIsEmpty) {
  508.                     Qmsg.error('购物车中并没有【广东仓】的商品！')
  509.                     return
  510.                 }
  511.  
  512.                 // 这里只需要操作多选框的选中状态就行
  513.                 if (isJs) {
  514.                     const jsInputCheckBox = jsCheckedEles.parents('.product-item').find('input.check-box')
  515.                     const jsInputCheckBoxCK = jsInputCheckBox.parents('.product-item').find('input.check-box:checked')
  516.                     const isHave = jsInputCheckBoxCK.length > 0
  517.                     jsInputCheckBox.prop('checked', !isHave)
  518.  
  519.                 } else if (isGd) {
  520.                     const gdInputCheckBox = gdCheckedEles.parents('.product-item').find('input.check-box')
  521.                     const gdInputCheckBoxCK = gdInputCheckBox.parents('.product-item').find('input.check-box:checked')
  522.                     const isHave = gdInputCheckBoxCK.length > 0
  523.                     gdInputCheckBox.prop('checked', !isHave)
  524.                 }
  525.  
  526.                 cartUpdateChecked().then(res => {
  527.                     if (res === 'true') {
  528.                         cartModuleLoadCartList()
  529.                         setTimeout(refresh(), 1000);
  530.                     }
  531.                 })
  532.             }
  533.  
  534.             // 江苏仓
  535.             $(".check-js-btn-left_").on('click', function() {
  536.                 _clickFunc('JIANG_SU')
  537.             })
  538.  
  539.             // 广东仓
  540.             $(".check-gd-btn-right_").on('click', function() {
  541.                 _clickFunc('GUANG_DONG')
  542.             })
  543.         }
  544.  
  545.  
  546.         /**
  547.          * 自动领取优惠券的定时器
  548.          */
  549.         const autoGetCouponTimerHandler = () => {
  550.  
  551.             $('.auto-get-coupon').off('change')
  552.             couponTimer = null
  553.                 // 自动领取优惠券开关
  554.             $('.auto-get-coupon').on('change', function() {
  555.                 const isChecked = $(this).is(':checked')
  556.                 setLocalData('AUTO_GET_COUPON_BOOL', isChecked)
  557.                 autoGetCouponTimerHandler()
  558.             })
  559.  
  560.             couponTimer = setInterval(() => {
  561.                 const isChecked = $('.auto-get-coupon').is(':checked')
  562.                 if (isChecked) {
  563.                     console.log(`自动领取优惠券，后台运行中...`)
  564.                     dataCartMp.keys().forEach(item => {
  565.                         // 查找优惠券
  566.                         const $couponEle = $(`.couponModal .coupon-item:contains(${item}):contains(立即抢券) div[data-id]`)
  567.  
  568.                         if ($couponEle.length === 0) {
  569.                             return
  570.                         }
  571.                         //优惠券ID
  572.                         const couponId = $couponEle.data('id')
  573.                             // 优惠券名称
  574.                         const couponName = $couponEle.data('name')
  575.  
  576.                         getAjax(`${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`).then(async res => {
  577.                             res = JSON.parse(res)
  578.                             if (res.result === 'success' || res.code == 200) {
  579.                                 let msg = `${couponName}券，自动领取成功`;
  580.                                 console.log(msg);
  581.                                 Qmsg.success({
  582.                                     content: msg,
  583.                                     timeout: 4000
  584.                                 })
  585.                                 await setTimeout(5000);
  586.                                 allRefresh()
  587.                             } else {
  588.                                 console.error(`自动领取优惠券失败：${res.msg}`)
  589.                             }
  590.                         })
  591.                     })
  592.                 } else {
  593.                     clearInterval(couponTimer)
  594.                     couponTimer = null
  595.                 }
  596.             }, 5000);
  597.         }
  598.  
  599.         /**
  600.          * 一键分享 已经勾选的列表
  601.          */
  602.         const shareHandler = () => {
  603.             // 产出数据并放在剪贴板中
  604.             const _makeDataAndSetClipboard = () => {
  605.                 const $checkedEles = getAllCheckedLineInfo()
  606.  
  607.                 if ($checkedEles.length === 0) {
  608.                     Qmsg.error('购物车未勾选任何商品！')
  609.                     return
  610.                 }
  611.  
  612.                 // 获取所有已经勾选的商品，也包含订货商品
  613.                 const shareText = [...$checkedEles].map(function(item) {
  614.                     const $this = $(item)
  615.                         // 是否是江苏仓，如果是多个仓的话，只取一个
  616.                     const isJsDepot = $this.find('.warehouse-wrap .warehouse').text().includes('江苏仓')
  617.                         // 该商品订购的总量
  618.                     const count = $this.find('.cart-li:eq(4) input').val()
  619.  
  620.                     return $this.find('.cart-li:eq(1) a').text().trim() + '_' + (isJsDepot ? 'JS_' : 'GD_') + count
  621.                 }).join('~')
  622.  
  623.                 // navigator.clipboard.writeText(shareText)
  624.                 GM_setClipboard(shareText, "text", () => Qmsg.success('购物车一键分享的内容，已设置到剪贴板中！'))
  625.             }
  626.  
  627.             $('.share_').click(_makeDataAndSetClipboard)
  628.         }
  629.  
  630.  
  631.         /**
  632.          * 一键解析
  633.          */
  634.         const shareParseHandler = () => {
  635.             let _loading = null
  636.                 // 定义匿名函数
  637.             const _shareParse = async() => {
  638.                 // 富文本框内容
  639.                 const text = $('.textarea').val().trim()
  640.  
  641.                 if (text.length === 0) {
  642.                     Qmsg.error('解析失败，富文本内容为空！')
  643.                     return
  644.                 }
  645.  
  646.                 _loading = Qmsg.loading("正在解析中...请耐心等待！")
  647.  
  648.                 // 成功条数计数
  649.                 let parseTaskSuccessCount = 0
  650.                     // 失败条数计数
  651.                 let parseTaskErrorCount = 0
  652.                     // 总条数
  653.                 let parseTaskTotalCount = 0
  654.                     // 首次处理出来的数组
  655.                 const firstparseArr = text.split('~')
  656.  
  657.                 parseTaskTotalCount = firstparseArr.length || 0
  658.  
  659.                 for (let item of firstparseArr) {
  660.                     // 二次处理出来的数组
  661.                     const secondParseArr = item.split('_')
  662.  
  663.                     // 物料编号
  664.                     const productNo = secondParseArr[0].trim().replace('\n', '')
  665.                         // 仓库编码
  666.                     const depotCode = secondParseArr[1].trim().replace('\n', '')
  667.                         // 数量
  668.                     const count = secondParseArr[2].trim().replace('\n', '')
  669.  
  670.                     if (productNo === undefined || count === undefined) {
  671.                         Qmsg.error('解析失败，文本解析异常！')
  672.                         _loading.close()
  673.                         return
  674.                     }
  675.  
  676.                     // 添加购物车
  677.                     await postFormAjax(`${webSiteShareData.lcscCartUrl}/cart/quick`, { productCode: productNo, productNumber: count }).then(res => {
  678.  
  679.                         res = JSON.parse(res)
  680.                         if (res.code === 200) {
  681.                             Qmsg.info(`正在疯狂解析中... 共：${parseTaskTotalCount}条，成功：${++parseTaskSuccessCount}条，失败：${parseTaskErrorCount}条。`);
  682.                         } else {
  683.                             Qmsg.error(`正在疯狂解析中... 共：${parseTaskTotalCount}条，成功：${parseTaskSuccessCount}条，失败：${++parseTaskErrorCount}条。`);
  684.                         }
  685.                     })
  686.                 }
  687.  
  688.                 Qmsg.success(`解析完成！共：${parseTaskTotalCount}条，成功：${parseTaskSuccessCount}条，失败：${parseTaskErrorCount}条。已自动加入购物车`)
  689.  
  690.                 _loading.close()
  691.  
  692.                 // 刷新购物车页面
  693.                 cartModuleLoadCartList()
  694.                 setTimeout(allRefresh, 100);
  695.             }
  696.  
  697.             $('.share-parse').click(_shareParse)
  698.         }
  699.  
  700.         /**
  701.          * 一键锁定、释放商品
  702.          */
  703.         const lockProductHandler = () => {
  704.             $(`.lock-product`).click(async function() {
  705.                 const $eles = getHavedCheckedLineInfo()
  706.  
  707.                 if ($eles.has(':contains("锁定样品")').length === 0) {
  708.                     Qmsg.error('没有要锁定的商品！')
  709.                     return;
  710.                 }
  711.  
  712.                 for (const that of $eles) {
  713.                     // 购物车商品的ID
  714.                     if (!$(that).has(':contains("锁定样品")').length) {
  715.                         continue;
  716.                     }
  717.                     const shoppingCartId = $(that).has(':contains("锁定样品")').attr('id').split('-')[2]
  718.                         // 接口限流延迟操作
  719.                     await postFormAjax(`${webSiteShareData.lcscCartUrl}/async/samplelock/locking`, { shoppingCartId }).then(res => {
  720.                         res = JSON.parse(res)
  721.                         if (res.code === 200) {
  722.                             Qmsg.success(res.msg || res.result || '商品锁定成功！')
  723.                         } else {
  724.                             Qmsg.error(res.msg || res.result || '商品锁定失败！请稍后再试')
  725.                         }
  726.                     })
  727.                 }
  728.  
  729.                 // 刷新购物车页面
  730.                 setTimeout(() => {
  731.                     cartModuleLoadCartList();
  732.                     setTimeout(allRefresh, 800);
  733.                 }, 1000);
  734.  
  735.             })
  736.  
  737.             $(`.unlock-product`).click(async function() {
  738.  
  739.                 const $eles = getHavedCheckedLineInfo()
  740.  
  741.                 if ($eles.has(':contains("释放样品")').length === 0) {
  742.                     Qmsg.error('没有要锁定的商品！')
  743.                     return;
  744.                 }
  745.                 for (const that of $eles) {
  746.                     // 购物车商品的ID
  747.                     if (!$(that).has(':contains("释放样品")').length) {
  748.                         continue;
  749.                     }
  750.                     const shoppingCartId = $(that).has(':contains("释放样品")').attr('id').split('-')[2]
  751.                         // 接口限流延迟操作
  752.                     await postFormAjax(`${webSiteShareData.lcscCartUrl}/async/samplelock/release/locking`, { shoppingCartId }).then(res => {
  753.                         res = JSON.parse(res)
  754.                         if (res.code === 200) {
  755.                             Qmsg.success(res.msg || res.result || '商品释放成功！')
  756.                         } else {
  757.                             Qmsg.error(res.msg || res.result || '商品释放失败！请稍后再试')
  758.                         }
  759.                     })
  760.                 }
  761.  
  762.                 // 刷新购物车页面
  763.                 setTimeout(() => {
  764.                     cartModuleLoadCartList();
  765.                     setTimeout(allRefresh, 800);
  766.                 }, 1000);
  767.             })
  768.         }
  769.  
  770.         // 控制按钮的生成
  771.         const buttonListFactory = () => {
  772.  
  773.             let isBool = getAllCheckedLineInfo().length > 0
  774.  
  775.             return `
  776.             <div style="border: unset; position: relative; padding: 8px;">
  777.             <div class='mb10 flex flex-sx-center'>
  778.                 <label style="font-size: 14px" class='ftw1000'>自动领取优惠券</label>
  779.                 <input style="margin: 0 8px;" type="checkbox" class="checkbox auto-get-coupon" ${getLocalData('AUTO_GET_COUPON_BOOL') === 'true' ? 'checked' : ''}/>
  780.             </div>
  781.              
  782.             <div class='mb10 flex flex-sx-center'>
  783.                 <label style="font-size: 14px; width: 105px; z-index: 2;" class='ftw1000 box_'>一键选仓
  784.                     <div class="circle_ tooltip_" data-msg='第一次点是选中，第二次点是取消选中' style="margin-left: 5px;">?</div>
  785.                 </label>
  786.                     <button class='check-js-btn-left_ btn-left_' type='button'>江苏</button>
  787.                     <button class='check-gd-btn-right_ btn-right_' type='button'>广东</button>
  788.              </div>
  789.  
  790.              <div class='mb10 flex flex-sx-center'>
  791.                 <label style="font-size: 14px; width: 105px;  z-index: 2;" class='ftw1000 box_'>一键换仓
  792.                     <div class="circle_ tooltip_" data-msg='只操作多选框选中的商品，包含订货商品' style="margin-left: 5px;">?</div>
  793.                 </label>
  794.                     <button class='change-depot-btn-left_ btn-left_' type='button'  ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>江苏</button>
  795.                     <button class='change-depot-btn-right_ btn-right_' type='button' ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>广东</button>
  796.              </div>
  797.  
  798.              <div class='mb10 flex flex-sx-center'>
  799.              <label style="font-size: 14px; width: 105px; z-index: 2;" class='ftw1000 box_'>一键锁仓
  800.                  <div class="circle_ tooltip_" data-msg='只操作多选框选中的现货' style="margin-left: 5px;">?</div>
  801.              </label>
  802.                  <button class='lock-product btn-left_' type='button'>锁定</button>
  803.                  <button class='unlock-product btn-right_' type='button'>释放</button>
  804.           </div>
  805.           
  806.  
  807.              <div class='flex flex-sx-center space-between'>
  808.                 <div class="flex flex-d-col">
  809.                     <p class='ftw1000 box_ small_btn_ share_' style="margin-bottom: 10px;">一键分享</p>
  810.                     <p class='ftw1000 box_ small_btn_ share-parse'>一键解析</p>
  811.                 </div>
  812.                 <div class="parse-text-box">
  813.                     <textarea class='textarea' placeholder="请将他人分享的购物车文本，粘贴在此处，之后点击一键解析"></textarea>
  814.                 </div>
  815.              </div>
  816.  
  817.              <!-- 查看平台优惠券列表 -->
  818.              ${lookCouponListBtnFactory()}
  819.         </div>
  820.         `
  821.         }
  822.  
  823.         /**
  824.          * 手动刷新按钮
  825.          * @returns 
  826.          */
  827.         const refreshBtnFactory = () => {
  828.             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>`
  829.             return svg_
  830.         }
  831.  
  832.         /**
  833.          * 手动刷新按钮 点击事件
  834.          */
  835.         const refreshBtnHandler = () => {
  836.             $('.refresh_btn_').click(function() {
  837.                 cartModuleLoadCartList()
  838.                 allRefresh()
  839.                 Qmsg.success(`静默刷新购物车成功！`)
  840.             })
  841.         }
  842.  
  843.  
  844.         /**
  845.          * 显示隐藏 小窗的的按钮展示
  846.          */
  847.         const showOrHideButtonFactory = () => {
  848.  
  849.             $('.hideBtn,.showBtn').remove()
  850.  
  851.             return `
  852.         <div class="hideBtn" ${getLocalData('SHOW_BOOL') === 'false' ? 'hide_' : ''}>
  853.             收起助手 >
  854.         </div>
  855.         <div class="showBtn ${getLocalData('SHOW_BOOL') === 'true' ? 'hide_' : ''}" >
  856.             < 展开助手
  857.         </div>
  858.         `
  859.         }
  860.  
  861.         /**
  862.          * 查询购物车中的品牌数量总和（多选框选中）
  863.          */
  864.         const brandCountFactory = () => {
  865.             return `
  866.         <p class='small-sign small-sign-pos'>
  867.             ${dataCartMp.size}
  868.         </p>
  869.         `
  870.         }
  871.  
  872.         /**
  873.          * 计算总的金额
  874.          */
  875.         const totalMoneyFactory = () => {
  876.  
  877.             let t = 0
  878.  
  879.             if (dataCartMp.size > 0) {
  880.                 t = [...dataCartMp.values()].reduce((total, num) => total + num).toFixed(2)
  881.             }
  882.  
  883.             return `
  884.         <p class='total-money_'>
  885.             ${t}
  886.         </p>
  887.         `
  888.         }
  889.  
  890.         /**
  891.          * 查询16-15优惠券列表
  892.          */
  893.         const lookCouponListBtnFactory = () => {
  894.             return `
  895.             <p class='look-coupon-btn'>
  896.             优惠券专区
  897.             </p>
  898.             `
  899.         }
  900.  
  901.         /**
  902.          * 查看优惠券页面的扩展按钮，绑定事件
  903.          */
  904.         const lookCouponListExtendsBtnHandler = () => {
  905.  
  906.             // 查看已领取的优惠券
  907.             $('.filter-haved').off('click').on('click', function() {
  908.                 $('.coupon-item:visible:not(:contains(立即使用))').hide()
  909.             })
  910.  
  911.             // 过滤16-15的优惠券
  912.             $('.filter-16-15').off('click').on('click', function() {
  913.                 $('.coupon-item:visible:not(:contains(满16可用))').hide()
  914.             })
  915.  
  916.             // 过滤20-15的优惠券
  917.             $('.filter-20-15').off('click').on('click', function() {
  918.                 $('.coupon-item:visible:not(:contains(满20可用))').hide()
  919.             })
  920.  
  921.             // 过滤新人优惠券
  922.             $('.filter-newone').off('click').on('click', function() {
  923.                 $('.coupon-item:visible:not(:contains(新人专享))').hide()
  924.             })
  925.  
  926.             // 过滤非新人优惠券
  927.             $('.filter-not-newone').off('click').on('click', function() {
  928.                 $('.coupon-item:visible:contains(新人专享)').hide()
  929.             })
  930.  
  931.  
  932.             // 手动刷新优惠券页面
  933.             $('.refresh-coupon-page').off('click').on('click', function() {
  934.                 setTimeout(() => {
  935.                     Qmsg.info(`1秒后刷新优惠券页面...`)
  936.                     setTimeout(lookCouponListModal, 500);
  937.                 }, 500);
  938.  
  939.             })
  940.  
  941.  
  942.  
  943.             // 一键领取当前显示的所有优惠券
  944.             $('.get-all').click(function() {
  945.                 const $couponEles = $('.coupon-item:visible div:contains(立即抢券)')
  946.  
  947.                 let totalCount = 0,
  948.                     successCount = 0
  949.                 $couponEles.each(function() {
  950.  
  951.                     //优惠券ID
  952.                     const couponId = $(this).data('id')
  953.  
  954.                     // 优惠券名称
  955.                     const couponName = $(this).data('name')
  956.  
  957.                     getAjax(`${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`).then(res => {
  958.                         res = JSON.parse(res)
  959.                         if (res.code === 200 && res.msg === '') {
  960.                             successCount++
  961.                             // console.log(`${couponName} 优惠券领取成功`)
  962.                         } else {
  963.                             // console.error(`${couponName} 优惠券领取失败，或者 已经没有可以领取的优惠券了！`)
  964.                         }
  965.                     })
  966.  
  967.                     totalCount++
  968.                 })
  969.  
  970.                 if (successCount === 0) {
  971.                     Qmsg.error(`优惠券领取失败，或者已经没有可以领取的优惠券了！`)
  972.                 } else if ($couponEles.length === totalCount) {
  973.                     Qmsg.success(`优惠券领取成功！成功：${successCount}条，失败：${totalCount - successCount}条。`)
  974.                     setTimeout(() => {
  975.                         Qmsg.info(`2秒后刷新优惠券页面...`)
  976.  
  977.                         // 由于调用接口领取，所以需要重新渲染优惠券页面
  978.                         setTimeout(lookCouponListModal, 2000);
  979.                     }, 2000);
  980.                 }
  981.             })
  982.  
  983.             // 过滤新人优惠券
  984.             $('.filter-clear').click(function() {
  985.                 $('.coupon-item:hidden').show()
  986.             })
  987.         }
  988.  
  989.         /**
  990.          * 查看优惠券列表的按钮
  991.          */
  992.         const lookCouponListHandler = () => {
  993.             const _lookCouponClick = () => {
  994.                 if ($('#couponModal').is(':hidden')) {
  995.                     $('#couponModal').show()
  996.                 } else if ($('#couponModal').is(':visible')) {
  997.                     $('#couponModal').hide()
  998.                 }
  999.             }
  1000.             $('.look-coupon-btn,.look-coupon-closebtn').click(_lookCouponClick)
  1001.         }
  1002.  
  1003.         /**
  1004.          * 优惠券模态框
  1005.          */
  1006.         const lookCouponListModal = async() => {
  1007.  
  1008.             let couponHTML = await getAjax(`${webSiteShareData.lcscWwwUrl}/huodong.html`)
  1009.  
  1010.             const $couponHTML = $(couponHTML)
  1011.  
  1012.             let $cssLink = [...$couponHTML].filter(item => item.localName == 'link' && item.href.includes('/public/css/page/activity/couponAllCoupons'))[0].outerHTML
  1013.             let $jsLink = [...$couponHTML].filter(item => item.localName == 'script' && item.src.includes('/public/js/chunk/page/activity/couponAllCoupons'))[0].outerHTML
  1014.  
  1015.             let $main_wraper = $couponHTML.find('.main_wraper')
  1016.             let $navigation = $couponHTML.find('.navigation')
  1017.  
  1018.             let ht = `
  1019.             <div class="all-coupon-page"></div>
  1020.                 <div class="common-alert-success-tip-tmpl common-confirm-del">
  1021.                 <div class="common-confirm-del-title">
  1022.                     <h3>成功提示</h3>
  1023.                     <a style="cursor: pointer;" class="common-confirm-del-close"></a>
  1024.                 </div>
  1025.                 <div class="common-confirm-del-content">
  1026.                     <p class="common-confirm-del-content-txt success">content</p>
  1027.                     <div class="common-confirm-del-btn">
  1028.                     <input type="button" class="common-confirm-a" value="确定">
  1029.                     </div>
  1030.                     <div class="common-confirm-del-icon-success"></div>
  1031.                 </div>
  1032.                 </div>
  1033.                 <div class="mask">
  1034.             </div>`
  1035.  
  1036.             const $couponEle = $('.couponModal')
  1037.             $couponEle.empty()
  1038.             $couponEle.append(ht).append($cssLink).append($jsLink)
  1039.  
  1040.             $('.couponModal .all-coupon-page').append($main_wraper).append($navigation)
  1041.  
  1042.             couponGotoHandler()
  1043.         }
  1044.  
  1045.         /**
  1046.          * 品牌多选按钮监听处理事件
  1047.          * 追加html、事件监听、模态框都放在这里写
  1048.          */
  1049.         const lookCouponCheckboxHandler = () => {
  1050.                 if ($('#batch-check-branch').length == 0 && $('.batch-del-btn').length > 0) {
  1051.                     $('.foot-tool-left div:eq(0)').append(`
  1052.                 <span id="batch-check-branch" style="margin-left: 10px;
  1053.                 margin-left: 6px;
  1054.                 padding: 10px 12px;
  1055.                 background: #0093e6;
  1056.                 border-radius: 2px;
  1057.                 cursor: pointer;
  1058.                 color: white;">批量选择现货品牌</span>
  1059.                 `);
  1060.  
  1061.             // 动态刷新勾选框状态，商品下所有商品选中的状态才会打勾    
  1062.             setInterval(() => {
  1063.                 // 小模态框未显示的话，直接跳过
  1064.                 if($('#batch-check-branch-box').is(':hidden')) {
  1065.                     return;
  1066.                 }
  1067.                 // CHECKED选中、UNCHECKED未选中、INDETERMINATE不确定
  1068.                 var ckMap = checkboxStatusGroupByBrandName();
  1069.                 ckMap.forEach((checkStatus, brandName) => {
  1070.                     // 判断状态
  1071.                     switch (checkStatus) {
  1072.                         case 'CHECKED':
  1073.                             $(`#${brandName}-ckbox`).prop('checked', true);
  1074.                             $(`#${brandName}-ckbox input[type=checkbox]`)[0].indeterminate = false;
  1075.                             break;
  1076.                         case 'UNCHECKED':
  1077.                             $(`#${brandName}-ckbox`).prop('checked', false);
  1078.                             $(`#${brandName}-ckbox input[type=checkbox]`)[0].indeterminate = false;
  1079.                             break;
  1080.                         case 'INDETERMINATE':
  1081.                             $(`#${brandName}-ckbox input[type=checkbox]`)[0].indeterminate = true;
  1082.                             break;
  1083.                     }
  1084.                 })
  1085.             }, 1500);
  1086.  
  1087.                     // 点击事件监听
  1088.                     $('#batch-check-branch').on('click', function() {
  1089.                                 const $box = $('#batch-check-branch-box');
  1090.                                 if ($box.length == 0) {
  1091.                                     $('body').append(`
  1092.                         <div id="batch-check-branch-box" style="
  1093.                             position: fixed;
  1094.                             flex-wrap: wrap;
  1095.                             display: flex;
  1096.                             bottom: 60px;
  1097.                             left: 25%;
  1098.                             z-index: 100;
  1099.                             overflow: auto;
  1100.                             width: 500px;
  1101.                             background-color: white;
  1102.                             border: 3px solid #3498db;
  1103.                             border-radius: 5px;
  1104.                             ">
  1105.                         ${[...dataBrandColorMp.keys()].reverse().map(brandName => {
  1106.                             return `<div class="hover-cs checkbox-branch-btn" style="background-color: ${dataBrandColorMp.get(brandName)};
  1107.                                                 width: fit-content;
  1108.                                                 height: fit-content;
  1109.                                                 font-size: 14px;
  1110.                                                 margin: 5px 0px 5px 5px;
  1111.                                                 padding: 5px;
  1112.                                                 cursor: pointer;
  1113.                                                 color: white;">
  1114.                                         <label id="${brandName}-ckbox" style="cursor: pointer;display: flex;">
  1115.                                             <input id="${brandName}-ckbox" type="checkbox" style="margin-right: 5px; cursor: pointer;">${brandName}</input>
  1116.                                         </label>
  1117.                                     </div>`
  1118.                         }).join('')}
  1119.                         </div>
  1120.                         `);
  1121.                         // 点击事件-选中指定品牌的所有商品
  1122.                         $('.checkbox-branch-btn').on('click', function() {
  1123.                             var brandName = $(this).find('label').text().replace(/[ \n]/g, '');
  1124.                             checkBoxByBrandName(brandName, $(this).find('input[type=checkbox]').is(':checked')?1:0);
  1125.                         })
  1126.                 }
  1127.                 $box.is(':visible') ? $box.hide() : $box.show();
  1128.             })
  1129.         }
  1130.     }
  1131.  
  1132.     /**
  1133.      * 根据品牌名称分组多选框选中状态
  1134.      * CHECKED选中、UNCHECKED未选中、INDETERMINATE不确定
  1135.      * 只查现货的
  1136.      */
  1137.     const checkboxStatusGroupByBrandName = () => {
  1138.         // 获取现货
  1139.         var $ele = getHavedLineInfo();
  1140.         // 品牌名是否全选
  1141.         var ckMap = new Map();
  1142.         [...$ele].forEach(function(that) {
  1143.             var $this = $(that);
  1144.              // 品牌名称
  1145.             let brandName = $this.find('.cart-li-pro-info div:eq(2)').text().trim();
  1146.             // 查找到品牌名称
  1147.             brandName = getBrandNameByRegex(brandName.split('\n')[brandName.split('\n').length - 1].trim());
  1148.             var $checkedEle = $this.find('input.check-box');
  1149.             // 当前元素的选中状态
  1150.             var currentCheckStatus = $checkedEle.is(':checked') ? 'CHECKED' : 'UNCHECKED';
  1151.             // 如果已经是未全选状态，直接跳出该品牌了
  1152.             if(ckMap.get(brandName) === 'INDETERMINATE') {
  1153.                 return;
  1154.             }
  1155.             // 不确定的状态判断
  1156.             if(ckMap.get(brandName) != null && ckMap.get(brandName) != currentCheckStatus) {
  1157.                 ckMap.set(brandName, 'INDETERMINATE');
  1158.                 return;
  1159.             }
  1160.             // 默认
  1161.             ckMap.set(brandName, currentCheckStatus);
  1162.             if (currentCheckStatus === 'UNCHECKED') {
  1163.                 ckMap.set(brandName, currentCheckStatus);
  1164.             }
  1165.         })
  1166.         
  1167.         return ckMap;
  1168.     }
  1169.  
  1170.     /**
  1171.      * 常规的多选框事件，指定品牌的
  1172.      * @param {*} brandName 
  1173.      * @param {*} type  1选中、0移除选中
  1174.      */
  1175.     const checkBoxByBrandName = (brandName, type) => {
  1176.         var $ele = getHavedLineInfoByBrandName(brandName);
  1177.         var $checkedEle = $ele.find('input.check-box:checked');
  1178.         var $notCheckedEle = $ele.find('input.check-box:not(:checked)');
  1179.         if(type === 1) {
  1180.             $notCheckedEle.click();
  1181.         } 
  1182.         else if(type === 0) {
  1183.             $checkedEle.click();
  1184.         }
  1185.     }
  1186.  
  1187.     /**
  1188.      * 获取勾选框选中的物料编号集合，波浪线分割
  1189.      */
  1190.     const myGetCK = () => {
  1191.         return [...getAllCheckedLineInfo().map(function () {
  1192.             return $(this).attr('id').split('-')[2]
  1193.         })].join('~')
  1194.     }
  1195.  
  1196.  
  1197.     /**
  1198.      * 更新购物车勾选
  1199.      */
  1200.     const cartUpdateChecked = () => {
  1201.         return new Promise((resolve, reject) => {
  1202.             try {
  1203.                 postFormAjax(`${webSiteShareData.lcscCartUrl}/page/home/cart/update/checked`, { ck: (myGetCK() || 'false') }).then(res => {
  1204.                     res = JSON.parse(res)
  1205.                     if (res.code === 200 && res.msg === null) {
  1206.                         resolve('true')
  1207.                     } else {
  1208.                         resolve('true')
  1209.                     }
  1210.                 })
  1211.             } catch (error) {
  1212.                 console.error(error);
  1213.                 reject('false')
  1214.             }
  1215.         })
  1216.     }
  1217.  
  1218.     /**
  1219.      * 根据品牌名称 查询是否多仓
  1220.      * @returns true多仓，false 非多仓
  1221.      */
  1222.     const juageMultiDepotByBrandName = (brandName) => {
  1223.         //这样是多仓 ['江苏', '广东', '']
  1224.         return new Set($(`.product-item:contains("${brandName}")`).find('.warehouse:contains("仓")').text().replace(/[^广东江苏仓]+/g, '').split('仓')).size === 3
  1225.     }
  1226.  
  1227.     /**
  1228.      * 追加的html
  1229.      * @returns
  1230.      */
  1231.     const htmlFactory = () => {
  1232.  
  1233.         let tempHtml = `
  1234.         ${$('.couponModal').length === 0 ? `
  1235.         <div id="couponModal" style="display: none;">
  1236.             <div class="extend-btn-group_">
  1237.                 <p class="coupon-item-btn-text_ refresh-coupon-page">刷新领券页面</p>
  1238.                 <p class="coupon-item-btn-text_ filter-clear">清空筛选</p>
  1239.                 <p class="coupon-item-btn-text_ filter-haved">查看已领取</p>
  1240.                 <p class="coupon-item-btn-text_ filter-16-15">筛选16-15</p>
  1241.                 <p class="coupon-item-btn-text_ filter-20-15">筛选20-15</p>
  1242.                 <p class="coupon-item-btn-text_ filter-newone">筛选新人券</p>
  1243.                 <p class="coupon-item-btn-text_ filter-not-newone">筛选非新人券</p>
  1244.  
  1245.                 <p class="coupon-item-btn-text_ get-all" style="height: auto;">一键领取</br>当前展示优惠券</p>
  1246.             </div>
  1247.             <!-- <p class="look-coupon-closebtn" style=''>X</p> -->
  1248.             <div class="couponModal">
  1249.                 
  1250.             </div>
  1251.         </div>
  1252.         
  1253.         ` : ''}
  1254.  
  1255.         ${showOrHideButtonFactory()}
  1256.         <div class="bd ${getLocalData('SHOW_BOOL') === 'true' ? '' : 'hide_'}">
  1257.         ${buttonListFactory()}
  1258.         <ul>`
  1259.  
  1260.         const head = `
  1261.         <li class='li-cs' style="position: sticky; top: 0px; background-color: white; z-index: 2;">
  1262.         ${refreshBtnFactory()}
  1263.                 <div>
  1264.                 <!-- 勾选的品牌数量 -->
  1265.                     ${brandCountFactory()}
  1266.  
  1267.                     <!-- 计算所有的总金额 -->
  1268.                     ${totalMoneyFactory()}
  1269.  
  1270.                     <span style='font-weight: 1000; color: black;width: 165px; line-height: 24px;' class="flex flex-zy-center">品牌名称
  1271.                     </br>(现货)</span>
  1272.                     <span style='font-weight: 1000; color: black; width: 90px;line-height: 24px;' class="flex flex-zy-center">总金额</span>
  1273.                     <span style='font-weight: 1000; color: black; width: 80px;line-height: 24px;' class="flex flex-zy-center">差额</span>
  1274.                     <span style='font-weight: 1000; color: black; line-height: 24px;' class="flex flex-zy-center">优惠券</br>(16-15) </span>
  1275.                 </div>
  1276.             </li>
  1277.         `
  1278.  
  1279.         tempHtml += head
  1280.  
  1281.         for (var [key, val] of sortMapByValue(dataCartMp)) {
  1282.             tempHtml += `
  1283.             <li class='li-cs click-hv ftw500'>
  1284.                 <div>
  1285.                     <p class="small-sign ${juageMultiDepotByBrandName(key) ? 'multi_' : 'multi_default'} multi_pos_" style="font-size: 12px; line-height: 100%;">多仓库</p>
  1286.                     <span class='key sort_' style="width: 155px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">${key}</span>
  1287.                     <span class='val sort_' style="width: 90px;">${val}</span>
  1288.                     <span class='val sort_' style="width: 80px;">${(16 - val).toFixed(2)}</span>
  1289.                     ${couponHTMLFactory(key)}
  1290.                 </div>
  1291.             </li>
  1292.             `
  1293.         }
  1294.  
  1295.         return tempHtml + '</ul></div>'
  1296.     }
  1297.  
  1298.     /**
  1299.      * 优惠券按钮的html生成
  1300.      * @param {*} brandName  品牌名称
  1301.      */
  1302.     const couponHTMLFactory = (brandName) => {
  1303.  
  1304.         // 优惠券实体
  1305.         const couponEntity = all16_15CouponMp.get(brandName)
  1306.  
  1307.         let buttonLine = ''
  1308.  
  1309.         if (!$.isEmptyObject(couponEntity)) {
  1310.  
  1311.             // 是否已经领取
  1312.             if (couponEntity.isHaved === true) {
  1313.                 buttonLine = `<span class='val' style="text-align: center; ">
  1314.                     <span style="font-size: 12px;">已领取-${couponEntity.isNew === false ? '普通券' : '新人券'}</span>
  1315.                 </span> `
  1316.             } 
  1317.             else if (couponEntity.isUsed === true) {
  1318.                 buttonLine = `<span class='val' style="text-align: center; ">
  1319.                     <span style="font-size: 12px;">本月已使用</span>
  1320.                 </span> `
  1321.             } 
  1322.             else {
  1323.                 buttonLine = `<span class='flex-sx-center flex-zy-center flex' style="padding: 0; width: 195px; text-align: center; ">
  1324.                     <button type="button" class="to_cou">${couponEntity.isNew === false ? '普通券' : '新人券'}</button>
  1325.                  </span> `
  1326.             }
  1327.         }
  1328.  
  1329.         return $.isEmptyObject(buttonLine) ? '<span></span>' : buttonLine
  1330.     }
  1331.  
  1332.  
  1333.     /**
  1334.      * 追加的css
  1335.      * @returns
  1336.      */
  1337.     const cssFactory = () => `
  1338.     <style id="myCss">
  1339.     .hover-cs:hover {
  1340.         color: #e1e1e1 !important;
  1341.         cursor: pointer;
  1342.     }
  1343.  
  1344.     #couponModal {
  1345.         height: 85vh;
  1346.         position: fixed;
  1347.         top: 40px;
  1348.         right: 440px;
  1349.         z-index: 100;
  1350.         overflow: auto;
  1351.         background-color: white;
  1352.         border: 3px solid #3498db;
  1353.         border-radius: 5px;
  1354.         padding: 5px 150px 0 10px;
  1355.         margin-left: 40px;
  1356.     }
  1357.  
  1358.     .look-coupon-closebtn {
  1359.         position: fixed;
  1360.         top: 20px;
  1361.         right: 210px;
  1362.         border: 2px solid #3498db !important;
  1363.         background-color: white;
  1364.         padding: 5px 20px;
  1365.         width: min-content !important;
  1366.         border-radius: 5px;
  1367.         zoom: 200%;
  1368.     }
  1369.  
  1370.     .bd {
  1371.         position: fixed;
  1372.         top: 40px;
  1373.         right: 33px;
  1374.         background-color: white;
  1375.         border: 2px solid #3498db;
  1376.         width: 380px;
  1377.         padding: 3px;
  1378.         border-radius: 5px;
  1379.         z-index: 99;
  1380.         overflow: auto;
  1381.     }
  1382.     
  1383.     .ftw400 {
  1384.         font-weight: 400;
  1385.     }
  1386.     
  1387.     .ftw500 {
  1388.         font-weight: 500;
  1389.     }
  1390.     
  1391.     .ftw1000 {
  1392.         font-weight: 1000;
  1393.     }
  1394.     
  1395.     .hideBtn,
  1396.     .showBtn {
  1397.         position: fixed;
  1398.         top: 20px;
  1399.         right: 10px;
  1400.         background-color: white;
  1401.         border: 2px solid #3498db;
  1402.         width: 85px;
  1403.         line-height: 30px;
  1404.         text-align: center;
  1405.         padding: 3px;
  1406.         font-weight: 800;
  1407.         border-radius: 5px;
  1408.         z-index: 1501;
  1409.         font-size: 16px;
  1410.         cursor: pointer;
  1411.         user-select:none;
  1412.     }
  1413.     
  1414.     .hide_ {
  1415.         display: none;
  1416.     }
  1417.     
  1418.     .m10 {
  1419.         margin: 10px;
  1420.     }
  1421.     .mb10 {
  1422.         margin-bottom: 10px;
  1423.     }
  1424.     .mt10 {
  1425.         margin-top: 10px;
  1426.     }
  1427.     .ml10 {
  1428.         margin-left: 10px;
  1429.     }
  1430.     .mr10 {
  1431.         margin-right: 10px;
  1432.     }
  1433.     
  1434.     .flex {
  1435.         display: flex;
  1436.     }
  1437.     
  1438.     .flex-sx-center {
  1439.         /*上下居中*/
  1440.         align-items: center;
  1441.     }
  1442.  
  1443.     .space-between {
  1444.         justify-content: space-between;
  1445.     }
  1446.     
  1447.     .flex-zy-center {
  1448.         /*左右居中*/
  1449.         justify-content: center;
  1450.     }
  1451.  
  1452.     .flex-d-col {
  1453.         flex-direction: column;
  1454.     }
  1455.     
  1456.     .flex-d-row {
  1457.         flex-direction: row;
  1458.     }
  1459.  
  1460.     .li-cs {
  1461.         margin: 5px;
  1462.         font-size: 14px;
  1463.         box-sizing: border-box;
  1464.         user-select:none;
  1465.         position: relative;
  1466.     }
  1467.     
  1468.     .box_ {
  1469.         box-sizing: border-box;
  1470.     }
  1471.     
  1472.     .click-hv:hover span {
  1473.         color: #e1e1e1 !important;
  1474.         cursor: pointer;
  1475.     }
  1476.     
  1477.     .li-cs div, .li-cs p {
  1478.         display: flex;
  1479.         width: 100%;
  1480.         border: 2px solid #3498db;
  1481.         border-radius: 5px;
  1482.     }
  1483.     
  1484.     .li-cs span {
  1485.         padding: 10px;
  1486.         width: 50%;
  1487.         color: white;
  1488.         box-sizing: border-box;
  1489.     }
  1490.     
  1491.     .li-cs .to_cou {
  1492.         border: 1px solid white;
  1493.         border-radius: 3px;
  1494.         background-color: rgba(255, 255, 255, 0.6);
  1495.         padding: 5px 15px;
  1496.         color: #2c4985;
  1497.     }
  1498.     
  1499.     .cart-li-pro-info div:hover {
  1500.         color: rgba(57, 46, 74, 0.9) !important;
  1501.     }
  1502.     
  1503.     .checkbox {
  1504.         appearance: none;
  1505.         width: 64px;
  1506.         height: 32px;
  1507.         position: relative;
  1508.         border-radius: 16px;
  1509.         cursor: pointer;
  1510.         background-color: #777;
  1511.         zoom: 90%;
  1512.     }
  1513.     
  1514.     .checkbox:before {
  1515.         content: "";
  1516.         position: absolute;
  1517.         width: 28px;
  1518.         height: 28px;
  1519.         background: white;
  1520.         left: 2px;
  1521.         top: 2px;
  1522.         border-radius: 50%;
  1523.         transition: left cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
  1524.     }
  1525.     
  1526.     .checkbox:after {
  1527.         content: "开 关";
  1528.         text-indent: 12px;
  1529.         word-spacing: 4px;
  1530.         display: inline-block;
  1531.         white-space: nowrap;
  1532.         color: white;
  1533.         font: 14px/30px monospace;
  1534.         font-weight: bold;
  1535.     }
  1536.     
  1537.     .checkbox:hover:before {
  1538.         box-shadow: inset 0px 0px 5px 0px #3498db;
  1539.     }
  1540.     
  1541.     .checkbox:checked {
  1542.         background-color: #3498db;
  1543.     }
  1544.     
  1545.     .checkbox:checked:before {
  1546.         left: 34px;
  1547.     }
  1548.     
  1549.     .checkbox:checked:after {
  1550.         color: #fff;
  1551.     }
  1552.     
  1553.     .small-sign {
  1554.         padding: 2px 3px;
  1555.         width: min-content !important;
  1556.         font-weight: bold;
  1557.     }
  1558.  
  1559.     .small-sign-pos {
  1560.         position: absolute;
  1561.         top: 35px;
  1562.         left: 70px;
  1563.     }
  1564.  
  1565.     .multi_ {
  1566.         background: white;
  1567.         color: #013d72 !important;
  1568.         width: min-content !important;
  1569.         font-weight: 200 !important;
  1570.         border-radius: 2px !important;
  1571.         padding: unset !important;
  1572.         height: fit-content;
  1573.         border: none !important;
  1574.         font-size: 11px;
  1575.     }
  1576.  
  1577.     .multi_default {
  1578.         width: min-content !important;
  1579.         font-weight: 200 !important;
  1580.         border-radius: 2px !important;
  1581.         padding: unset !important;
  1582.         height: fit-content;
  1583.         border: none !important;
  1584.         font-size: 11px;
  1585.         color: #00000000;
  1586.     }
  1587.  
  1588.     .multi_pos {
  1589.         position: absolute;
  1590.         top: -3px;
  1591.         left: 83px;
  1592.     }
  1593.  
  1594.     .total-money_ {
  1595.         position: absolute;
  1596.         top: 35px;
  1597.         left: 123px;
  1598.         padding: 2px 3px;
  1599.         width: min-content !important;
  1600.         font-weight: bold;
  1601.     }
  1602.  
  1603.  
  1604.     .look-coupon-btn {
  1605.         font-weight: bold;
  1606.         width: 110px !important;
  1607.         height: 135px;
  1608.         text-align: center;
  1609.         line-height: 130px;
  1610.         display: block !important;
  1611.         background-color: #3498db;
  1612.         position: absolute;
  1613.         top: 20px;
  1614.         right: 4px;
  1615.         color: white;
  1616.         font-size: 18px;
  1617.         border-radius: 5px;
  1618.         border: 2px solid #3498db;
  1619.         user-select:none;
  1620.     }
  1621.     
  1622.     .btn-group_ {
  1623.         border: 2px solid #3498db;
  1624.     }
  1625.     
  1626.     button.btn-left_,
  1627.     button.btn-right_ {
  1628.         width: 60px;
  1629.         height: 30px;
  1630.         border: unset;
  1631.         background-color: white;
  1632.     }
  1633.  
  1634.     button.btn-right_:hover,
  1635.     button.btn-left_:hover,
  1636.     .to_cou:hover,
  1637.     .showBtn:hover,
  1638.     .look-coupon-closebtn:hover,
  1639.     .look-coupon-btn:hover,
  1640.     .share_:hover,
  1641.     .coupon-item-btn-text_:hover
  1642.     {
  1643.         background-color: #53a3d6 !important;
  1644.         color: white !important;
  1645.         cursor: pointer;
  1646.     }
  1647.  
  1648.     button.btn-left_ {
  1649.         border-left: 2px solid #3498db;
  1650.         border-block: 2px solid #3498db;
  1651.         border-radius: 5px 0 0 5px;
  1652.         border-right: 2px solid #3498db;
  1653.     }
  1654.     
  1655.     button.btn-right_ {
  1656.         border-right: 2px solid #3498db;
  1657.         border-block: 2px solid #3498db;
  1658.         border-radius: 0 5px 5px 0;
  1659.     }
  1660.     
  1661.     .circle_ {
  1662.         display: inline-block;
  1663.         width: 16px;
  1664.         height: 16px;
  1665.         border-radius: 50%;
  1666.         background-color: #77b0e2;
  1667.         color: #fff;
  1668.         font-size: 12px;
  1669.         text-align: center;
  1670.         line-height: 15px;
  1671.         position: relative;
  1672.     }
  1673.     
  1674.     .circle_::before {
  1675.         content: "?";
  1676.         font-size: 16px;
  1677.         position: absolute;
  1678.         top: 50%;
  1679.         left: 50%;
  1680.         transform: translate(-50%, -50%);
  1681.     }
  1682.     
  1683.     .tooltip_ {
  1684.         position: relative;
  1685.         font-size: 14px;
  1686.         cursor: pointer;
  1687.     }
  1688.     
  1689.     .tooltip_:hover::before {
  1690.         word-break: keep-all;
  1691.         white-space: nowrap;
  1692.         content: attr(data-msg);
  1693.         position: absolute;
  1694.         padding: 8px 10px;
  1695.         display: block;
  1696.         color: #424343;
  1697.         border: 2px solid #3498db;
  1698.         border-radius: 5px;
  1699.         font-size: 14px;
  1700.         line-height: 20px;
  1701.         top: -47px;
  1702.         left: 50%;
  1703.         transform: translateX(-25%);
  1704.         background-color: white;
  1705.     }
  1706.     
  1707.     .tooltip_:hover::after {
  1708.         content: "﹀";
  1709.         position: absolute;
  1710.         top: -10px;
  1711.         left: 50%;
  1712.         -webkit-transform: translateX(-50%);
  1713.         -ms-transform: translateX(-50%);
  1714.         transform: translateX(-50%);
  1715.         background: #fff;
  1716.         color: #3498db;
  1717.         height: 7px;
  1718.         line-height: 10px;
  1719.         background-color: white;
  1720.     }
  1721.  
  1722.     
  1723.     .all-coupon-page .navigation {
  1724.         position: fixed;
  1725.         left: unset !important;
  1726.         right: 505px !important;
  1727.         top: 470px !important;
  1728.         z-index: 1000;
  1729.     }
  1730.  
  1731.     .all-coupon-page .main_wraper {
  1732.         background: #fff;
  1733.         zoom: 0.9;
  1734.         width: unset !important;
  1735.     }
  1736.  
  1737.     .extend-btn-group_  {
  1738.         position: fixed;
  1739.         right: 480px;
  1740.         top: 100px;
  1741.         z-index: 888;
  1742.         margin-left: -720px;
  1743.     }
  1744.  
  1745.     .extend-btn-group_ .coupon-item-btn-text_ {
  1746.         box-sizing: border-box;
  1747.         width: 100px;
  1748.         height: 30px;
  1749.         text-align: center;
  1750.         background: #199fe9;
  1751.         font-size: 14px;
  1752.         font-weight: 400;
  1753.         color: #fff;
  1754.         line-height: 30px;
  1755.         cursor: pointer;
  1756.         border-radius: 4px;
  1757.         margin-top: 9px;
  1758.     }
  1759.  
  1760.     .extend-btn-group_ .filter-clear {
  1761.         color: #3498db; 
  1762.         background: white; 
  1763.         border: 1px solid #3498db;
  1764.         font-weight: bolder;
  1765.     }
  1766.  
  1767.     .coupon-item {
  1768.         margin: 0 7px 10px 7px !important;
  1769.     }
  1770.  
  1771.     .parse-text-box {
  1772.         margin-right: 7px;
  1773.         width: 100%;
  1774.     }
  1775.  
  1776.     .textarea {
  1777.         width: 100%;
  1778.         min-width: 230px !important;
  1779.         min-height: 85px !important;
  1780.         border: 1px solid #3498db;
  1781.         border-radius: 3px;
  1782.     }
  1783.  
  1784.     .small_btn_ {
  1785.         font-size: 14px;
  1786.         width: 80px;
  1787.         margin-right: 22px;
  1788.         z-index: 2;
  1789.         border: 2px;
  1790.         background-color: #3498db;
  1791.         cursor: pointer;
  1792.         color: white;
  1793.         text-align: center;
  1794.         border-radius: 5px;
  1795.         padding: 6px;
  1796.     }
  1797.  
  1798.     ::-webkit-scrollbar {
  1799.          width:14px !important;
  1800.          height:unset !important;
  1801.     }
  1802.  
  1803.     ::-webkit-scrollbar-thumb {
  1804.         background: #e1e1e1 !important;
  1805.     }
  1806.  
  1807.     /* 选中任意的状态不确定的 <input> */
  1808.     input:indeterminate {
  1809.         background: lime;
  1810.     }
  1811.     </style>
  1812.     `;
  1813.  
  1814.     // /*滚动条整体样式*/
  1815.     // .bd::-webkit-scrollbar {
  1816.     // width: 10px;     
  1817.     // height: 1px;
  1818.     // }
  1819.     // /*滚动条里面小方块*/
  1820.     // .bd::-webkit-scrollbar-thumb {
  1821.     // border-radius: 10px;
  1822.     // background-color: #b4b7ba;
  1823.     // background-image: 
  1824.     //     -webkit-linear-gradient(
  1825.     //     45deg, 
  1826.     //     rgba(255, 255, 255, .2) 25%, 
  1827.     //     transparent 25%, 
  1828.     //     transparent 50%, 
  1829.     //     rgba(255, 255, 255, .2) 50%, 
  1830.     //     rgba(255, 255, 255, .2) 75%, 
  1831.     //     transparent 75%, 
  1832.     //     transparent
  1833.     //     );
  1834.     // }
  1835.     // /*滚动条里面轨道*/
  1836.     // .bd::-webkit-scrollbar-track {
  1837.     // -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  1838.     // /*border-radius: 10px;*/
  1839.     // background: #EDEDED;
  1840.     // }
  1841.  
  1842.     /**
  1843.      * 追加到body
  1844.      */
  1845.     const appendHtml = () => {
  1846.  
  1847.         // console.time('appendHtml')
  1848.  
  1849.         if ($('#myCss').length === 0) {
  1850.             $('body').append(cssFactory())
  1851.         }
  1852.  
  1853.         $('.bd').remove()
  1854.         $('body').append(htmlFactory())
  1855.  
  1856.         // =========== 事件 ==============
  1857.         clickBrandHandler()
  1858.         getCouponClickHandler()
  1859.         showOrHideModalHandler()
  1860.         onClickChangeDepotBtnHandler()
  1861.         checkDepotBtnHandlerNew()
  1862.         lookCouponListExtendsBtnHandler()
  1863.         lookCouponListHandler()
  1864.         shareHandler()
  1865.         shareParseHandler()
  1866.         lockProductHandler()
  1867.         refreshBtnHandler()
  1868.         // =============================
  1869.         resizeHeight()
  1870.  
  1871.         // console.timeEnd('appendHtml')
  1872.     }
  1873.  
  1874.     /**
  1875.      * 基础配置优化
  1876.      */
  1877.     const basicSettings = () => {
  1878.         // 多选框放大
  1879.         $('input.check-box:not([style*=zoom])').css('zoom', '150%')
  1880.  
  1881.         // 点击物料图片，操作多选框
  1882.         $('.product-img:not([class*=click_do_])').addClass('click_do_')
  1883.             .on('click', function () {
  1884.                 $(this).addClass('click_do_').prev('.check-box').click();
  1885.             })
  1886.  
  1887.         // 购物车列表 点击品牌跳转到该品牌下的商品
  1888.         $('.product-item li.cart-li-pro-info:not(:has([class*=open_do_]))').find('div:eq(2)')
  1889.             .css({ cursor: 'pointer' }).addClass('open_do_').click(function () {
  1890.                 GM_openInTab(`${webSiteShareData.lcscSearchUrl}/global.html?k=${getBrandNameByRegex(this.innerText)}`, { active: true, insert: true, setParent: true })
  1891.             })
  1892.     }
  1893.  
  1894.  
  1895.     /**
  1896.      * 遍历购物车清单，并计算品牌总金额
  1897.      */
  1898.     const eachCartList = () => {
  1899.         dataCartMp.clear()
  1900.  
  1901.         getHavedCheckedLineInfo().each(function (i) {
  1902.  
  1903.             let $this = $(this)
  1904.  
  1905.             // 物料编号
  1906.             // let productNo = $this.find('ul li:eq(1) a').text().trim()
  1907.  
  1908.             // 品牌名称
  1909.             let brandName = $this.find('.cart-li-pro-info div:eq(2)').text().trim()
  1910.  
  1911.             // 查找到品牌名称
  1912.             brandName = getBrandNameByRegex(brandName.split('\n')[brandName.split('\n').length - 1].trim())
  1913.  
  1914.             // if ($this.find('input:checked').length === 0) {
  1915.             //     return
  1916.             // }
  1917.  
  1918.             // 品牌下的单个商品总价
  1919.             let linePrice = parseFloat($this.find('.line-total-price').text().trim().replace('￥', ''))
  1920.  
  1921.             // 日志打印控制台
  1922.             // console.log(productId, brandName, linePrice)
  1923.  
  1924.             let mpVal = $.isEmptyObject(dataCartMp.get(brandName)) ? 0 : dataCartMp.get(brandName)
  1925.  
  1926.             // 保存到Map中
  1927.             dataCartMp.set(brandName, parseFloat((mpVal + linePrice).toFixed(2)))
  1928.  
  1929.  
  1930.             if ($.isEmptyObject(dataBrandColorMp.get(brandName))) {
  1931.                 // 对品牌进行随机色设置
  1932.                 dataBrandColorMp.set(brandName, srdmRgbColor())
  1933.             }
  1934.         })
  1935.     }
  1936.  
  1937.     /**
  1938.      * 对品牌进行随机色设置
  1939.      */
  1940.     const setBrandColor = () => {
  1941.  
  1942.         //弹框 对品牌进行随机色设置
  1943.         $('.li-cs').each(function (i) {
  1944.             $(this).css('background', dataBrandColorMp.get($(this).find('span:eq(0)').text().trim()))
  1945.         })
  1946.  
  1947.         // 购物车列表 品牌颜色设置
  1948.         dataBrandColorMp.forEach((v, k) => {
  1949.             let brandElement = getHavedLineInfoByBrandName(k).find('ul li.cart-li-pro-info div:eq(2)')
  1950.             brandElement.css({
  1951.                 'background-color': v,
  1952.                 'width': 'min-content',
  1953.                 'color': 'white'
  1954.             })
  1955.  
  1956.             brandElement.find('a').css({
  1957.                 'color': 'white'
  1958.             })
  1959.         })
  1960.     }
  1961.  
  1962.     /**
  1963.     * 查找购物车中所有选中的行的元素（包含现货、订货）
  1964.     *
  1965.     */
  1966.     const getAllCheckedLineInfo = () => {
  1967.         return $('.product-list .product-item input:checked').parents('.product-item')
  1968.     }
  1969.  
  1970.     /**
  1971.     * 查找购物车中所有选中的行的元素（包含现货、订货）指定：江苏仓
  1972.     *
  1973.     */
  1974.     const getJsLineInfo = () => {
  1975.         return $('.product-list .product-item .warehouse-wrap .warehouse:contains(江苏仓)')
  1976.     }
  1977.  
  1978.     /**
  1979.     * 查找购物车中所有选中的行的元素（包含现货、订货）指定：广东仓
  1980.     *
  1981.     */
  1982.     const getGdLineInfo = () => {
  1983.         return $('.product-list .product-item .warehouse-wrap .warehouse:contains(广东仓)')
  1984.     }
  1985.  
  1986.     /**
  1987.      * 通过品牌名称，查找购物车中所在行的元素（包含现货、订货）
  1988.      */
  1989.     const getAllLineInfoByBrandName = (brandName) => {
  1990.         return $('.product-list .product-item:contains(' + brandName + ')')
  1991.     }
  1992.  
  1993.     /**
  1994.      * 购物车中所在行的元素（包含现货、订货）
  1995.      */
  1996.     const getAllLineInfo = () => {
  1997.         return $('.product-list .product-item')
  1998.     }
  1999.  
  2000.     /**
  2001.      * 通过品牌名称，查找购物车中的行元素(只获取现货商品)
  2002.      */
  2003.     const getHavedLineInfoByBrandName = (brandName) => {
  2004.         return $('.product-list .product-list-dl:eq(0) .product-item:contains(' + brandName + ')')
  2005.     }
  2006.  
  2007.     /**
  2008.      * 购物车中的行元素(只获取现货商品)
  2009.      */
  2010.     const getHavedLineInfo = () => {
  2011.         return $('.product-list .product-list-dl:eq(0) .product-item')
  2012.     }
  2013.  
  2014.     /**
  2015.      * 通过品牌列表名称，购物车中的行的元素(只获取现货商品)
  2016.      */
  2017.     const getHavedLineInfoByBrandNameList = (brandNameList) => {
  2018.         return $(
  2019.             [...getHavedLineInfo()].filter(item => {
  2020.                 const brandName = getBrandNameByRegex($(item).find(`.cart-li:eq(2) div:eq(2)`).text().trim())
  2021.                 return brandNameList.includes(brandName)
  2022.             })
  2023.         )
  2024.     }
  2025.  
  2026.     /**
  2027.      * 查找购物车中选中的行元素(只获取现货商品、选中的)
  2028.      * product-list-dl eq 0 是现货
  2029.      * product-list-dl eq 1 是订货
  2030.      *
  2031.      */
  2032.     const getHavedCheckedLineInfo = () => {
  2033.         return $('.product-list .product-list-dl:eq(0) .product-item input:checked').parents('.product-item')
  2034.     }
  2035.  
  2036.     /**
  2037.      * 查找购物车中没有选中的行元素(只获取现货商品、选中的)
  2038.      * product-list-dl eq 0 是现货
  2039.      * product-list-dl eq 1 是订货
  2040.      *
  2041.      */
  2042.     const getHavedNotCheckedLineInfo = () => {
  2043.         return $('.product-list .product-list-dl:eq(0) .product-item input:not(:checked)').parents('.product-item')
  2044.     }
  2045.  
  2046.     /**
  2047.      * 点击小窗口的品牌按钮，实现该品牌下的单选
  2048.      * 且该品牌下的物料，会自动排到购物车的前面几条
  2049.      */
  2050.     const clickBrandHandler = () => {
  2051.         $('.click-hv .sort_').on('click', function (target) {
  2052.             let brandName = $(this).text().trim()
  2053.  
  2054.             let cutHtmlElement = []
  2055.  
  2056.             // 查找购物车 现货商品
  2057.             getHavedLineInfoByBrandName(brandName).each(function (i) {
  2058.                 cutHtmlElement.push($(this))
  2059.             })
  2060.  
  2061.             cutHtmlElement.forEach(item => {
  2062.                 $('.product-list .product-list-dl:eq(0) .product-item').insertAfter(item)
  2063.             })
  2064.         })
  2065.  
  2066.         /**
  2067.          * 小窗口品牌列表的双击事件
  2068.          * 双击全选品牌
  2069.          */
  2070.         $('.click-hv .sort_').on('dblclick', function () {
  2071.  
  2072.             let brandName = $(this).text().trim()
  2073.  
  2074.             // 当前品牌行
  2075.             const $brandEle = $(`.product-item:contains("${brandName}")`)
  2076.             // 当前品牌选中的
  2077.             const $brandCheckedEle = $(`.product-item:contains("${brandName}") li.cart-li .check-box:checked`)
  2078.             // 当前品牌没有选中的
  2079.             const $brandNotCheckedEle = $(`.product-item:contains("${brandName}") li.cart-li .check-box:not(:checked)`)
  2080.  
  2081.             // 当前品牌全选
  2082.             if ($brandCheckedEle.length != $brandEle.length) {
  2083.                 setAwaitFunc(10, function () {
  2084.                     $brandNotCheckedEle.click();
  2085.                 })
  2086.                 return;
  2087.             }
  2088.  
  2089.             /**
  2090.              * 过滤封装
  2091.              * @param {*} eles 
  2092.              * @returns 
  2093.              */
  2094.             const _filterNotSelf = (eles, brandName_, finder) => {
  2095.                 return $([...eles].filter(item => {
  2096.                     return $(item).find(`li.cart-li:eq(2):not(:contains(${brandName_}))`).length > 0
  2097.                 })).find(finder)
  2098.             }
  2099.  
  2100.             // 获取选中的现货
  2101.             const $havedEles = getHavedCheckedLineInfo()
  2102.  
  2103.  
  2104.             // 看看有没有选中除自己之外，其他品牌的商品
  2105.             const isNckOtherPdtsBool = _filterNotSelf($havedEles, brandName, `li.cart-li:eq(2):not(:contains(${brandName}))`).length > 0
  2106.  
  2107.             if (isNckOtherPdtsBool) {
  2108.                 // 获取现货
  2109.                 setAwaitFunc(10, function () {
  2110.                     _filterNotSelf($havedEles, brandName, `li.cart-li .check-box:checked`).click()
  2111.                 })
  2112.             }
  2113.             else {
  2114.                 // 全选
  2115.                 setAwaitFunc(10, function () {
  2116.                     _filterNotSelf(getHavedNotCheckedLineInfo(), brandName, `li.cart-li .check-box:not(:checked)`).click()
  2117.                 })
  2118.             }
  2119.         })
  2120.     }
  2121.  
  2122.     /**
  2123.      * 多选框变化，刷新小窗口的计算结果
  2124.      */
  2125.     const checkStatusChangeHandler = () => {
  2126.         // $(".check-box,.check-box-checked-all").change(refresh)
  2127.         
  2128.         $(".check-box,.check-box-checked-all").change(() => {
  2129.             setTimeout(refresh, 1000);
  2130.         })
  2131.     }
  2132.  
  2133.     /**
  2134.      * 获取优惠券列表信息，并暂存在变量集合中
  2135.      */
  2136.     const getCouponHTML = async () => {
  2137.         // http获取优惠券信息
  2138.         let couponHTML = await getAjax(`${webSiteShareData.lcscWwwUrl}/huodong.html`)
  2139.         // 遍历优惠券
  2140.         $(couponHTML).find('.coupon-item:contains(满16可用) div[data-id]').each(function () {
  2141.             // 获取当前元素
  2142.             let $this = $(this);
  2143.             // 优惠券id
  2144.             let couponId = $this.data('id');
  2145.             // 是否已经领取
  2146.             let isHaved = $this.find(':contains(立即使用)').length > 0;
  2147.             // 优惠券名称
  2148.             let couponName = $this.data('name');
  2149.             // 对应的品牌主页地址
  2150.             let brandIndexHref = $this.data('href');
  2151.             // 优惠券金额
  2152.             let couponPrice = couponName.replace(/^.*?\>(.*?)元.*$/, '$1');
  2153.             // 品牌名称
  2154.             let brandName = couponName.replace(/^.*?元(.*?)品牌.*$/, '$1');
  2155.             // 是否新人优惠券
  2156.             let isNew = couponName.split('新人专享').length >= 2;
  2157.             // 是否已经使用过
  2158.             let isUsed = $this.find(':contains(已使用)').length > 0;
  2159.  
  2160.             // 一些优惠券特殊处理
  2161.             if(brandName === 'MDD') {
  2162.                 // 存到变量Map中
  2163.                 all16_15CouponMp.set('辰达半导体', {
  2164.                     couponName, // 优惠券名称
  2165.                     isNew, // 是否新人专享
  2166.                     couponPrice, //优惠券金额减免
  2167.                     brandName: '辰达半导体', // 品牌名称
  2168.                     couponId, // 优惠券id
  2169.                     isHaved, // 是否已经领取
  2170.                     isUsed, // 是否已经使用过
  2171.                     brandIndexHref, // 对应的品牌主页地址
  2172.                     couponLink: `${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`, // 领券接口地址
  2173.                 });
  2174.             }
  2175.  
  2176.             // 存到变量Map中
  2177.             all16_15CouponMp.set(brandName, {
  2178.                 couponName, // 优惠券名称
  2179.                 isNew, // 是否新人专享
  2180.                 couponPrice, //优惠券金额减免
  2181.                 brandName, // 品牌名称
  2182.                 couponId, // 优惠券id
  2183.                 isHaved, // 是否已经领取
  2184.                 isUsed, // 是否已经使用过
  2185.                 brandIndexHref, // 对应的品牌主页地址
  2186.                 couponLink: `${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`, // 领券接口地址
  2187.             });
  2188.         });
  2189.     }
  2190.  
  2191.     /**
  2192.      * 优惠券领取按钮的绑定事件
  2193.      */
  2194.     const getCouponClickHandler = () => {
  2195.         $('.to_cou').click(async function (target) {
  2196.             let brandName = $(this).parents('span').siblings('.key').text()
  2197.  
  2198.             // 优惠券实体
  2199.             let couponEntity = all16_15CouponMp.get(brandName)
  2200.  
  2201.             if (!$.isEmptyObject(couponEntity)) {
  2202.                 let res = await getAjax(couponEntity.couponLink)
  2203.                 // console.log(res)
  2204.  
  2205.                 let resParseData = JSON.parse(res)
  2206.                 if (resParseData.result === 'success') {
  2207.                     Qmsg.success(`${couponEntity.couponName}，领取成功！`)
  2208.                     refresh(true)
  2209.                 } else {
  2210.                     Qmsg.error(resParseData.msg)
  2211.                 }
  2212.             }
  2213.         })
  2214.     }
  2215.  
  2216.     // 隐藏/显示 小窗
  2217.     const showOrHideModalHandler = () => {
  2218.         $('.showBtn,.hideBtn').click(function (target) {
  2219.             let $bd = $('.bd')
  2220.  
  2221.             if ($bd.is(':hidden')) {
  2222.                 $('.hideBtn').show()
  2223.                 $('.showBtn').hide()
  2224.                 setLocalData('SHOW_BOOL', true)
  2225.                 refresh()
  2226.             } else if ($bd.is(':visible')) {
  2227.                 $('.showBtn').show()
  2228.                 $('.hideBtn').hide()
  2229.                 $('#couponModal').hide()
  2230.                 setLocalData('SHOW_BOOL', false)
  2231.             }
  2232.  
  2233.             $bd.fadeToggle()
  2234.         })
  2235.     }
  2236.  
  2237.     /**
  2238.      * 优惠券快速入口
  2239.      */
  2240.     const couponGotoHandler = () => {
  2241.  
  2242.         if ($('.coupon-item-goto').length > 0) {
  2243.             return;
  2244.         }
  2245.  
  2246.         if ($('#conponCss_').length === 0)
  2247.             $('body').append(`
  2248.             <style id="conponCss_">
  2249.                 .coupon-item-goto {
  2250.                     right: 6% !important;
  2251.                     left: unset !important;
  2252.                     width: 43% !important;
  2253.                     position: absolute;
  2254.                     bottom: 12px;
  2255.                     margin-left: -96px;
  2256.                     box-sizing: border-box;
  2257.                     height: 30px;
  2258.                     text-align: center;
  2259.                     font-size: 14px;
  2260.                     font-weight: 400;
  2261.                     color: #fff;
  2262.                     line-height: 30px;
  2263.                     cursor: pointer;
  2264.                     border-radius: 4px;
  2265.                     background: #53a3d6;
  2266.                 }
  2267.                 .coupon-item-goto:hover
  2268.                 {
  2269.                     background-color: #53a3d6 !important;
  2270.                     color: white !important;
  2271.                     cursor: pointer;
  2272.                 }
  2273.                 .coupon-item-btn {
  2274.                     width: 43% !important;
  2275.                 }
  2276.             </style>
  2277.             `)
  2278.  
  2279.         const append_ = `
  2280.         <a class='coupon-item-goto' href="" target="_blank">
  2281.          快速入口
  2282.         </a>
  2283.         `
  2284.         $('.coupon-item').each(function () {
  2285.             const $this = $(this)
  2286.             const btnBackgound = $this.hasClass('coupon-item-plus') ? '#61679e' : ($this.hasClass('receive') ? 'linear-gradient(90deg,#f4e6d6,#ffd9a8)' : '#199fe9')
  2287.  
  2288.             $this.append(append_)
  2289.  
  2290.             if ($this.hasClass('receive')) {
  2291.                 $this.find('.coupon-item-goto').css({ color: 'unset' })
  2292.             }
  2293.  
  2294.             $this.find('.coupon-item-goto').css({ background: btnBackgound })
  2295.             $this.find('.coupon-item-goto').attr('href', $this.find('div[data-id]').data('url'))
  2296.  
  2297.         })
  2298.     }
  2299.  
  2300.     /**
  2301.      * 页面加载的时候，控制小窗显示隐藏
  2302.      */
  2303.     const onLoadSet = () => {
  2304.         // if (getLocalData('SHOW_BOOL') === 'false') {
  2305.         //     $('#bd').hide()
  2306.         //     $('.hideBtn').click()
  2307.         // }
  2308.  
  2309.         // if (getLocalData('AUTO_GET_COUPON_BOOL') === 'true') {
  2310.         //     $('.auto-get-coupon').attr('checked', true)
  2311.         // }
  2312.  
  2313.         // $('textarea').css('min-width', `${$('textarea').css('width')} !important`)
  2314.     }
  2315.  
  2316.     /**
  2317.      * 刷新小窗口数据
  2318.      * @param {*} notRefreshCouponHtml 是否更新优惠券集合数据
  2319.      */
  2320.     const refresh = async (notRefreshCouponHtml) => {
  2321.  
  2322.         // console.time('refresh')
  2323.  
  2324.         if (getLocalData('SHOW_BOOL') === 'false') {
  2325.             return
  2326.         }
  2327.  
  2328.         // 是否更新优惠券集合数据，主要更新是否领取的状态
  2329.         if (notRefreshCouponHtml === true) {
  2330.             await getCouponHTML()
  2331.         }
  2332.  
  2333.         eachCartList()
  2334.         appendHtml()
  2335.  
  2336.         setBrandColor()
  2337.  
  2338.         // console.timeEnd('refresh')
  2339.     }
  2340.  
  2341.     /**
  2342.      * 全部刷新重置
  2343.      */
  2344.     const allRefresh = async () => {
  2345.  
  2346.         await getCouponHTML()
  2347.  
  2348.         refresh(true)
  2349.  
  2350.         checkStatusChangeHandler()
  2351.         onChangeCountHandler()
  2352.         autoGetCouponTimerHandler()
  2353.  
  2354.  
  2355.         lookCouponListModal()
  2356.  
  2357.         // await setAwait(1000)
  2358.         // onLoadSet()
  2359.     }
  2360.  
  2361.     /**
  2362.      * 重置小窗口的高度
  2363.      * 
  2364.      */
  2365.     const resizeHeight = () => {
  2366.  
  2367.         if (((window.innerHeight - 120) < $('.bd').height())) {
  2368.             $('.bd').height('82vh')
  2369.         } else {
  2370.             $('.bd').height('auto')
  2371.         }
  2372.     }
  2373.  
  2374.     /**
  2375.      * 购物车页面 初始化（只执行一次）
  2376.      */
  2377.     const cartStart = async () => {
  2378.  
  2379.         // 判断是否已经处理完成，否则会有性能问题
  2380.         basicSettings()
  2381.  
  2382.         // w
  2383.         if ($('div.bd').length > 0) {
  2384.             return;
  2385.         }
  2386.  
  2387.         window.addEventListener('resize', resizeHeight)
  2388.  
  2389.         eachCartList()
  2390.         await getCouponHTML()
  2391.         appendHtml()
  2392.         setBrandColor()
  2393.  
  2394.         checkStatusChangeHandler()
  2395.         onChangeCountHandler()
  2396.         autoGetCouponTimerHandler()
  2397.  
  2398.         // onLoadSet()
  2399.         lookCouponListModal()
  2400.         lookCouponCheckboxHandler()
  2401.     }
  2402.  
  2403.     /**
  2404.      * 搜索页
  2405.      * @param {*} isNew 是否新人 true/false
  2406.      * @param {*} type 单选多选 ONE/MORE
  2407.      */
  2408.     const searchStart = async () => {
  2409.         /**
  2410.         * 搜索列表中，对品牌颜色进行上色
  2411.         * list.szlcsc.com/catalog
  2412.         */
  2413.         const catalogListRenderBrandColor = () => {
  2414.             for (let [brandName, brandDetail] of all16_15CouponMp) {
  2415.                 // 获取页面元素
  2416.                 const $brandEle = $(`li[title*="${brandName}"],span[title*="${brandName}"],a.brand-name[title*="${brandName}"]`)
  2417.                 // && $brandEle.css('background-color') === "rgba(0, 0, 0, 0)"
  2418.                 if ($brandEle.length > 0) {
  2419.                     $brandEle.css({
  2420.                         "background-color": brandDetail.isNew ? '#00bfffb8' : '#7fffd4b8'
  2421.                     })
  2422.                 }
  2423.             }
  2424.         }
  2425.  
  2426.         catalogListRenderBrandColor()
  2427.  
  2428.         // 回到顶部
  2429.         if ($('div.logo-wrap').hasClass('active')) {
  2430.             if ($('#scrollTo_').length === 0) {
  2431.                 $('#productListFixedHeader:visible').parents('body').after(`
  2432.                 <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)">
  2433.                     <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>
  2434.                 </a>
  2435.                 `);
  2436.             }
  2437.         } else {
  2438.             $('#scrollTo_').remove();
  2439.         }
  2440.  
  2441.         if ($('span[class*=select-spec-]').length === 0) {
  2442.             // 查询封装规格
  2443.             const selectSpecHandler = () => {
  2444.                 /**
  2445.                  * 封装查询-多选框点击
  2446.                  * @param scpcName   规格封装名称
  2447.                  * @param selectType 模糊查：MHC，精确查：JQC
  2448.                  */
  2449.                 const _clickSpecFunc = async (scpcName, selectType) => {
  2450.                     // 统一文字
  2451.                     $(`.det-screen:contains("规格：") .det-screen-title`).text('封装：');
  2452.                     // 展开规格
  2453.                     $(`.det-screen:contains("封装：") #more-standard`).click()
  2454.  
  2455.                     switch (selectType) {
  2456.                         // 模糊查
  2457.                         case "MHC":
  2458.                             $(`.det-screen:contains("封装：") label.fuxuanku-lable:contains("${scpcName}")`).click()
  2459.                             break;
  2460.                         // 精确查
  2461.                         case "JQC":
  2462.                             $(`.det-screen:contains("封装：") label.fuxuanku-lable[title="${scpcName}"]`).click()
  2463.                             break;
  2464.                         default:
  2465.                             break;
  2466.                     }
  2467.  
  2468.                     // 查找规格对应的选项
  2469.                     $(`.det-screen:contains("封装：") input[value="确定"]`).click()
  2470.                 }
  2471.  
  2472.                 $('.li-ellipsis:contains("封装:")').each(function () {
  2473.                     // 查询到点击追加的规格名称
  2474.                     let specName = $(this).find('span:eq(1)').attr('title');
  2475.                     // 页面追加按钮元素
  2476.                     $(this).after(`
  2477.                     <li class="li-el">
  2478.                     <span class="select-spec-mh" style="border-radius: 2px; display: inline-flex; padding: 3px 8px; color: white; cursor: pointer; user-select: none; background: #199fe9;" 
  2479.                             specName="${specName}" selectType="MHC">封装模糊匹配</span>
  2480.                     <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;" 
  2481.                             specName="${specName}" selectType="JQC">封装精确匹配</span>
  2482.                     </li>
  2483.                     `);
  2484.                 });
  2485.  
  2486.                 // $('.li-el + li').css('height', '10px')
  2487.                 // 查询封装-按钮事件
  2488.                 $('span[class*=select-spec-]').on('click', function () {
  2489.                     _clickSpecFunc($(this).attr('specName'), $(this).attr('selectType'))
  2490.                 })
  2491.             }
  2492.             // 查询规格快捷按钮
  2493.             selectSpecHandler()
  2494.         }
  2495.  
  2496.         // 搜索页的 一键搜淘宝
  2497.         if ($('.searchTaobao_').length === 0) {
  2498.  
  2499.             /**
  2500.             * 非阻容，其他数据处理
  2501.             * @param {*} parents 行级标签
  2502.             * @param {*} resArr  数据存放的数组
  2503.              */
  2504.             function other(parents, resArr) {
  2505.                 let productName = parents.find('li.li-ellipsis a:eq(0)').attr('title') || '';
  2506.  
  2507.                 if (productName.length === 0 || resArr.length > 0) {
  2508.                     return;
  2509.                 }
  2510.  
  2511.                 let footprint = parents.find('li.li-ellipsis:contains("封装:") span:eq(1)').attr('title') || '';
  2512.                 resArr.push(productName); resArr.push(footprint);
  2513.             }
  2514.             /**
  2515.              * 电阻数据处理
  2516.              * @param {*} parents 行级标签
  2517.              * @param {*} resArr  数据存放的数组
  2518.              */
  2519.             function R(parents, resArr) {
  2520.                 const r = parents.find('li.li-ellipsis:contains("阻值:")').text().replace(/(阻值:|Ω)+/g, '').trim()
  2521.  
  2522.                 if (r.length === 0 || resArr.length > 0) {
  2523.                     return;
  2524.                 }
  2525.                 const f = parents.find('li.li-ellipsis:contains("封装:")').text().replace('封装:', '').trim()
  2526.                 const j = parents.find('li.li-ellipsis:contains("精度:")').text().replace(/(精度:|\±)+/g, '').trim()
  2527.  
  2528.                 resArr.push(r); resArr.push(f); resArr.push(j);
  2529.             }
  2530.  
  2531.             /**
  2532.              * 电容数据处理
  2533.              * @param {*} parents  行级标签
  2534.              * @param {*} resArr  数据存放的数组
  2535.              */
  2536.             function C(parents, resArr) {
  2537.                 const c = parents.find('li.li-ellipsis:contains("容值:")').text().replace('容值:', '').trim()
  2538.  
  2539.                 if (c.length === 0 || resArr.length > 0) {
  2540.                     return;
  2541.                 }
  2542.  
  2543.                 const v = parents.find('li.li-ellipsis:contains("额定电压:")').text().replace('额定电压:', '').trim()
  2544.                 const j = parents.find('li.li-ellipsis:contains("精度:")').text().replace(/(精度:|\±)+/g, '').trim()
  2545.                 const f = parents.find('li.li-ellipsis:contains("封装:")').text().replace('封装:', '').trim()
  2546.  
  2547.                 resArr.push(c); resArr.push(v); resArr.push(j); resArr.push(f);
  2548.             }
  2549.  
  2550.             // 预售拼团 不处理，其他的都追加按钮
  2551.             $('.line-box:not(:contains("预售拼团")) li.pan-list').append(`
  2552.                 <button type="button" class="pan-list-btn searchTaobao_" style="margin-top: 5px; background: #199fe9;">一键搜淘宝</button>
  2553.             `)
  2554.  
  2555.             $('.searchTaobao_').on('click', function (params) {
  2556.                 let searchArrVals = [];
  2557.  
  2558.                 const $parents = $(this).parents('td.line-box');
  2559.                 // 阻容处理、其他元件处理
  2560.                 R($parents, searchArrVals); C($parents, searchArrVals); other($parents, searchArrVals);
  2561.  
  2562.                 GM_openInTab(`https://s.taobao.com/search?q=${searchArrVals.join('/')}`, { active: true, insert: true, setParent: true })
  2563.             })
  2564.  
  2565.         }
  2566.  
  2567.         /**
  2568.         * 设置单选的背景颜色
  2569.         */
  2570.         const _setOneCssByBrandName = (brandName, bgColor = '#00bfffb8') => {
  2571.             // 查找某个品牌
  2572.             const searchBrandItemList = $(`#brandList div`).find(`span:eq(0):contains(${brandName})`)
  2573.             searchBrandItemList.css({ 'background-color': bgColor, 'border-radius': '30px' })
  2574.         }
  2575.  
  2576.         /**
  2577.       * 设置多选的背景颜色
  2578.       */
  2579.         const _setMultiCssByBrandName = (brandName, bgColor = '#00bfffb8') => {
  2580.             // 查找某个品牌
  2581.             const searchBrandItemList = $(`.pick-txt.det-screen1 div`).find(`label:contains(${brandName})`)
  2582.             searchBrandItemList.css({ 'background-color': bgColor, 'border-radius': '30px' })
  2583.         }
  2584.  
  2585.         /**
  2586.          * 筛选条件：单选品牌-颜色
  2587.          */
  2588.         const _renderFilterBrandColor = async () => {
  2589.  
  2590.             await setAwait(200)
  2591.  
  2592.             $(`#brandList div`).find(`span:eq(0)`).each(function () {
  2593.                 const text = $(this).text().trim()
  2594.  
  2595.                 let findBrandName = text
  2596.                 if (text.includes('(')) {
  2597.                     findBrandName = getBrandNameByRegex(text)
  2598.                 }
  2599.  
  2600.                 if (all16_15CouponMp.has(findBrandName)) {
  2601.                     if (all16_15CouponMp.get(findBrandName).isNew) {
  2602.                         _setOneCssByBrandName(findBrandName)
  2603.                     } else {
  2604.                         _setOneCssByBrandName(findBrandName, '#7fffd4b8')
  2605.                     }
  2606.                 }
  2607.             })
  2608.             // 省略号去掉，方便查看
  2609.             $('.det-screen1 span').css({ 'display': 'unset' })
  2610.         }
  2611.  
  2612.         /**
  2613.         * 筛选条件：单选品牌-颜色
  2614.         */
  2615.         const _renderMulitFilterBrandColor = async () => {
  2616.  
  2617.             await setAwait(200)
  2618.  
  2619.             $(`.pick-txt.det-screen1 div`).each(function () {
  2620.                 const text = $(this).find('label').attr('title').trim()
  2621.  
  2622.                 let findBrandName = text
  2623.                 if (text.includes('(')) {
  2624.                     findBrandName = getBrandNameByRegex(text)
  2625.                 }
  2626.  
  2627.                 if (all16_15CouponMp.has(findBrandName)) {
  2628.                     if (all16_15CouponMp.get(findBrandName).isNew) {
  2629.                         _setMultiCssByBrandName(findBrandName)
  2630.                     } else {
  2631.                         _setMultiCssByBrandName(findBrandName, '#7fffd4b8')
  2632.                     }
  2633.                 }
  2634.             })
  2635.             // 省略号去掉，方便查看
  2636.             $('.det-screen1 span').css({ 'display': 'unset' })
  2637.         }
  2638.         /**
  2639.          * 筛选条件：多选品牌
  2640.          * @param {*} isNew 是否新人券 true/false
  2641.          */
  2642.         const multiFilterBrand = async (isNew) => {
  2643.             $('#more-brand').click()
  2644.             // $('.pick-txt.det-screen1 label.active').removeClass('active');
  2645.             $('.pick-txt.det-screen1 div').each(function () {
  2646.                 const $labelEle = $(this).find('label.fuxuanku-lable')
  2647.                 // 品牌名称
  2648.                 const text = $labelEle.attr('title').trim()
  2649.  
  2650.                 let findBrandName = text
  2651.                 if (text.includes('(')) {
  2652.                     findBrandName = getBrandNameByRegex(text)
  2653.                 }
  2654.  
  2655.                 if (all16_15CouponMp.has(findBrandName)) {
  2656.                     if (all16_15CouponMp.get(findBrandName).isNew === isNew) {
  2657.                         // 多选框选中
  2658.                         $labelEle.click()
  2659.                     }
  2660.                 }
  2661.             })
  2662.  
  2663.             $('.hoice-ys .more-input02').click()
  2664.         }
  2665.  
  2666.         if ($('#_remind').length === 0) {
  2667.             $('.det-screen:contains("品牌：")').append(`
  2668.             <div id='_remind'>
  2669.                 <span class='row_center get_new_coupon'><p class='new_'></p>新人券</span>
  2670.                 <span class='row_center get_notnew_coupon'><p class='not_new_'></p>非新人券</span>
  2671.             </div>
  2672.             
  2673.             <style>
  2674.             #_remind {
  2675.                 display: inline-block;
  2676.                 position: absolute;
  2677.                 top: 0px;
  2678.                 right: 100px;
  2679.                 width: 100px;
  2680.             }
  2681.             .row_center {
  2682.                 display: inline-flex;
  2683.                 align-items: center;
  2684.             }
  2685.             .new_ {
  2686.                 background-color: #00bfffb8;
  2687.                 margin-right: 10px;
  2688.                 width: 20px;
  2689.                 height: 10px;
  2690.             }
  2691.             .not_new_ {
  2692.                 background-color: #7fffd4b8;
  2693.                 margin-right: 10px;
  2694.                 width: 20px;
  2695.                 height: 10px;
  2696.             }
  2697.             .get_new_coupon,
  2698.             .get_notnew_coupon {
  2699.                 cursor: pointer;
  2700.             }
  2701.  
  2702.             .get_new_coupon:hover,
  2703.             .get_notnew_coupon:hover {
  2704.                 background: #e1e1e1;
  2705.             }
  2706.             </style>
  2707.             `)
  2708.  
  2709.             // 更新优惠券列表到集合中
  2710.             await getCouponHTML()
  2711.  
  2712.             _renderFilterBrandColor()
  2713.  
  2714.             // 多选展开按钮
  2715.             $('#more-brand').click(_renderMulitFilterBrandColor)
  2716.             // 品牌单选
  2717.             $('.screen-more .more-brand').click(_renderFilterBrandColor)
  2718.             // 多选新人券
  2719.             $('.get_new_coupon').click(() => multiFilterBrand(true))
  2720.             // 多选非新人券
  2721.             $('.get_notnew_coupon').click(() => multiFilterBrand(false))
  2722.  
  2723.         }
  2724.  
  2725.         /**
  2726.          * 显示最低购入价
  2727.          * @param {*} params 
  2728.          */
  2729.         function minBuyMoney(params) {
  2730.             $('.three-nr').find('.three-nr-item:eq(0) .price-warp p').each(function () {
  2731.                 let minMum = parseInt($(this).attr('minordernum'));
  2732.                 let orderPrice = parseFloat($(this).attr('orderprice'));
  2733.  
  2734.                 $(this).parents('.three-nr-item').before(`
  2735.                     <p class="minBuyMoney_" style="
  2736.                         width: fit-content;
  2737.                         padding: 2px 3px;
  2738.                         font-weight: 600;
  2739.                         color: #0094e7;">最低购入价： ${(minMum * orderPrice).toFixed(6)}</p>
  2740.                 `)
  2741.             })
  2742.         }
  2743.  
  2744.         // 
  2745.         if ($('.minBuyMoney_').length === 0) {
  2746.             minBuyMoney()
  2747.         }
  2748.     }
  2749.  
  2750.     // 排序记录 desc降序，asc升序
  2751.  
  2752.     /**
  2753.      * 配单页 增加价格排序按钮
  2754.      */
  2755.     const bomStart = () => {
  2756.  
  2757.         if ($('div.bom-result-progess .progess-box .progess-line-blue').text() !== '0%') {
  2758.             $('#new-box_').attr('disabled', true)
  2759.         } else {
  2760.             $('#new-box_').attr('disabled', false)
  2761.         }
  2762.         if ($('button#new-box_').length > 0) {
  2763.             return
  2764.         }
  2765.         const sortHt = `<button id='new-box_' class="new-box_" onclick="(function () {
  2766.                 const $eles = $('.el-table__row.perfect').get();
  2767.                 $eles.sort((next, prev) => {
  2768.                     let nextPrice = $(next).find('div.dfc:contains(¥)').text().replace(/[¥ ]+/g, '')
  2769.                     let prevPrice = $(prev).find('div.dfc:contains(¥)').text().replace(/[¥ ]+/g, '')
  2770.                     if(localStorage.getItem('sortSign') === 'desc') {
  2771.                         if (parseFloat(nextPrice) > parseFloat(prevPrice)) return -1;
  2772.                         if (parseFloat(nextPrice) < parseFloat(prevPrice)) return 1;
  2773.                     }
  2774.                     else if(localStorage.getItem('sortSign') === 'asc') {
  2775.                         if (parseFloat(nextPrice) > parseFloat(prevPrice)) return 1;
  2776.                         if (parseFloat(nextPrice) < parseFloat(prevPrice)) return -1;
  2777.                     }
  2778.                     return 0;
  2779.                 })
  2780.                 localStorage.setItem('sortSign', (localStorage.getItem('sortSign') === 'desc') ? 'asc' : 'desc');
  2781.                 $('.el-table__body-wrapper tbody').html($eles)
  2782.             })()"
  2783.             style="color: #315af8; width: 100px; height: 35px; line-height: 35px;background-color: #fff;border-radius: 3px;border: 1px solid #cdf; margin-left: 10px;">
  2784.             <div data-v-1b5f1317="" class="sg vg" style="height: 35px; display: none;">
  2785.                 <svg data-v-1b5f1317="" viewBox="25 25 50 50" class="bom-circular blue" style="width: 16px; height: 16px;">
  2786.                     <circle data-v-1b5f1317="" cx="50" cy="50" r="20" fill="none" class="path"></circle>
  2787.                 </svg>
  2788.             </div>
  2789.             <div class="">
  2790.                 小计 升/降序
  2791.             </div>
  2792.             </button>
  2793.             <style>
  2794.             .new-box_:hover {
  2795.                 color: #315af8;
  2796.                 border: 1px solid #315af8 !important;
  2797.             }
  2798.             .new-box_:disabled {
  2799.                 border: 1px solid #dcdcdc !important;
  2800.                 cursor: not-allowed;
  2801.                 color: rgba(0, 0, 0, .3) !important;
  2802.             }
  2803.             </style>`;
  2804.  
  2805.         $('div.bom-top-result.dfb div.flex-al-c:eq(2)').append(sortHt)
  2806.     }
  2807.  
  2808.     // 搜索页
  2809.     let isSearchPage = () => location.href.includes('so.szlcsc.com/global.html') || location.href.includes('list.szlcsc.com/brand') || location.href.includes('list.szlcsc.com/catalog');
  2810.     // 购物车页
  2811.     let isCartPage = () => location.href.includes('cart.szlcsc.com/cart/display.html');
  2812.     // BOM配单页
  2813.     let isBomPage = () => location.href.includes('bom.szlcsc.com/member/eda/search.html');
  2814.     // 优惠券页
  2815.     let isCouponPage = () => location.href.includes('www.szlcsc.com/huodong.html');
  2816.  
  2817.     setInterval(function () {
  2818.  
  2819.         if (isCartPage()) {
  2820.             cartStart()
  2821.         }
  2822.  
  2823.         if (isSearchPage()) {
  2824.             searchStart()
  2825.         }
  2826.  
  2827.         if (isBomPage()) {
  2828.             bomStart()
  2829.         }
  2830.  
  2831.         if (isCouponPage()) {
  2832.             couponGotoHandler()
  2833.         }
  2834.     }, 500)
  2835. })()