☰

嘉立创购物车辅助工具

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

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

  1. // ==UserScript==
  2. // @name         嘉立创购物车辅助工具
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.0.4
  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.         const __version = 'Version 2.0.4';
  29.  
  30.         // 引入message的css文件并加入html中
  31.         const css = GM_getResourceText("customCSS")
  32.         GM_addStyle(css)
  33.  
  34.         /**
  35.          * rgb颜色随机
  36.          * @returns
  37.          */
  38.         const rgb = () => {
  39.             var r = Math.floor(Math.random() * 256)
  40.             var g = Math.floor(Math.random() * 256)
  41.             var b = Math.floor(Math.random() * 256)
  42.             var rgb = 'rgb(' + r + ',' + g + ',' + b + ')';
  43.             return rgb;
  44.         }
  45.  
  46.         /**
  47.          * rgba颜色随机
  48.          * @param {*} a
  49.          * @returns
  50.          */
  51.         const rgba = (a = 1) => {
  52.             var r = Math.floor(Math.random() * 256)
  53.             var g = Math.floor(Math.random() * 256)
  54.             var b = Math.floor(Math.random() * 256)
  55.             var rgb = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
  56.             return rgb;
  57.         }
  58.  
  59.         /**
  60.          * 深色 随机色
  61.          * @returns 
  62.          */
  63.         const srdmRgbColor = () => {
  64.             //随机生成RGB颜色
  65.             let arr = [];
  66.             for (var i = 0; i < 3; i++) {
  67.                 // 暖色
  68.                 arr.push(Math.floor(Math.random() * 128 + 64));
  69.                 // 亮色
  70.                 // arr.push(Math.floor(Math.random() * 128 + 128));
  71.             }
  72.             let [r, g, b] = arr;
  73.             // rgb颜色
  74.             // var color=`rgb(${r},${g},${b})`;
  75.             // 16进制颜色
  76.             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)}`;
  77.             return color;
  78.         }
  79.  
  80.         /**
  81.          * 十六进制颜色随机
  82.          * @returns
  83.          */
  84.         const color16 = () => {
  85.             var r = Math.floor(Math.random() * 256)
  86.             var g = Math.floor(Math.random() * 256)
  87.             var b = Math.floor(Math.random() * 256)
  88.             var color = '#' + r.toString(16) + g.toString(16) + b.toString(16)
  89.             return color;
  90.         }
  91.  
  92.         /**
  93.          * 正则获取品牌名称，需要传入xxxx(品牌名称) 这样的字符
  94.          * @param {*} text
  95.          * @returns
  96.          */
  97.         const getBrandNameByRegex = (text) => {
  98.             let res = text
  99.             try {
  100.                 res = /\(.+\)/g.exec(text)[0].replace(/\((.*?)\)/, '$1')
  101.             } catch (e) {
  102.  
  103.             }
  104.             return res
  105.         }
  106.  
  107.         /**
  108.          * 等待
  109.          * @param {*} timeout 
  110.          * @returns 
  111.          */
  112.         const setAwait = (timeout) => {
  113.             return new Promise((resolve, reject) => {
  114.                 setTimeout(() => {
  115.                     resolve(true)
  116.                 }, timeout);
  117.             })
  118.         }
  119.  
  120.         /**
  121.          * 等待 执行函数
  122.          * @param {*} timeout 
  123.          * @returns 
  124.          */
  125.         const setAwaitFunc = (timeout, func) => {
  126.             return new Promise((resolve, reject) => {
  127.                 setTimeout(() => {
  128.                     func && func()
  129.                 }, timeout);
  130.             })
  131.         }
  132.  
  133.         /**
  134.          * 获取本地缓存
  135.          * @param {*} key
  136.          */
  137.         const getLocalData = (k) => {
  138.             return localStorage.getItem(k)
  139.         }
  140.  
  141.         /**
  142.          * 设置本地缓存
  143.          * @param {*} key
  144.          */
  145.         const setLocalData = (k, v) => {
  146.             localStorage.setItem(k, v)
  147.         }
  148.  
  149.         /**
  150.          * 判断插件是否已经加载切是显示状态
  151.          * @returns 
  152.          */
  153.         const plguinIsHavedAndShow = () => {
  154.             return plguinIsHaved() && $('.bd').is(':visible');
  155.         }
  156.  
  157.         /**
  158.          * 判断插件是否已经加载
  159.          * @returns 
  160.          */
  161.         const plguinIsHaved = () => {
  162.             return $('.bd').length > 0;
  163.         }
  164.  
  165.         /**
  166.          * 品牌名称加工
  167.          * @param {*} name 
  168.          * @returns 
  169.          */
  170.         const brandNameDataProcess = (name) => {
  171.             return name.replace(/\//g, '_')
  172.         }
  173.  
  174.         // 后续支持强排序按钮
  175.  
  176.         // 商品清单集合暂存
  177.         const dataCartMp = new Map()
  178.             // 品牌对应颜色，用于快速查找位置。
  179.         const dataBrandColorMp = new Map()
  180.             // 优惠券页面，数据暂存。只保存16-15的优惠券
  181.         const all16_15CouponMp = new Map()
  182.             // 自动领券的定时器
  183.         let couponTimer = null;
  184.         // 搜索页页码
  185.         var searchPageNum = 1;
  186.         // 搜索页总条数
  187.         var searchPageTotalCount = () => parseInt($('div.g01 span:eq(1)').text()) || parseInt($('#by-channel-total b').text());
  188.         // 搜索页单页条数
  189.         var searchPageSize = 30;
  190.         // 搜索页需要显示多少条数据  自行修改
  191.         var searchPageRealSize = 100;
  192.         // 搜索页总页数
  193.         var searchTotalPage = () => Math.min(((parseInt((searchPageTotalCount() / searchPageSize).toFixed(0)) + 1) || 34), 34);
  194.         // 存储动态的function，用做数据处理
  195.         var jsRules = [];
  196.         // 搜索页数据预览定时器
  197.         var searchTimer = null;
  198.         // 搜索页数据暂存
  199.         var searchTempList = [];
  200.  
  201.         // 消息弹框全局参数配置
  202.         Qmsg.config({
  203.             showClose: true,
  204.             timeout: 2800,
  205.             maxNums: 50
  206.         })
  207.  
  208.         /**
  209.          * 根据value排序Map
  210.          * @param {*} map
  211.          * @returns
  212.          */
  213.         const sortMapByValue = (map) => {
  214.             var arrayObj = Array.from(map)
  215.                 //按照value值降序排序
  216.             arrayObj.sort(function(a, b) { return a[1] - b[1] })
  217.             return arrayObj
  218.         }
  219.  
  220.  
  221.         /**
  222.          * GET请求封装
  223.          * @param {} data
  224.          */
  225.         const getAjax = (url) => {
  226.             return new Promise((resolve, reject) => {
  227.                 GM_xmlhttpRequest({
  228.                     url,
  229.                     method: 'GET',
  230.                     onload: (r) => {
  231.                         resolve(r.response)
  232.                     },
  233.                     onerror: (err) => {
  234.                         reject(err)
  235.                     }
  236.                 })
  237.             })
  238.         }
  239.  
  240.         /**
  241.          * POST请求封装
  242.          * @param {} data
  243.          */
  244.         const postAjaxJSON = (url, data) => {
  245.             return new Promise((resolve, reject) => {
  246.                 GM_xmlhttpRequest({
  247.                     url,
  248.                     method: 'POST',
  249.                     headers: { 'Content-Type': 'application/json' },
  250.                     data,
  251.                     onload: (r) => {
  252.                         resolve(r.response)
  253.                     },
  254.                     onerror: (err) => {
  255.                         reject(err)
  256.                     }
  257.                 })
  258.             })
  259.         }
  260.  
  261.         function jsonToUrlParam(json, ignoreFields = '') {
  262.             return Object.keys(json)
  263.                 .filter(key => ignoreFields.indexOf(key) === -1)
  264.                 .map(key => key + '=' + json[key]).join('&');
  265.         }
  266.  
  267.         /**
  268.          * POST请求封装
  269.          * @param {} data
  270.          */
  271.         const postFormAjax = (url, jsonData) => {
  272.             return new Promise((resolve, reject) => {
  273.                 GM_xmlhttpRequest({
  274.                     url,
  275.                     data: jsonToUrlParam(jsonData),
  276.                     method: 'POST',
  277.                     headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  278.                     onload: (r) => {
  279.                         resolve(r.response)
  280.                     },
  281.                     onerror: (err) => { reject(err) }
  282.                 })
  283.             })
  284.         }
  285.  
  286.         /**
  287.          * 订购数量发生变化的时候
  288.          */
  289.         const onChangeCountHandler = () => {
  290.             // 订购数量
  291.             $('.product-item .cart-li input.input').on('change', () => {
  292.                     setTimeout(refresh, 1000);
  293.                 })
  294.                 // 加减数量
  295.             $('.decrease,.increase').on('click', () => {
  296.                 setTimeout(refresh, 1000);
  297.             })
  298.         }
  299.  
  300.         /**
  301.          * 换仓按钮事件
  302.          * 一键换仓专用
  303.          * 
  304.           换仓逻辑
  305.             https://cart.szlcsc.com/cart/warehouse/deliverynum/update
  306.  
  307.              cartKey规则：
  308.             标签id product-item-186525218
  309.             商品的跳转地址（商品id）20430799
  310.  
  311.             cartKey: 186525218~0~20430799~RMB~CN
  312.             gdDeliveryNum: 0
  313.             jsDeliveryNum: 1
  314.          */
  315.         const onClickChangeDepotBtnHandler = () => {
  316.  
  317.             /**
  318.              * 
  319.              * @param {*} this 标签
  320.              * @param {*} warehouseType 仓库类型    GUANG_DONG：广东，JIANG_SU
  321.              * @returns 
  322.              */
  323.  
  324.             // 换仓封装
  325.             const _changeDepot = (that, warehouseType) => {
  326.  
  327.                 return new Promise((resolve, reject) => {
  328.  
  329.                     // 是否锁定样品
  330.                     let isLocked = (that.find('.warehouse-wrap .warehouse:contains(广东仓)').length +
  331.                         that.find('.warehouse-wrap .warehouse:contains(江苏仓)').length) == 0
  332.  
  333.                     // 查找商品的属性
  334.                     let infoElement = that.find('.cart-li:eq(1) a')
  335.  
  336.                     if (isLocked === true) {
  337.                         Qmsg.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法换仓`)
  338.                         console.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法换仓`)
  339.                         return
  340.                     }
  341.  
  342.                     // 订购数量
  343.                     let count = that.find('.cart-li:eq(-4) input').val()
  344.  
  345.                     // 物料ID1
  346.                     let productId1 = /\d+/g.exec(that.attr('id'))[0]
  347.  
  348.                     // 物料ID2
  349.                     let productId2 = /\d+/g.exec(infoElement.attr('href'))[0]
  350.  
  351.                     // 取最低起订量
  352.                     let sinpleCount = /\d+/g.exec(that.find('.price-area:eq(0)').text())[0]
  353.  
  354.                     // 订购套数
  355.                     let batchCount = count / sinpleCount
  356.  
  357.                     // 修改库存的参数体
  358.                     let params = ''
  359.  
  360.                     // 当前是广东仓
  361.                     if (warehouseType == 'GUANG_DONG') {
  362.                         params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${batchCount}&jsDeliveryNum=${0}`
  363.                     }
  364.                     // 其他情况当成是江苏仓
  365.                     else if (warehouseType == 'JIANG_SU') {
  366.                         params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${0}&jsDeliveryNum=${batchCount}`
  367.                     }
  368.  
  369.                     GM_xmlhttpRequest({
  370.                         url: `${webSiteShareData.lcscCartUrl}/cart/warehouse/deliverynum/update`,
  371.                         data: params,
  372.                         method: 'POST',
  373.                         headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  374.                         onload: (r) => {
  375.                             console.log(r.response)
  376.                             resolve(r.response)
  377.                         },
  378.                         onerror: (err) => { reject(err) }
  379.                     })
  380.                 })
  381.             }
  382.  
  383.  
  384.             /**
  385.              * 动态刷新页面，不强制刷新
  386.              * ！！！暂时不能用，需要考虑订货商品还是现货
  387.              */
  388.             // const _reload = async () => {
  389.  
  390.             //     // 购物车URL
  391.             //     const cartDataUrl = `${webSiteShareData.lcscCartUrl}/cart/display?isInit=false&isOrderBack=${window.isOrderBack}&${Date.now()}`
  392.             //     const res = await getAjax(cartDataUrl)
  393.             //     const resObj = JSON.parse(res)
  394.  
  395.             //     // 合并订货和现货商品
  396.             //     const newArr = [...resObj.result.shoppingCartVO.rmbCnShoppingCart.currentlyProductList,
  397.             //     ...resObj.result.shoppingCartVO.rmbCnShoppingCart.isNeedProductList]
  398.  
  399.             //     // 遍历物料编号
  400.             //     newArr.forEach(function (item) {
  401.  
  402.             //         const {
  403.             //             jsDeliveryNum, // 江苏的订货量 
  404.             //             gdDeliveryNum, // 广东的订货量 
  405.             //             productCode,   // 物料编码
  406.             //             isChecked,     // 是否选中
  407.             //             jsValidStockNumber, // 江苏剩余库存
  408.             //             szValidStockNumber, // 广东剩余库存
  409.             //             jsDivideSplitDeliveryNum, // 江苏起订量的倍数
  410.             //             gdDivideSplitDeliveryNum,  // 广东起订量的倍数
  411.             //             shopCarMapKey              // 购物车主键
  412.             //         } = item
  413.  
  414.             //         // 查找到这个物料编号所在的行
  415.             //         const ele = getAllLineInfoByBrandName(productCode)
  416.  
  417.             //         // 计算出仓库名
  418.             //         const depotName = jsDeliveryNum > 0 ? '江苏仓' : (gdDeliveryNum > 0 ? '广东仓' : '')
  419.  
  420.             //         const depotEle = ele.find('.warehouse-wrap .warehouse')
  421.  
  422.             //         const newDepotName = (depotEle.html() || '').replace('江苏仓', depotName).replace('广东仓', depotName)
  423.  
  424.             //         // 重新设置仓库名称
  425.             //         depotEle.html(newDepotName)
  426.  
  427.             //     })
  428.             // }
  429.  
  430.             // 换仓-江苏
  431.             $('.change-depot-btn-left_').on('click', function() {
  432.  
  433.                 let count = 0;
  434.                 const eles = getAllCheckedLineInfo()
  435.                 eles.each(async function() {
  436.                     count++
  437.                     await _changeDepot($(this), 'JIANG_SU').then(res => {
  438.                         Qmsg.success('切换【江苏仓】成功！')
  439.                     })
  440.  
  441.                     if (eles.length === count) {
  442.                         //  setTimeout(_reload, 500);
  443.                         setTimeout(function() {
  444.                             location.reload()
  445.                                 // 官方刷新购物车
  446.                                 // cartModuleLoadCartList()
  447.                         }, 2500);
  448.                     }
  449.                 })
  450.             })
  451.  
  452.             // 换仓-广东
  453.             $('.change-depot-btn-right_').on('click', function() {
  454.  
  455.                 let count = 0;
  456.                 const eles = getAllCheckedLineInfo()
  457.                 eles.each(async function() {
  458.                     count++
  459.                     await _changeDepot($(this), 'GUANG_DONG').then(res => {
  460.                         Qmsg.success('切换【广东仓】成功！')
  461.                     })
  462.  
  463.                     if (eles.length === count) {
  464.                         //  setTimeout(_reload, 500);
  465.                         setTimeout(function() {
  466.                             location.reload()
  467.                                 // 官方刷新购物车
  468.                                 // cartModuleLoadCartList()
  469.                         }, 2500);
  470.                     }
  471.                 })
  472.             })
  473.         }
  474.  
  475.         /**
  476.          * 选中仓库事件
  477.          * 一键选仓专用
  478.          * 废弃：由于模拟点击，会导致小窗口频繁刷新，影响性能。下面重新换接口
  479.          */
  480.         const _checkDepotBtnHandler = () => {
  481.  
  482.             const _clickFunc = (depotName, fn) => {
  483.                 const eles = fn()
  484.  
  485.                 // 先看看有没有指定仓
  486.                 const jsIsEmpty = getJsLineInfo().length === 0
  487.                 const gdIsEmpty = getGdLineInfo().length === 0
  488.  
  489.                 if (depotName === 'JIANG_SU' && jsIsEmpty) {
  490.                     Qmsg.error('购物车中并没有【江苏仓】的商品！')
  491.                     return
  492.  
  493.                 } else if (depotName === 'GUANG_DONG' && gdIsEmpty) {
  494.                     Qmsg.error('购物车中并没有【广东仓】的商品！')
  495.                     return
  496.                 }
  497.  
  498.                 // 是否有至少一个选中的
  499.                 const isHave = eles.parents('.product-item').find('input.check-box:checked').length > 0
  500.  
  501.                 if (isHave) {
  502.                     eles.each(function() {
  503.                         $(this).parents('.product-item').find('input.check-box:checked').click()
  504.                     })
  505.                 }
  506.                 // 都未选中，则执行仓库全选操作
  507.                 else {
  508.                     eles.each(function() {
  509.                         $(this).parents('.product-item').find('input.check-box').click()
  510.                     })
  511.                 }
  512.             }
  513.  
  514.             // 江苏仓
  515.             $(".check-js-btn-left_").on('click', function() {
  516.                 _clickFunc('JIANG_SU', getJsLineInfo)
  517.             })
  518.  
  519.             // 广东仓
  520.             $(".check-gd-btn-right_").on('click', function() {
  521.                 _clickFunc('GUANG_DONG', getGdLineInfo)
  522.             })
  523.         }
  524.  
  525.  
  526.         /**
  527.          * 选中仓库事件
  528.          * 一键选仓专用
  529.          */
  530.         const checkDepotBtnHandlerNew = () => {
  531.  
  532.             const _clickFunc = (depotName) => {
  533.                 // 广东仓选中
  534.                 const gdCheckedEles = getGdLineInfo()
  535.                     // 江苏仓选中
  536.                 const jsCheckedEles = getJsLineInfo()
  537.  
  538.                 // 先看看有没有指定仓
  539.                 const jsIsEmpty = jsCheckedEles.length === 0
  540.                 const gdIsEmpty = gdCheckedEles.length === 0
  541.  
  542.                 let isJs = depotName === 'JIANG_SU'
  543.                 let isGd = depotName === 'GUANG_DONG'
  544.  
  545.                 if (isJs && jsIsEmpty) {
  546.                     Qmsg.error('购物车中并没有【江苏仓】的商品！')
  547.                     return
  548.  
  549.                 } else if (isGd && gdIsEmpty) {
  550.                     Qmsg.error('购物车中并没有【广东仓】的商品！')
  551.                     return
  552.                 }
  553.  
  554.                 // 这里只需要操作多选框的选中状态就行
  555.                 if (isJs) {
  556.                     const jsInputCheckBox = jsCheckedEles.parents('.product-item').find('input.check-box')
  557.                     const jsInputCheckBoxCK = jsInputCheckBox.parents('.product-item').find('input.check-box:checked')
  558.                     const isHave = jsInputCheckBoxCK.length > 0
  559.                     jsInputCheckBox.prop('checked', !isHave)
  560.  
  561.                 } else if (isGd) {
  562.                     const gdInputCheckBox = gdCheckedEles.parents('.product-item').find('input.check-box')
  563.                     const gdInputCheckBoxCK = gdInputCheckBox.parents('.product-item').find('input.check-box:checked')
  564.                     const isHave = gdInputCheckBoxCK.length > 0
  565.                     gdInputCheckBox.prop('checked', !isHave)
  566.                 }
  567.  
  568.                 cartUpdateChecked().then(res => {
  569.                     if (res === 'true') {
  570.                         cartModuleLoadCartList()
  571.                         setTimeout(refresh(), 1000);
  572.                     }
  573.                 })
  574.             }
  575.  
  576.             // 江苏仓
  577.             $(".check-js-btn-left_").on('click', function() {
  578.                 _clickFunc('JIANG_SU')
  579.             })
  580.  
  581.             // 广东仓
  582.             $(".check-gd-btn-right_").on('click', function() {
  583.                 _clickFunc('GUANG_DONG')
  584.             })
  585.         }
  586.  
  587.  
  588.         /**
  589.          * 自动领取优惠券的定时器
  590.          */
  591.         const autoGetCouponTimerHandler = () => {
  592.  
  593.             $('.auto-get-coupon').off('change')
  594.             couponTimer = null
  595.                 // 自动领取优惠券开关
  596.             $('.auto-get-coupon').on('change', function() {
  597.                 const isChecked = $(this).is(':checked')
  598.                 setLocalData('AUTO_GET_COUPON_BOOL', isChecked)
  599.                 autoGetCouponTimerHandler()
  600.             })
  601.  
  602.             couponTimer = setInterval(() => {
  603.                 const isChecked = $('.auto-get-coupon').is(':checked')
  604.                 if (isChecked) {
  605.                     console.log(`自动领取优惠券，后台运行中...`)
  606.                     dataCartMp.keys().forEach(item => {
  607.                         // 查找优惠券
  608.                         const $couponEle = $(`.couponModal .coupon-item:contains(${item}):contains(立即抢券) div[data-id]`)
  609.  
  610.                         if ($couponEle.length === 0) {
  611.                             return
  612.                         }
  613.                         //优惠券ID
  614.                         const couponId = $couponEle.data('id')
  615.                             // 优惠券名称
  616.                         const couponName = $couponEle.data('name')
  617.  
  618.                         getAjax(`${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`).then(async res => {
  619.                             res = JSON.parse(res)
  620.                             if (res.result === 'success' || res.code == 200) {
  621.                                 let msg = `${couponName}券，自动领取成功`;
  622.                                 console.log(msg);
  623.                                 Qmsg.success({
  624.                                     content: msg,
  625.                                     timeout: 4000
  626.                                 })
  627.                                 await setTimeout(5000);
  628.                                 allRefresh()
  629.                             } else {
  630.                                 console.error(`自动领取优惠券失败：${res.msg}`)
  631.                             }
  632.                         })
  633.                     })
  634.                 } else {
  635.                     clearInterval(couponTimer)
  636.                     couponTimer = null
  637.                 }
  638.             }, 5000);
  639.         }
  640.  
  641.         /**
  642.          * 一键分享 已经勾选的列表
  643.          */
  644.         const shareHandler = () => {
  645.             // 产出数据并放在剪贴板中
  646.             const _makeDataAndSetClipboard = () => {
  647.                 const $checkedEles = getAllCheckedLineInfo()
  648.  
  649.                 if ($checkedEles.length === 0) {
  650.                     Qmsg.error('购物车未勾选任何商品！')
  651.                     return
  652.                 }
  653.  
  654.                 // 获取所有已经勾选的商品，也包含订货商品
  655.                 const shareText = [...$checkedEles].map(function(item) {
  656.                     const $this = $(item)
  657.                         // 是否是江苏仓，如果是多个仓的话，只取一个
  658.                     const isJsDepot = $this.find('.warehouse-wrap .warehouse').text().includes('江苏仓')
  659.                         // 该商品订购的总量
  660.                     const count = $this.find('.cart-li:eq(4) input').val()
  661.  
  662.                     return $this.find('.cart-li:eq(1) a').text().trim() + '_' + (isJsDepot ? 'JS_' : 'GD_') + count
  663.                 }).join('~')
  664.  
  665.                 // navigator.clipboard.writeText(shareText)
  666.                 GM_setClipboard(shareText, "text", () => Qmsg.success('购物车一键分享的内容，已设置到剪贴板中！'))
  667.             }
  668.  
  669.             $('.share_').click(_makeDataAndSetClipboard)
  670.         }
  671.  
  672.  
  673.         /**
  674.          * 一键解析
  675.          */
  676.         const shareParseHandler = () => {
  677.             let _loading = null
  678.                 // 定义匿名函数
  679.             const _shareParse = async() => {
  680.                 // 富文本框内容
  681.                 const text = $('.textarea').val().trim()
  682.  
  683.                 if (text.length === 0) {
  684.                     Qmsg.error('解析失败，富文本内容为空！')
  685.                     return
  686.                 }
  687.  
  688.                 _loading = Qmsg.loading("正在解析中...请耐心等待！")
  689.  
  690.                 // 成功条数计数
  691.                 let parseTaskSuccessCount = 0
  692.                     // 失败条数计数
  693.                 let parseTaskErrorCount = 0
  694.                     // 总条数
  695.                 let parseTaskTotalCount = 0
  696.                     // 首次处理出来的数组
  697.                 const firstparseArr = text.split('~')
  698.  
  699.                 parseTaskTotalCount = firstparseArr.length || 0
  700.  
  701.                 for (let item of firstparseArr) {
  702.                     // 二次处理出来的数组
  703.                     const secondParseArr = item.split('_')
  704.  
  705.                     // 物料编号
  706.                     const productNo = secondParseArr[0].trim().replace('\n', '')
  707.                         // 仓库编码
  708.                     const depotCode = secondParseArr[1].trim().replace('\n', '')
  709.                         // 数量
  710.                     const count = secondParseArr[2].trim().replace('\n', '')
  711.  
  712.                     if (productNo === undefined || count === undefined) {
  713.                         Qmsg.error('解析失败，文本解析异常！')
  714.                         _loading.close()
  715.                         return
  716.                     }
  717.  
  718.                     // 添加购物车
  719.                     await postFormAjax(`${webSiteShareData.lcscCartUrl}/cart/quick`, { productCode: productNo, productNumber: count }).then(res => {
  720.  
  721.                         res = JSON.parse(res)
  722.                         if (res.code === 200) {
  723.                             Qmsg.info(`正在疯狂解析中... 共：${parseTaskTotalCount}条，成功：${++parseTaskSuccessCount}条，失败：${parseTaskErrorCount}条。`);
  724.                         } else {
  725.                             Qmsg.error(`正在疯狂解析中... 共：${parseTaskTotalCount}条，成功：${parseTaskSuccessCount}条，失败：${++parseTaskErrorCount}条。`);
  726.                         }
  727.                     })
  728.                 }
  729.  
  730.                 Qmsg.success(`解析完成！共：${parseTaskTotalCount}条，成功：${parseTaskSuccessCount}条，失败：${parseTaskErrorCount}条。已自动加入购物车`)
  731.  
  732.                 _loading.close()
  733.  
  734.                 // 刷新购物车页面
  735.                 cartModuleLoadCartList()
  736.                 setTimeout(allRefresh, 100);
  737.             }
  738.  
  739.             $('.share-parse').click(_shareParse)
  740.         }
  741.  
  742.         /**
  743.          * 一键锁定、释放商品
  744.          */
  745.         const lockProductHandler = () => {
  746.             $(`.lock-product`).click(async function() {
  747.                 const $eles = getHavedCheckedLineInfo()
  748.  
  749.                 if ($eles.has(':contains("锁定样品")').length === 0) {
  750.                     Qmsg.error('没有要锁定的商品！')
  751.                     return;
  752.                 }
  753.  
  754.                 for (const that of $eles) {
  755.                     // 购物车商品的ID
  756.                     if (!$(that).has(':contains("锁定样品")').length) {
  757.                         continue;
  758.                     }
  759.                     const shoppingCartId = $(that).has(':contains("锁定样品")').attr('id').split('-')[2]
  760.                         // 接口限流延迟操作
  761.                     await postFormAjax(`${webSiteShareData.lcscCartUrl}/async/samplelock/locking`, { shoppingCartId }).then(res => {
  762.                         res = JSON.parse(res)
  763.                         if (res.code === 200) {
  764.                             Qmsg.success(res.msg || res.result || '商品锁定成功！')
  765.                         } else {
  766.                             Qmsg.error(res.msg || res.result || '商品锁定失败！请稍后再试')
  767.                         }
  768.                     })
  769.                 }
  770.  
  771.                 // 刷新购物车页面
  772.                 setTimeout(() => {
  773.                     cartModuleLoadCartList();
  774.                     setTimeout(allRefresh, 800);
  775.                 }, 1000);
  776.  
  777.             })
  778.  
  779.             $(`.unlock-product`).click(async function() {
  780.  
  781.                 const $eles = getHavedCheckedLineInfo()
  782.  
  783.                 if ($eles.has(':contains("释放样品")').length === 0) {
  784.                     Qmsg.error('没有要锁定的商品！')
  785.                     return;
  786.                 }
  787.                 for (const that of $eles) {
  788.                     // 购物车商品的ID
  789.                     if (!$(that).has(':contains("释放样品")').length) {
  790.                         continue;
  791.                     }
  792.                     const shoppingCartId = $(that).has(':contains("释放样品")').attr('id').split('-')[2]
  793.                         // 接口限流延迟操作
  794.                     await postFormAjax(`${webSiteShareData.lcscCartUrl}/async/samplelock/release/locking`, { shoppingCartId }).then(res => {
  795.                         res = JSON.parse(res)
  796.                         if (res.code === 200) {
  797.                             Qmsg.success(res.msg || res.result || '商品释放成功！')
  798.                         } else {
  799.                             Qmsg.error(res.msg || res.result || '商品释放失败！请稍后再试')
  800.                         }
  801.                     })
  802.                 }
  803.  
  804.                 // 刷新购物车页面
  805.                 setTimeout(() => {
  806.                     cartModuleLoadCartList();
  807.                     setTimeout(allRefresh, 800);
  808.                 }, 1000);
  809.             })
  810.         }
  811.  
  812.         // 控制按钮的生成
  813.         const buttonListFactory = () => {
  814.  
  815.             let isBool = getAllCheckedLineInfo().length > 0
  816.  
  817.             return `
  818.             <div style="border: unset; position: relative; padding: 8px;">
  819.             <div class='mb10 flex flex-sx-center'>
  820.                 <label style="font-size: 14px" class='ftw1000'>自动领取优惠券</label>
  821.                 <input style="margin: 0 8px;" type="checkbox" class="checkbox auto-get-coupon" ${getLocalData('AUTO_GET_COUPON_BOOL') === 'true' ? 'checked' : ''}/>
  822.             </div>
  823.              
  824.             <div class='mb10 flex flex-sx-center'>
  825.                 <label style="font-size: 14px; width: 105px; z-index: 2;" class='ftw1000 box_'>一键选仓
  826.                     <div class="circle_ tooltip_" data-msg='第一次点是选中，第二次点是取消选中' style="margin-left: 5px;">?</div>
  827.                 </label>
  828.                     <button class='check-js-btn-left_ btn-left_' type='button'>江苏</button>
  829.                     <button class='check-gd-btn-right_ btn-right_' type='button'>广东</button>
  830.              </div>
  831.  
  832.              <div class='mb10 flex flex-sx-center'>
  833.                 <label style="font-size: 14px; width: 105px;  z-index: 2;" class='ftw1000 box_'>一键换仓
  834.                     <div class="circle_ tooltip_" data-msg='只操作多选框选中的商品，包含订货商品' style="margin-left: 5px;">?</div>
  835.                 </label>
  836.                     <button class='change-depot-btn-left_ btn-left_' type='button'  ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>江苏</button>
  837.                     <button class='change-depot-btn-right_ btn-right_' type='button' ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>广东</button>
  838.              </div>
  839.  
  840.              <div class='mb10 flex flex-sx-center'>
  841.              <label style="font-size: 14px; width: 105px; z-index: 2;" class='ftw1000 box_'>一键锁仓
  842.                  <div class="circle_ tooltip_" data-msg='只操作多选框选中的现货' style="margin-left: 5px;">?</div>
  843.              </label>
  844.                  <button class='lock-product btn-left_' type='button'>锁定</button>
  845.                  <button class='unlock-product btn-right_' type='button'>释放</button>
  846.           </div>
  847.           
  848.  
  849.              <div class='flex flex-sx-center space-between'>
  850.                 <div class="flex flex-d-col">
  851.                     <p class='ftw1000 box_ small_btn_ share_' style="margin-bottom: 10px;">一键分享</p>
  852.                     <p class='ftw1000 box_ small_btn_ share-parse'>一键解析</p>
  853.                 </div>
  854.                 <div class="parse-text-box">
  855.                     <textarea class='textarea' placeholder="请将他人分享的购物车文本，粘贴在此处，之后点击一键解析"></textarea>
  856.                 </div>
  857.              </div>
  858.  
  859.              <!-- 查看平台优惠券列表 -->
  860.              ${lookCouponListBtnFactory()}
  861.         </div>
  862.         `
  863.         }
  864.  
  865.         /**
  866.          * 手动刷新按钮
  867.          * @returns 
  868.          */
  869.         const refreshBtnFactory = () => {
  870.             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>`
  871.             return svg_
  872.         }
  873.  
  874.         /**
  875.          * 手动刷新按钮 点击事件
  876.          */
  877.         const refreshBtnHandler = () => {
  878.             $('.refresh_btn_').click(function() {
  879.                 cartModuleLoadCartList()
  880.                 allRefresh()
  881.                 Qmsg.success(`静默刷新购物车成功！`)
  882.             })
  883.         }
  884.  
  885.         /**
  886.          * 版本号点击事件
  887.          */
  888.         const versionClickHandler = () => {
  889.             $('#version__').on('click', function() {
  890.                 GM_setClipboard(
  891.                     'https://greasyfork.org/zh-CN/scripts/491619-%E5%98%89%E7%AB%8B%E5%88%9B%E8%B4%AD%E7%89%A9%E8%BD%A6%E8%BE%85%E5%8A%A9%E5%B7%A5%E5%85%B7',
  892.                     "text",
  893.                     () => Qmsg.success('插件地址已设置到剪贴板中！'))
  894.             })
  895.         }
  896.  
  897.         /**
  898.          * 显示隐藏 小窗的的按钮展示
  899.          */
  900.         const showOrHideButtonFactory = () => {
  901.  
  902.             $('.hideBtn,.showBtn').remove()
  903.  
  904.             return `
  905.         <div class="hideBtn" ${getLocalData('SHOW_BOOL') === 'false' ? 'hide_' : ''}>
  906.             收起助手 >
  907.         </div>
  908.         <div class="showBtn ${getLocalData('SHOW_BOOL') === 'true' ? 'hide_' : ''}" >
  909.             < 展开助手
  910.         </div>
  911.         `
  912.         }
  913.  
  914.         /**
  915.          * 查询购物车中的品牌数量总和（多选框选中）
  916.          */
  917.         const brandCountFactory = () => {
  918.             return `
  919.         <p class='small-sign small-sign-pos'>
  920.             ${dataCartMp.size}
  921.         </p>
  922.         `
  923.         }
  924.  
  925.         /**
  926.          * 计算总的金额
  927.          */
  928.         const totalMoneyFactory = () => {
  929.  
  930.             let t = 0
  931.  
  932.             if (dataCartMp.size > 0) {
  933.                 t = [...dataCartMp.values()].reduce((total, num) => total + num).toFixed(2)
  934.             }
  935.  
  936.             return `
  937.         <p class='total-money_'>
  938.             ${t}
  939.         </p>
  940.         `
  941.         }
  942.  
  943.         /**
  944.          * 查询16-15优惠券列表
  945.          */
  946.         const lookCouponListBtnFactory = () => {
  947.             return `
  948.             <p class='look-coupon-btn'>
  949.             优惠券专区
  950.             </p>
  951.             `
  952.         }
  953.  
  954.         /**
  955.          * 查看优惠券页面的扩展按钮，绑定事件
  956.          */
  957.         const lookCouponListExtendsBtnHandler = () => {
  958.  
  959.             // 查看已领取的优惠券
  960.             $('.filter-haved').off('click').on('click', function() {
  961.                 $('.coupon-item:visible:not(:contains(立即使用))').hide()
  962.             })
  963.  
  964.             // 过滤16-15的优惠券
  965.             $('.filter-16-15').off('click').on('click', function() {
  966.                 $('.coupon-item:visible:not(:contains(满16可用))').hide()
  967.             })
  968.  
  969.             // 过滤20-15的优惠券
  970.             $('.filter-20-15').off('click').on('click', function() {
  971.                 $('.coupon-item:visible:not(:contains(满20可用))').hide()
  972.             })
  973.  
  974.             // 过滤新人优惠券
  975.             $('.filter-newone').off('click').on('click', function() {
  976.                 $('.coupon-item:visible:not(:contains(新人专享))').hide()
  977.             })
  978.  
  979.             // 过滤非新人优惠券
  980.             $('.filter-not-newone').off('click').on('click', function() {
  981.                 $('.coupon-item:visible:contains(新人专享)').hide()
  982.             })
  983.  
  984.  
  985.             // 手动刷新优惠券页面
  986.             $('.refresh-coupon-page').off('click').on('click', function() {
  987.                 setTimeout(() => {
  988.                     Qmsg.info(`1秒后刷新优惠券页面...`)
  989.                     setTimeout(() => lookCouponListModal(true), 500);
  990.                 }, 500);
  991.  
  992.             })
  993.  
  994.  
  995.  
  996.             // 一键领取当前显示的所有优惠券
  997.             $('.get-all').click(function() {
  998.                 const $couponEles = $('.coupon-item:visible div:contains(立即抢券)')
  999.  
  1000.                 let totalCount = 0,
  1001.                     successCount = 0;
  1002.                 $couponEles.each(function() {
  1003.  
  1004.                     //优惠券ID
  1005.                     const couponId = $(this).data('id')
  1006.  
  1007.                     // 优惠券名称
  1008.                     const couponName = $(this).data('name')
  1009.  
  1010.                     getAjax(`${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`).then(res => {
  1011.                         res = JSON.parse(res)
  1012.                         if (res.code === 200 && res.msg === '') {
  1013.                             successCount++
  1014.                             // console.log(`${couponName} 优惠券领取成功`)
  1015.                         } else {
  1016.                             // console.error(`${couponName} 优惠券领取失败，或者 已经没有可以领取的优惠券了！`)
  1017.                         }
  1018.                     })
  1019.  
  1020.                     totalCount++
  1021.                 })
  1022.  
  1023.                 if (successCount === 0) {
  1024.                     Qmsg.error(`优惠券领取失败，或者已经没有可以领取的优惠券了！`)
  1025.                 } else if ($couponEles.length === totalCount) {
  1026.                     Qmsg.success(`优惠券领取成功！成功：${successCount}条，失败：${totalCount - successCount}条。`)
  1027.                     setTimeout(() => {
  1028.                         Qmsg.info(`2秒后刷新优惠券页面...`)
  1029.  
  1030.                         // 由于调用接口领取，所以需要重新渲染优惠券页面
  1031.                         setTimeout(lookCouponListModal, 2000);
  1032.                     }, 2000);
  1033.                 }
  1034.             })
  1035.  
  1036.             // 过滤新人优惠券
  1037.             $('.filter-clear').click(function() {
  1038.                 $('.coupon-item:hidden').show()
  1039.             })
  1040.         }
  1041.  
  1042.         /**
  1043.          * 查看优惠券列表的按钮
  1044.          */
  1045.         const lookCouponListHandler = () => {
  1046.             const _lookCouponClick = () => {
  1047.                 if ($('#couponModal').is(':hidden')) {
  1048.                     $('#couponModal').show()
  1049.                 } else if ($('#couponModal').is(':visible')) {
  1050.                     $('#couponModal').hide()
  1051.                 }
  1052.             }
  1053.             $('.look-coupon-btn,.look-coupon-closebtn').on('click', _lookCouponClick)
  1054.         }
  1055.  
  1056.         // 优惠券模态框的锁
  1057.         var lookCouponLock = false;
  1058.         /**
  1059.          * 优惠券模态框
  1060.          */
  1061.         const lookCouponListModal = async(clear = false) => {
  1062.  
  1063.             if (lookCouponLock || !plguinIsHavedAndShow() || ($('.couponModal .all-coupon-page').length > 0 && clear === false)) {
  1064.                 return;
  1065.             }
  1066.             //上锁, 防止这次还没处理完， 下次定时任务就已经就绪了。
  1067.             lookCouponLock = true;
  1068.             let couponHTML = await getAjax(`${webSiteShareData.lcscWwwUrl}/huodong.html`);
  1069.  
  1070.             const $couponHTML = $(couponHTML);
  1071.  
  1072.             let $cssLink = [...$couponHTML].filter(item => item.localName == 'link' && item.href.includes('/public/css/page/activity/couponAllCoupons'))[0].outerHTML;
  1073.             let $jsLink = [...$couponHTML].filter(item => item.localName == 'script' && item.src.includes('/public/js/chunk/page/activity/couponAllCoupons'))[0].outerHTML;
  1074.  
  1075.             let $main_wraper = $couponHTML.find('.main_wraper');
  1076.             let $navigation = $couponHTML.find('.navigation');
  1077.  
  1078.             let ht = `
  1079.             <div class="all-coupon-page"></div>
  1080.                 <div class="common-alert-success-tip-tmpl common-confirm-del">
  1081.                 <div class="common-confirm-del-title">
  1082.                     <h3>成功提示</h3>
  1083.                     <a style="cursor: pointer;" class="common-confirm-del-close"></a>
  1084.                 </div>
  1085.                 <div class="common-confirm-del-content">
  1086.                     <p class="common-confirm-del-content-txt success">content</p>
  1087.                     <div class="common-confirm-del-btn">
  1088.                     <input type="button" class="common-confirm-a" value="确定">
  1089.                     </div>
  1090.                     <div class="common-confirm-del-icon-success"></div>
  1091.                 </div>
  1092.                 </div>
  1093.                 <div class="mask">
  1094.             </div>`;
  1095.             const $couponEle = $('.couponModal');
  1096.             $couponEle.empty().append(ht).append($cssLink).append($jsLink);
  1097.  
  1098.             $('.couponModal .all-coupon-page').append($main_wraper).append($navigation);
  1099.  
  1100.             couponGotoHandler();
  1101.             // 解锁
  1102.             lookCouponLock = false;
  1103.         }
  1104.  
  1105.         /**
  1106.          * 品牌多选按钮监听处理事件
  1107.          * 追加html、事件监听、模态框都放在这里写
  1108.          */
  1109.         const lookCouponCheckboxHandler = () => {
  1110.                 if ($('#batch-check-branch').length == 0 && $('.batch-del-btn').length > 0) {
  1111.                     $('.foot-tool-left div:eq(0)').append(`
  1112.                 <span id="batch-check-branch" style="margin-left: 10px;
  1113.                 margin-left: 6px;
  1114.                 padding: 10px 12px;
  1115.                 background: #0093e6;
  1116.                 border-radius: 2px;
  1117.                 cursor: pointer;
  1118.                 color: white;">批量选择现货品牌</span>
  1119.                 `);
  1120.  
  1121.                     // 动态刷新勾选框状态，商品下所有商品选中的状态才会打勾    
  1122.                     setInterval(() => {
  1123.                         // 小模态框未显示的话，直接跳过
  1124.                         if ($('#batch-check-branch-box').length === 0 || $('#batch-check-branch-box').is(':hidden')) {
  1125.                             return;
  1126.                         }
  1127.                         // CHECKED选中、UNCHECKED未选中、INDETERMINATE不确定
  1128.                         var ckMap = checkboxStatusGroupByBrandName();
  1129.                         ckMap.forEach((checkStatus, brandName) => {
  1130.                             brandName = brandNameDataProcess(brandName);
  1131.                             // 判断状态
  1132.                             switch (checkStatus) {
  1133.                                 case 'CHECKED':
  1134.                                     $(`input#${brandName}-ckbox`).prop('checked', true);
  1135.                                     $(`input#${brandName}-ckbox`)[0].indeterminate = false;
  1136.                                     break;
  1137.                                 case 'UNCHECKED':
  1138.                                     $(`input#${brandName}-ckbox`).prop('checked', false);
  1139.                                     $(`input#${brandName}-ckbox`)[0].indeterminate = false;
  1140.                                     break;
  1141.                                 case 'INDETERMINATE':
  1142.                                     $(`input#${brandName}-ckbox`)[0].indeterminate = true;
  1143.                                     break;
  1144.                             }
  1145.                         })
  1146.                     }, 1500);
  1147.  
  1148.                     // 点击事件监听
  1149.                     $('#batch-check-branch').on('click', function() {
  1150.                                 const $box = $('#batch-check-branch-box');
  1151.                                 if ($box.length == 0) {
  1152.                                     $('body').append(`
  1153.                         <div id="batch-check-branch-box" style="
  1154.                             position: fixed;
  1155.                             flex-wrap: wrap;
  1156.                             display: flex;
  1157.                             bottom: 55px;
  1158.                             left: 25%;
  1159.                             z-index: 100;
  1160.                             overflow: auto;
  1161.                             width: 500px;
  1162.                             background-color: white;
  1163.                             border: 3px solid #3498db;
  1164.                             border-radius: 5px;
  1165.                             ">
  1166.                         ${[...dataBrandColorMp.keys()].reverse().map(brandName => {
  1167.                             var tempBname = brandName;
  1168.                             brandName = brandNameDataProcess(brandName);
  1169.                             return `<div class="hover-cs checkbox-branch-btn" style="background-color: ${dataBrandColorMp.get(tempBname)};
  1170.                                                 width: fit-content;
  1171.                                                 height: fit-content;
  1172.                                                 font-size: 14px;
  1173.                                                 margin: 5px 0px 5px 5px;
  1174.                                                 padding: 5px;
  1175.                                                 cursor: pointer;
  1176.                                                 color: white;">
  1177.                                         <label id="${brandName}-ckbox" style="cursor: pointer;display: flex;">
  1178.                                             <input id="${brandName}-ckbox" type="checkbox" style="margin-right: 5px; cursor: pointer;">${tempBname}</input>
  1179.                                         </label>
  1180.                                     </div>`
  1181.                         }).join('')}
  1182.                         </div>
  1183.                         `);
  1184.                         // 点击事件-选中指定品牌的所有商品
  1185.                         $('.checkbox-branch-btn').on('click', function() {
  1186.                             var brandName = $(this).find('label').text().replace(/[ \n]/g, '');
  1187.                             checkBoxByBrandName(brandName, $(this).find('input[type=checkbox]').is(':checked')?1:0);
  1188.                         })
  1189.                 }
  1190.                 $box.is(':visible') ? $box.hide() : $box.show();
  1191.             })
  1192.         }
  1193.     }
  1194.     
  1195.     // 暂存已经领取的优惠券列表
  1196.     var havedCouponList = [];
  1197.     /**
  1198.      * 比较慢的定时，去尝试获取已经拥有的优惠券
  1199.      * 遍历我的优惠券页面，这显然不是一个很好的方法
  1200.      */
  1201.     const lookHavedCouponList = () => {
  1202.         // 清空集合
  1203.         havedCouponList = [];
  1204.         // 动态url
  1205.         const renderUrl = (page) =>  `https://activity.szlcsc.com/member/couponList.html?currentPage=${page || 1}&couponUseStatus=no`;
  1206.         // 当前页标记
  1207.         var currentPage = 1;
  1208.         // 定时取页面数据
  1209.         var lookHavedCouponTimer = setInterval(async () => {
  1210.             // http获取我都优惠券
  1211.             let couponHTML = await getAjax(renderUrl(currentPage));
  1212.             var $html = $(couponHTML);
  1213.             // 查看当前页是否有优惠券
  1214.             var isNull = $html.find('td:contains(没有相关优惠券记录)').length > 0;
  1215.             // 没找到优惠券
  1216.             if(isNull) {
  1217.                 // 清除定时
  1218.                 clearInterval(lookHavedCouponTimer);
  1219.                 lookHavedCouponTimer = null;
  1220.                 // 30秒后再次尝试看有没有领的优惠券
  1221.                 setTimeout(lookHavedCouponList, 30 * 1000);
  1222.                 return;
  1223.             } 
  1224.             // 剩下的是有券的时候
  1225.             else {
  1226.                 havedCouponList = [...new Set(
  1227.                     [ 
  1228.                     ...havedCouponList, 
  1229.                     // 这里不关心 面板定制券、运费券  也不关心优惠券的金额。只要品牌名称对应上就算有券了。
  1230.                     ...($html.find('span.yhjmingchen').text().split(/品牌优惠券?/g).map(item => item.replace(/.+元/g, '')).filter(item => item && !item.includes('面板定制', '运费券')))
  1231.                 ])];
  1232.             }
  1233.             currentPage++;
  1234.             // 追加显示优惠券的状态
  1235.             if (plguinIsHavedAndShow()) {
  1236.                 $('.bd ul li .appendStatus').each(function() {
  1237.                     var isTrue = havedCouponList.includes($(this).attr('brandName'));
  1238.                     if(isTrue) {
  1239.                         $(this).off('click').removeClass('to_cou').css({
  1240.                             border: 'none',
  1241.                             background: 'transparent',
  1242.                             color: 'white',
  1243.                             fontSize: '12px'
  1244.                         }).text('已领取-优惠券');
  1245.                     }
  1246.                 });
  1247.             }
  1248.         }, 500);
  1249.     }
  1250.  
  1251.     /**
  1252.      * 根据品牌名称分组多选框选中状态
  1253.      * CHECKED选中、UNCHECKED未选中、INDETERMINATE不确定
  1254.      * 只查现货的
  1255.      */
  1256.     const checkboxStatusGroupByBrandName = () => {
  1257.         // 获取现货
  1258.         var $ele = getHavedLineInfo();
  1259.         // 品牌名是否全选
  1260.         var ckMap = new Map();
  1261.         [...$ele].forEach(function(that) {
  1262.             var $this = $(that);
  1263.              // 品牌名称
  1264.             let brandName = $this.find('.cart-li-pro-info div:eq(2)').text().trim();
  1265.             // 查找到品牌名称
  1266.             brandName = getBrandNameByRegex(brandName.split('\n')[brandName.split('\n').length - 1].trim());
  1267.             // 处理特殊字符
  1268.             brandName = brandNameDataProcess(brandName);
  1269.             var $checkedEle = $this.find('input.check-box');
  1270.             // 当前元素的选中状态
  1271.             var currentCheckStatus = $checkedEle.is(':checked') ? 'CHECKED' : 'UNCHECKED';
  1272.             // 如果已经是未全选状态，直接跳出该品牌了
  1273.             if(ckMap.get(brandName) === 'INDETERMINATE') {
  1274.                 return;
  1275.             }
  1276.             // 不确定的状态判断
  1277.             if(ckMap.get(brandName) != null && ckMap.get(brandName) != currentCheckStatus) {
  1278.                 ckMap.set(brandName, 'INDETERMINATE');
  1279.                 return;
  1280.             }
  1281.             // 默认
  1282.             ckMap.set(brandName, currentCheckStatus);
  1283.             if (currentCheckStatus === 'UNCHECKED') {
  1284.                 ckMap.set(brandName, currentCheckStatus);
  1285.             }
  1286.         })
  1287.         
  1288.         return ckMap;
  1289.     }
  1290.  
  1291.     /**
  1292.      * 常规的多选框事件，指定品牌的
  1293.      * @param {*} brandName 
  1294.      * @param {*} type  1选中、0移除选中
  1295.      */
  1296.     const checkBoxByBrandName = (brandName, type) => {
  1297.         var $ele = getHavedLineInfoByBrandName(brandName);
  1298.         var $checkedEle = $ele.find('input.check-box:checked');
  1299.         var $notCheckedEle = $ele.find('input.check-box:not(:checked)');
  1300.         if(type === 1) {
  1301.             $notCheckedEle.click();
  1302.         } 
  1303.         else if(type === 0) {
  1304.             $checkedEle.click();
  1305.         }
  1306.     }
  1307.  
  1308.     /**
  1309.      * 获取勾选框选中的物料编号集合，波浪线分割
  1310.      */
  1311.     const myGetCK = () => {
  1312.         return [...getAllCheckedLineInfo().map(function () {
  1313.             return $(this).attr('id').split('-')[2]
  1314.         })].join('~')
  1315.     }
  1316.  
  1317.  
  1318.     /**
  1319.      * 更新购物车勾选
  1320.      */
  1321.     const cartUpdateChecked = () => {
  1322.         return new Promise((resolve, reject) => {
  1323.             try {
  1324.                 postFormAjax(`${webSiteShareData.lcscCartUrl}/page/home/cart/update/checked`, { ck: (myGetCK() || 'false') }).then(res => {
  1325.                     res = JSON.parse(res)
  1326.                     if (res.code === 200 && res.msg === null) {
  1327.                         resolve('true')
  1328.                     } else {
  1329.                         resolve('true')
  1330.                     }
  1331.                 })
  1332.             } catch (error) {
  1333.                 console.error(error);
  1334.                 reject('false')
  1335.             }
  1336.         })
  1337.     }
  1338.  
  1339.     /**
  1340.      * 根据品牌名称 查询是否多仓
  1341.      * @returns true多仓，false 非多仓
  1342.      */
  1343.     const juageMultiDepotByBrandName = (brandName) => {
  1344.         //这样是多仓 ['江苏', '广东', '']
  1345.         return new Set($(`.product-item:contains("${brandName}")`).find('.warehouse:contains("仓")').text().replace(/[^广东江苏仓]+/g, '').split('仓')).size === 3
  1346.     }
  1347.  
  1348.     /**
  1349.      * 追加的html
  1350.      * @returns
  1351.      */
  1352.     const htmlFactory = () => {
  1353.  
  1354.         let tempHtml = `
  1355.         ${$('.couponModal').length === 0 ? `
  1356.         <div id="couponModal" style="display: none;">
  1357.             <div class="extend-btn-group_">
  1358.                 <p class="coupon-item-btn-text_ refresh-coupon-page">刷新领券页面</p>
  1359.                 <p class="coupon-item-btn-text_ filter-clear">清空筛选</p>
  1360.                 <p class="coupon-item-btn-text_ filter-haved">查看已领取</p>
  1361.                 <p class="coupon-item-btn-text_ filter-16-15">筛选16-15</p>
  1362.                 <p class="coupon-item-btn-text_ filter-20-15">筛选20-15</p>
  1363.                 <p class="coupon-item-btn-text_ filter-newone">筛选新人券</p>
  1364.                 <p class="coupon-item-btn-text_ filter-not-newone">筛选非新人券</p>
  1365.  
  1366.                 <p class="coupon-item-btn-text_ get-all" style="height: auto;">一键领取</br>当前展示优惠券</p>
  1367.             </div>
  1368.             <!-- <p class="look-coupon-closebtn" style=''>X</p> -->
  1369.             <div class="couponModal">
  1370.                 
  1371.             </div>
  1372.         </div>
  1373.         
  1374.         ` : ''}
  1375.  
  1376.         ${showOrHideButtonFactory()}
  1377.         <div class="bd ${getLocalData('SHOW_BOOL') === 'true' ? '' : 'hide_'}">
  1378.         ${buttonListFactory()}
  1379.         <ul>`
  1380.  
  1381.         const head = `
  1382.         <li class='li-cs' style="position: sticky; top: 0px; background-color: white; z-index: 2;">
  1383.         ${refreshBtnFactory()}
  1384.                 <div>
  1385.                 <!-- 勾选的品牌数量 -->
  1386.                     ${brandCountFactory()}
  1387.  
  1388.                     <!-- 计算所有的总金额 -->
  1389.                     ${totalMoneyFactory()}
  1390.  
  1391.                     <span style='font-weight: 1000; color: black;width: 165px; line-height: 24px;' class="flex flex-zy-center">品牌名称
  1392.                     </br>(现货)</span>
  1393.                     <span style='font-weight: 1000; color: black; width: 90px;line-height: 24px;' class="flex flex-zy-center">总金额</span>
  1394.                     <span style='font-weight: 1000; color: black; width: 80px;line-height: 24px;' class="flex flex-zy-center">差额</span>
  1395.                     <span style='font-weight: 1000; color: black; line-height: 24px;' class="flex flex-zy-center">优惠券</br>(16-15) </span>
  1396.                 </div>
  1397.             </li>
  1398.         `
  1399.  
  1400.         tempHtml += head
  1401.  
  1402.         for (var [key, val] of sortMapByValue(dataCartMp)) {
  1403.             tempHtml += `
  1404.             <li class='li-cs click-hv ftw500'>
  1405.                 <div>
  1406.                     <p class="small-sign ${juageMultiDepotByBrandName(key) ? 'multi_' : 'multi_default'} multi_pos_" style="font-size: 12px; line-height: 100%;">多仓库</p>
  1407.                     <span class='key sort_' style="width: 155px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">${key}</span>
  1408.                     <span class='val sort_' style="width: 90px;">${val}</span>
  1409.                     <span class='val sort_' style="width: 80px;">${(16 - val).toFixed(2)}</span>
  1410.                     ${couponHTMLFactory(key)}
  1411.                 </div>
  1412.             </li>
  1413.             `
  1414.         }
  1415.  
  1416.         return tempHtml + `</ul>
  1417.         <div style="display: flex;
  1418.             justify-content: space-between;
  1419.             padding: 4px 5px 4px;
  1420.             background: #fff;
  1421.             box-sizing: border-box;
  1422.             position: sticky;
  1423.             user-select:none;
  1424.             bottom: 0px;">
  1425.             <span id="version__" title="点击版本，可以复制插件地址~" style="color: #3498dbe7; font-size: 14px; font-family: fantasy; cursor: pointer;">${__version}</span>
  1426.             <span style="color: #777;">如果觉得插件有用，请分享给你身边的朋友~</span>
  1427.         </div>
  1428.         </div>`;
  1429.     }
  1430.  
  1431.     /**
  1432.      * 优惠券按钮的html生成
  1433.      * @param {*} brandName  品牌名称
  1434.      */
  1435.     const couponHTMLFactory = (brandName) => {
  1436.  
  1437.         // 优惠券实体
  1438.         const couponEntity = all16_15CouponMp.get(brandName)
  1439.  
  1440.         let buttonLine = ''
  1441.  
  1442.         if (!$.isEmptyObject(couponEntity)) {
  1443.  
  1444.             // 是否已经领取
  1445.             if (couponEntity.isHaved === true) {
  1446.                 buttonLine = `<span class='val' style="text-align: center; ">
  1447.                     <span style="font-size: 12px;">已领取-${couponEntity.isNew === false ? '普通券' : '新人券'}</span>
  1448.                 </span> `
  1449.             } 
  1450.             else if (couponEntity.isUsed === true) {
  1451.                 buttonLine = `<span class='val' style="text-align: center; ">
  1452.                                   <span style="font-size: 12px;">本月已使用</span>
  1453.                               </span> `
  1454.             } 
  1455.             else {
  1456.                 buttonLine = `<span class='flex-sx-center flex-zy-center flex' style="padding: 0; width: 195px; text-align: center; ">
  1457.                     <button type="button" class="to_cou appendStatus" brandName="${brandName}">${couponEntity.isNew === false ? '普通券' : '新人券'}</button>
  1458.                  </span> `
  1459.             }
  1460.         }
  1461.         // 这里会查一遍我的优惠券，如果有的话，就证明有券。
  1462.         return $.isEmptyObject(buttonLine) ? `<span class='val' style="text-align: center; ">
  1463.                     <span class="appendStatus" brandName="${brandName}">${havedCouponList.includes(brandName) ? '优惠券已领取' : '' }</span>
  1464.                 </span> ` : buttonLine
  1465.     }
  1466.  
  1467.  
  1468.     /**
  1469.      * 追加的css
  1470.      * @returns
  1471.      */
  1472.     const cssFactory = () => `
  1473.     <style id="myCss">
  1474.     .hover-cs:hover {
  1475.         color: #e1e1e1 !important;
  1476.         cursor: pointer;
  1477.     }
  1478.  
  1479.     #couponModal {
  1480.         height: 85vh;
  1481.         position: fixed;
  1482.         top: 40px;
  1483.         right: 440px;
  1484.         z-index: 100;
  1485.         overflow: auto;
  1486.         background-color: white;
  1487.         border: 3px solid #3498db;
  1488.         border-radius: 5px;
  1489.         padding: 5px 150px 0 10px;
  1490.         margin-left: 40px;
  1491.     }
  1492.  
  1493.     .look-coupon-closebtn {
  1494.         position: fixed;
  1495.         top: 20px;
  1496.         right: 210px;
  1497.         border: 2px solid #3498db !important;
  1498.         background-color: white;
  1499.         padding: 5px 20px;
  1500.         width: min-content !important;
  1501.         border-radius: 5px;
  1502.         zoom: 200%;
  1503.     }
  1504.  
  1505.     .bd {
  1506.         position: fixed;
  1507.         top: 40px;
  1508.         right: 33px;
  1509.         background-color: white;
  1510.         border: 2px solid #3498db;
  1511.         width: 380px;
  1512.         padding: 3px 3px 0px 3px;
  1513.         border-radius: 5px;
  1514.         z-index: 99;
  1515.         overflow: auto;
  1516.     }
  1517.     
  1518.     .ftw400 {
  1519.         font-weight: 400;
  1520.     }
  1521.     
  1522.     .ftw500 {
  1523.         font-weight: 500;
  1524.     }
  1525.     
  1526.     .ftw1000 {
  1527.         font-weight: 1000;
  1528.     }
  1529.     
  1530.     .hideBtn,
  1531.     .showBtn {
  1532.         position: fixed;
  1533.         top: 20px;
  1534.         right: 10px;
  1535.         background-color: white;
  1536.         border: 2px solid #3498db;
  1537.         width: 85px;
  1538.         line-height: 30px;
  1539.         text-align: center;
  1540.         padding: 3px;
  1541.         font-weight: 800;
  1542.         border-radius: 5px;
  1543.         z-index: 1501;
  1544.         font-size: 16px;
  1545.         cursor: pointer;
  1546.         user-select:none;
  1547.     }
  1548.     
  1549.     .hide_ {
  1550.         display: none;
  1551.     }
  1552.     
  1553.     .m10 {
  1554.         margin: 10px;
  1555.     }
  1556.     .mb10 {
  1557.         margin-bottom: 10px;
  1558.     }
  1559.     .mt10 {
  1560.         margin-top: 10px;
  1561.     }
  1562.     .ml10 {
  1563.         margin-left: 10px;
  1564.     }
  1565.     .mr10 {
  1566.         margin-right: 10px;
  1567.     }
  1568.     
  1569.     .flex {
  1570.         display: flex;
  1571.     }
  1572.     
  1573.     .flex-sx-center {
  1574.         /*上下居中*/
  1575.         align-items: center;
  1576.     }
  1577.  
  1578.     .space-between {
  1579.         justify-content: space-between;
  1580.     }
  1581.     
  1582.     .flex-zy-center {
  1583.         /*左右居中*/
  1584.         justify-content: center;
  1585.     }
  1586.  
  1587.     .flex-d-col {
  1588.         flex-direction: column;
  1589.     }
  1590.     
  1591.     .flex-d-row {
  1592.         flex-direction: row;
  1593.     }
  1594.  
  1595.     .li-cs {
  1596.         margin: 5px;
  1597.         font-size: 14px;
  1598.         box-sizing: border-box;
  1599.         user-select:none;
  1600.         position: relative;
  1601.     }
  1602.     
  1603.     .box_ {
  1604.         box-sizing: border-box;
  1605.     }
  1606.     
  1607.     .click-hv:hover span {
  1608.         color: #e1e1e1 !important;
  1609.         cursor: pointer;
  1610.     }
  1611.     
  1612.     .li-cs div, .li-cs p {
  1613.         display: flex;
  1614.         width: 100%;
  1615.         border: 2px solid #3498db;
  1616.         border-radius: 5px;
  1617.     }
  1618.     
  1619.     .li-cs span {
  1620.         padding: 10px;
  1621.         width: 50%;
  1622.         color: white;
  1623.         box-sizing: border-box;
  1624.     }
  1625.     
  1626.     .li-cs .to_cou {
  1627.         border: 1px solid white;
  1628.         border-radius: 3px;
  1629.         background-color: rgba(255, 255, 255, 0.6);
  1630.         padding: 5px 15px;
  1631.         color: #2c4985;
  1632.     }
  1633.     
  1634.     .cart-li-pro-info div:hover {
  1635.         color: rgba(57, 46, 74, 0.9) !important;
  1636.     }
  1637.     
  1638.     .checkbox {
  1639.         appearance: none;
  1640.         width: 64px;
  1641.         height: 32px;
  1642.         position: relative;
  1643.         border-radius: 16px;
  1644.         cursor: pointer;
  1645.         background-color: #777;
  1646.         zoom: 90%;
  1647.     }
  1648.     
  1649.     .checkbox:before {
  1650.         content: "";
  1651.         position: absolute;
  1652.         width: 28px;
  1653.         height: 28px;
  1654.         background: white;
  1655.         left: 2px;
  1656.         top: 2px;
  1657.         border-radius: 50%;
  1658.         transition: left cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
  1659.     }
  1660.     
  1661.     .checkbox:after {
  1662.         content: "开 关";
  1663.         text-indent: 12px;
  1664.         word-spacing: 4px;
  1665.         display: inline-block;
  1666.         white-space: nowrap;
  1667.         color: white;
  1668.         font: 14px/30px monospace;
  1669.         font-weight: bold;
  1670.     }
  1671.     
  1672.     .checkbox:hover:before {
  1673.         box-shadow: inset 0px 0px 5px 0px #3498db;
  1674.     }
  1675.     
  1676.     .checkbox:checked {
  1677.         background-color: #3498db;
  1678.     }
  1679.     
  1680.     .checkbox:checked:before {
  1681.         left: 34px;
  1682.     }
  1683.     
  1684.     .checkbox:checked:after {
  1685.         color: #fff;
  1686.     }
  1687.     
  1688.     .small-sign {
  1689.         padding: 2px 3px;
  1690.         width: min-content !important;
  1691.         font-weight: bold;
  1692.     }
  1693.  
  1694.     .small-sign-pos {
  1695.         position: absolute;
  1696.         top: 35px;
  1697.         left: 70px;
  1698.     }
  1699.  
  1700.     .multi_ {
  1701.         background: white;
  1702.         color: #013d72 !important;
  1703.         width: min-content !important;
  1704.         font-weight: 200 !important;
  1705.         border-radius: 2px !important;
  1706.         padding: unset !important;
  1707.         height: fit-content;
  1708.         border: none !important;
  1709.         font-size: 11px;
  1710.     }
  1711.  
  1712.     .multi_default {
  1713.         width: min-content !important;
  1714.         font-weight: 200 !important;
  1715.         border-radius: 2px !important;
  1716.         padding: unset !important;
  1717.         height: fit-content;
  1718.         border: none !important;
  1719.         font-size: 11px;
  1720.         color: #00000000;
  1721.     }
  1722.  
  1723.     .multi_pos {
  1724.         position: absolute;
  1725.         top: -3px;
  1726.         left: 83px;
  1727.     }
  1728.  
  1729.     .total-money_ {
  1730.         position: absolute;
  1731.         top: 35px;
  1732.         left: 123px;
  1733.         padding: 2px 3px;
  1734.         width: min-content !important;
  1735.         font-weight: bold;
  1736.     }
  1737.  
  1738.  
  1739.     .look-coupon-btn {
  1740.         font-weight: bold;
  1741.         width: 110px !important;
  1742.         height: 135px;
  1743.         text-align: center;
  1744.         line-height: 130px;
  1745.         display: block !important;
  1746.         background-color: #3498db;
  1747.         position: absolute;
  1748.         top: 20px;
  1749.         right: 4px;
  1750.         color: white;
  1751.         font-size: 18px;
  1752.         border-radius: 5px;
  1753.         border: 2px solid #3498db;
  1754.         user-select:none;
  1755.     }
  1756.     
  1757.     .btn-group_ {
  1758.         border: 2px solid #3498db;
  1759.     }
  1760.     
  1761.     button.btn-left_,
  1762.     button.btn-right_ {
  1763.         width: 60px;
  1764.         height: 30px;
  1765.         border: unset;
  1766.         background-color: white;
  1767.     }
  1768.  
  1769.     button.btn-right_:hover,
  1770.     button.btn-left_:hover,
  1771.     .to_cou:hover,
  1772.     .showBtn:hover,
  1773.     .look-coupon-closebtn:hover,
  1774.     .look-coupon-btn:hover,
  1775.     .share_:hover,
  1776.     .coupon-item-btn-text_:hover
  1777.     {
  1778.         background-color: #53a3d6 !important;
  1779.         color: white !important;
  1780.         cursor: pointer;
  1781.     }
  1782.  
  1783.     button.btn-left_ {
  1784.         border-left: 2px solid #3498db;
  1785.         border-block: 2px solid #3498db;
  1786.         border-radius: 5px 0 0 5px;
  1787.         border-right: 2px solid #3498db;
  1788.     }
  1789.     
  1790.     button.btn-right_ {
  1791.         border-right: 2px solid #3498db;
  1792.         border-block: 2px solid #3498db;
  1793.         border-radius: 0 5px 5px 0;
  1794.     }
  1795.     
  1796.     .circle_ {
  1797.         display: inline-block;
  1798.         width: 16px;
  1799.         height: 16px;
  1800.         border-radius: 50%;
  1801.         background-color: #77b0e2;
  1802.         color: #fff;
  1803.         font-size: 12px;
  1804.         text-align: center;
  1805.         line-height: 15px;
  1806.         position: relative;
  1807.     }
  1808.     
  1809.     .circle_::before {
  1810.         content: "?";
  1811.         font-size: 16px;
  1812.         position: absolute;
  1813.         top: 50%;
  1814.         left: 50%;
  1815.         transform: translate(-50%, -50%);
  1816.     }
  1817.     
  1818.     .tooltip_ {
  1819.         position: relative;
  1820.         font-size: 14px;
  1821.         cursor: pointer;
  1822.     }
  1823.     
  1824.     .tooltip_:hover::before {
  1825.         word-break: keep-all;
  1826.         white-space: nowrap;
  1827.         content: attr(data-msg);
  1828.         position: absolute;
  1829.         padding: 8px 10px;
  1830.         display: block;
  1831.         color: #424343;
  1832.         border: 2px solid #3498db;
  1833.         border-radius: 5px;
  1834.         font-size: 14px;
  1835.         line-height: 20px;
  1836.         top: -47px;
  1837.         left: 50%;
  1838.         transform: translateX(-25%);
  1839.         background-color: white;
  1840.     }
  1841.     
  1842.     .tooltip_:hover::after {
  1843.         content: "﹀";
  1844.         position: absolute;
  1845.         top: -10px;
  1846.         left: 50%;
  1847.         -webkit-transform: translateX(-50%);
  1848.         -ms-transform: translateX(-50%);
  1849.         transform: translateX(-50%);
  1850.         background: #fff;
  1851.         color: #3498db;
  1852.         height: 7px;
  1853.         line-height: 10px;
  1854.         background-color: white;
  1855.     }
  1856.  
  1857.     
  1858.     .all-coupon-page .navigation {
  1859.         position: fixed;
  1860.         left: unset !important;
  1861.         right: 505px !important;
  1862.         top: 470px !important;
  1863.         z-index: 1000;
  1864.     }
  1865.  
  1866.     .all-coupon-page .main_wraper {
  1867.         background: #fff;
  1868.         zoom: 0.9;
  1869.         width: unset !important;
  1870.     }
  1871.  
  1872.     .extend-btn-group_  {
  1873.         position: fixed;
  1874.         right: 480px;
  1875.         top: 100px;
  1876.         z-index: 888;
  1877.         margin-left: -720px;
  1878.     }
  1879.  
  1880.     .extend-btn-group_ .coupon-item-btn-text_ {
  1881.         box-sizing: border-box;
  1882.         width: 100px;
  1883.         height: 30px;
  1884.         text-align: center;
  1885.         background: #199fe9;
  1886.         font-size: 14px;
  1887.         font-weight: 400;
  1888.         color: #fff;
  1889.         line-height: 30px;
  1890.         cursor: pointer;
  1891.         border-radius: 4px;
  1892.         margin-top: 9px;
  1893.     }
  1894.  
  1895.     .extend-btn-group_ .filter-clear {
  1896.         color: #3498db; 
  1897.         background: white; 
  1898.         border: 1px solid #3498db;
  1899.         font-weight: bolder;
  1900.     }
  1901.  
  1902.     .coupon-item {
  1903.         margin: 0 7px 10px 7px !important;
  1904.     }
  1905.  
  1906.     .parse-text-box {
  1907.         margin-right: 7px;
  1908.         width: 100%;
  1909.     }
  1910.  
  1911.     .textarea {
  1912.         width: 100%;
  1913.         min-width: 230px !important;
  1914.         min-height: 85px !important;
  1915.         border: 1px solid #3498db;
  1916.         border-radius: 3px;
  1917.     }
  1918.  
  1919.     .small_btn_ {
  1920.         font-size: 14px;
  1921.         width: 80px;
  1922.         margin-right: 22px;
  1923.         z-index: 2;
  1924.         border: 2px;
  1925.         background-color: #3498db;
  1926.         cursor: pointer;
  1927.         color: white;
  1928.         text-align: center;
  1929.         border-radius: 5px;
  1930.         padding: 6px;
  1931.     }
  1932.  
  1933.     ::-webkit-scrollbar {
  1934.          width:14px !important;
  1935.          height:unset !important;
  1936.     }
  1937.  
  1938.     ::-webkit-scrollbar-thumb {
  1939.         background: #e1e1e1 !important;
  1940.     }
  1941.  
  1942.     /* 选中任意的状态不确定的 <input> */
  1943.     input:indeterminate {
  1944.         background: lime;
  1945.     }
  1946.     </style>
  1947.     `;
  1948.  
  1949.     // /*滚动条整体样式*/
  1950.     // .bd::-webkit-scrollbar {
  1951.     // width: 10px;     
  1952.     // height: 1px;
  1953.     // }
  1954.     // /*滚动条里面小方块*/
  1955.     // .bd::-webkit-scrollbar-thumb {
  1956.     // border-radius: 10px;
  1957.     // background-color: #b4b7ba;
  1958.     // background-image: 
  1959.     //     -webkit-linear-gradient(
  1960.     //     45deg, 
  1961.     //     rgba(255, 255, 255, .2) 25%, 
  1962.     //     transparent 25%, 
  1963.     //     transparent 50%, 
  1964.     //     rgba(255, 255, 255, .2) 50%, 
  1965.     //     rgba(255, 255, 255, .2) 75%, 
  1966.     //     transparent 75%, 
  1967.     //     transparent
  1968.     //     );
  1969.     // }
  1970.     // /*滚动条里面轨道*/
  1971.     // .bd::-webkit-scrollbar-track {
  1972.     // -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  1973.     // /*border-radius: 10px;*/
  1974.     // background: #EDEDED;
  1975.     // }
  1976.  
  1977.     /**
  1978.      * 追加到body
  1979.      */
  1980.     const appendHtml = () => {
  1981.  
  1982.         // console.time('appendHtml')
  1983.  
  1984.         if ($('#myCss').length === 0) {
  1985.             $('body').append(cssFactory())
  1986.         }
  1987.  
  1988.         $('.bd').remove()
  1989.         $('body').append(htmlFactory())
  1990.  
  1991.         // =========== 事件 ==============
  1992.         clickBrandHandler()
  1993.         getCouponClickHandler()
  1994.         showOrHideModalHandler()
  1995.         onClickChangeDepotBtnHandler()
  1996.         checkDepotBtnHandlerNew()
  1997.         lookCouponListExtendsBtnHandler()
  1998.         lookCouponListHandler()
  1999.         shareHandler()
  2000.         shareParseHandler()
  2001.         lockProductHandler()
  2002.         refreshBtnHandler()
  2003.         versionClickHandler()
  2004.         // =============================
  2005.         resizeHeight()
  2006.  
  2007.         // console.timeEnd('appendHtml')
  2008.     }
  2009.  
  2010.     /**
  2011.      * 基础配置优化
  2012.      */
  2013.     const basicSettings = () => {
  2014.         // 多选框放大
  2015.         $('input.check-box:not([style*=zoom])').css('zoom', '150%')
  2016.  
  2017.         // 点击物料图片，操作多选框
  2018.         $('.product-img:not([class*=click_do_])').addClass('click_do_')
  2019.             .on('click', function () {
  2020.                 $(this).addClass('click_do_').prev('.check-box').click();
  2021.             })
  2022.  
  2023.         // 购物车列表 点击品牌跳转到该品牌下的商品
  2024.         $('.product-item li.cart-li-pro-info:not(:has([class*=open_do_]))').find('div:eq(2)')
  2025.             .css({ cursor: 'pointer' }).addClass('open_do_').click(function () {
  2026.                 GM_openInTab(`${webSiteShareData.lcscSearchUrl}/global.html?k=${getBrandNameByRegex(this.innerText)}`, { active: true, insert: true, setParent: true })
  2027.             })
  2028.     }
  2029.  
  2030.  
  2031.     /**
  2032.      * 遍历购物车清单，并计算品牌总金额
  2033.      */
  2034.     const eachCartList = () => {
  2035.         dataCartMp.clear()
  2036.  
  2037.         getHavedCheckedLineInfo().each(function (i) {
  2038.  
  2039.             let $this = $(this)
  2040.  
  2041.             // 物料编号
  2042.             // let productNo = $this.find('ul li:eq(1) a').text().trim()
  2043.  
  2044.             // 品牌名称
  2045.             let brandName = $this.find('.cart-li-pro-info div:eq(2)').text().trim()
  2046.  
  2047.             // 查找到品牌名称
  2048.             brandName = getBrandNameByRegex(brandName.split('\n')[brandName.split('\n').length - 1].trim())
  2049.  
  2050.             // if ($this.find('input:checked').length === 0) {
  2051.             //     return
  2052.             // }
  2053.  
  2054.             // 品牌下的单个商品总价
  2055.             let linePrice = parseFloat($this.find('.line-total-price').text().trim().replace('￥', ''))
  2056.  
  2057.             // 日志打印控制台
  2058.             // console.log(productId, brandName, linePrice)
  2059.  
  2060.             let mpVal = $.isEmptyObject(dataCartMp.get(brandName)) ? 0 : dataCartMp.get(brandName)
  2061.  
  2062.             // 保存到Map中
  2063.             dataCartMp.set(brandName, parseFloat((mpVal + linePrice).toFixed(2)))
  2064.  
  2065.  
  2066.             if ($.isEmptyObject(dataBrandColorMp.get(brandName))) {
  2067.                 // 对品牌进行随机色设置
  2068.                 dataBrandColorMp.set(brandName, srdmRgbColor())
  2069.             }
  2070.         })
  2071.     }
  2072.  
  2073.     /**
  2074.      * 对品牌进行随机色设置
  2075.      */
  2076.     const setBrandColor = () => {
  2077.  
  2078.         //弹框 对品牌进行随机色设置
  2079.         $('.li-cs').each(function (i) {
  2080.             $(this).css('background', dataBrandColorMp.get($(this).find('span:eq(0)').text().trim()))
  2081.         })
  2082.  
  2083.         // 购物车列表 品牌颜色设置
  2084.         dataBrandColorMp.forEach((v, k) => {
  2085.             let brandElement = getHavedLineInfoByBrandName(k).find('ul li.cart-li-pro-info div:eq(2)')
  2086.             brandElement.css({
  2087.                 'background-color': v,
  2088.                 'width': 'min-content',
  2089.                 'color': 'white'
  2090.             })
  2091.  
  2092.             brandElement.find('a').css({
  2093.                 'color': 'white'
  2094.             })
  2095.         })
  2096.     }
  2097.  
  2098.     /**
  2099.     * 查找购物车中所有选中的行的元素（包含现货、订货）
  2100.     *
  2101.     */
  2102.     const getAllCheckedLineInfo = () => {
  2103.         return $('.product-list .product-item input:checked').parents('.product-item')
  2104.     }
  2105.  
  2106.     /**
  2107.     * 查找购物车中所有选中的行的元素（包含现货、订货）指定：江苏仓
  2108.     *
  2109.     */
  2110.     const getJsLineInfo = () => {
  2111.         return $('.product-list .product-item .warehouse-wrap .warehouse:contains(江苏仓)')
  2112.     }
  2113.  
  2114.     /**
  2115.     * 查找购物车中所有选中的行的元素（包含现货、订货）指定：广东仓
  2116.     *
  2117.     */
  2118.     const getGdLineInfo = () => {
  2119.         return $('.product-list .product-item .warehouse-wrap .warehouse:contains(广东仓)')
  2120.     }
  2121.  
  2122.     /**
  2123.      * 通过品牌名称，查找购物车中所在行的元素（包含现货、订货）
  2124.      */
  2125.     const getAllLineInfoByBrandName = (brandName) => {
  2126.         return $('.product-list .product-item:contains(' + brandName + ')')
  2127.     }
  2128.  
  2129.     /**
  2130.      * 购物车中所在行的元素（包含现货、订货）
  2131.      */
  2132.     const getAllLineInfo = () => {
  2133.         return $('.product-list .product-item')
  2134.     }
  2135.  
  2136.     /**
  2137.      * 通过品牌名称，查找购物车中的行元素(只获取现货商品)
  2138.      */
  2139.     const getHavedLineInfoByBrandName = (brandName) => {
  2140.         return $('.product-list .product-list-dl:eq(0) .product-item:contains(' + brandName + ')')
  2141.     }
  2142.  
  2143.     /**
  2144.      * 购物车中的行元素(只获取现货商品)
  2145.      */
  2146.     const getHavedLineInfo = () => {
  2147.         return $('.product-list .product-list-dl:eq(0) .product-item')
  2148.     }
  2149.  
  2150.     /**
  2151.      * 通过品牌列表名称，购物车中的行的元素(只获取现货商品)
  2152.      */
  2153.     const getHavedLineInfoByBrandNameList = (brandNameList) => {
  2154.         return $(
  2155.             [...getHavedLineInfo()].filter(item => {
  2156.                 const brandName = getBrandNameByRegex($(item).find(`.cart-li:eq(2) div:eq(2)`).text().trim())
  2157.                 return brandNameList.includes(brandName)
  2158.             })
  2159.         )
  2160.     }
  2161.  
  2162.     /**
  2163.      * 查找购物车中选中的行元素(只获取现货商品、选中的)
  2164.      * product-list-dl eq 0 是现货
  2165.      * product-list-dl eq 1 是订货
  2166.      *
  2167.      */
  2168.     const getHavedCheckedLineInfo = () => {
  2169.         return $('.product-list .product-list-dl:eq(0) .product-item input:checked').parents('.product-item')
  2170.     }
  2171.  
  2172.     /**
  2173.      * 查找购物车中没有选中的行元素(只获取现货商品、选中的)
  2174.      * product-list-dl eq 0 是现货
  2175.      * product-list-dl eq 1 是订货
  2176.      *
  2177.      */
  2178.     const getHavedNotCheckedLineInfo = () => {
  2179.         return $('.product-list .product-list-dl:eq(0) .product-item input:not(:checked)').parents('.product-item')
  2180.     }
  2181.  
  2182.     /**
  2183.      * 点击小窗口的品牌按钮，实现该品牌下的单选
  2184.      * 且该品牌下的物料，会自动排到购物车的前面几条
  2185.      */
  2186.     const clickBrandHandler = () => {
  2187.         $('.click-hv .sort_').on('click', function (target) {
  2188.             let brandName = $(this).text().trim()
  2189.  
  2190.             let cutHtmlElement = []
  2191.  
  2192.             // 查找购物车 现货商品
  2193.             getHavedLineInfoByBrandName(brandName).each(function (i) {
  2194.                 cutHtmlElement.push($(this))
  2195.             })
  2196.  
  2197.             cutHtmlElement.forEach(item => {
  2198.                 $('.product-list .product-list-dl:eq(0) .product-item').insertAfter(item)
  2199.             })
  2200.         })
  2201.  
  2202.         /**
  2203.          * 小窗口品牌列表的双击事件
  2204.          * 双击全选品牌
  2205.          */
  2206.         $('.click-hv .sort_').on('dblclick', function () {
  2207.  
  2208.             let brandName = $(this).text().trim()
  2209.  
  2210.             // 当前品牌行
  2211.             const $brandEle = $(`.product-item:contains("${brandName}")`)
  2212.             // 当前品牌选中的
  2213.             const $brandCheckedEle = $(`.product-item:contains("${brandName}") li.cart-li .check-box:checked`)
  2214.             // 当前品牌没有选中的
  2215.             const $brandNotCheckedEle = $(`.product-item:contains("${brandName}") li.cart-li .check-box:not(:checked)`)
  2216.  
  2217.             // 当前品牌全选
  2218.             if ($brandCheckedEle.length != $brandEle.length) {
  2219.                 setAwaitFunc(10, function () {
  2220.                     $brandNotCheckedEle.click();
  2221.                 })
  2222.                 return;
  2223.             }
  2224.  
  2225.             /**
  2226.              * 过滤封装
  2227.              * @param {*} eles 
  2228.              * @returns 
  2229.              */
  2230.             const _filterNotSelf = (eles, brandName_, finder) => {
  2231.                 return $([...eles].filter(item => {
  2232.                     return $(item).find(`li.cart-li:eq(2):not(:contains(${brandName_}))`).length > 0
  2233.                 })).find(finder)
  2234.             }
  2235.  
  2236.             // 获取选中的现货
  2237.             const $havedEles = getHavedCheckedLineInfo()
  2238.  
  2239.  
  2240.             // 看看有没有选中除自己之外，其他品牌的商品
  2241.             const isNckOtherPdtsBool = _filterNotSelf($havedEles, brandName, `li.cart-li:eq(2):not(:contains(${brandName}))`).length > 0
  2242.  
  2243.             if (isNckOtherPdtsBool) {
  2244.                 // 获取现货
  2245.                 setAwaitFunc(10, function () {
  2246.                     _filterNotSelf($havedEles, brandName, `li.cart-li .check-box:checked`).click()
  2247.                 })
  2248.             }
  2249.             else {
  2250.                 // 全选
  2251.                 setAwaitFunc(10, function () {
  2252.                     _filterNotSelf(getHavedNotCheckedLineInfo(), brandName, `li.cart-li .check-box:not(:checked)`).click()
  2253.                 })
  2254.             }
  2255.         })
  2256.     }
  2257.  
  2258.     /**
  2259.      * 多选框变化，刷新小窗口的计算结果
  2260.      */
  2261.     const checkStatusChangeHandler = () => {
  2262.         // $(".check-box,.check-box-checked-all").change(refresh)
  2263.         
  2264.         $(".check-box,.check-box-checked-all").change(() => {
  2265.             setTimeout(refresh, 1000);
  2266.         })
  2267.     }
  2268.  
  2269.     /**
  2270.      * 获取优惠券列表信息，并暂存在变量集合中
  2271.      */
  2272.     const getCouponHTML = async () => {
  2273.         // http获取优惠券信息
  2274.         let couponHTML = await getAjax(`${webSiteShareData.lcscWwwUrl}/huodong.html`)
  2275.         // 遍历优惠券
  2276.         $(couponHTML).find('.coupon-item:contains(满16可用) div[data-id]').each(function () {
  2277.             // 获取当前元素
  2278.             let $this = $(this);
  2279.             // 优惠券id
  2280.             let couponId = $this.data('id');
  2281.             // 是否已经领取
  2282.             let isHaved = $this.find(':contains(立即使用)').length > 0;
  2283.             // 优惠券名称
  2284.             let couponName = $this.data('name');
  2285.             // 对应的品牌主页地址
  2286.             let brandIndexHref = $this.data('href');
  2287.             // 优惠券金额
  2288.             let couponPrice = couponName.replace(/^.*?\>(.*?)元.*$/, '$1');
  2289.             // 品牌名称
  2290.             let brandName = couponName.replace(/^.*?元(.*?)品牌.*$/, '$1');
  2291.             // 是否新人优惠券
  2292.             let isNew = couponName.split('新人专享').length >= 2;
  2293.             // 是否已经使用过
  2294.             let isUsed = $this.find(':contains(已使用)').length > 0;
  2295.  
  2296.             // 一些优惠券特殊处理
  2297.             if(brandName === 'MDD') {
  2298.                 // 存到变量Map中
  2299.                 all16_15CouponMp.set('辰达半导体', {
  2300.                     couponName, // 优惠券名称
  2301.                     isNew, // 是否新人专享
  2302.                     couponPrice, //优惠券金额减免
  2303.                     brandName: '辰达半导体', // 品牌名称
  2304.                     couponId, // 优惠券id
  2305.                     isHaved, // 是否已经领取
  2306.                     isUsed, // 是否已经使用过
  2307.                     brandIndexHref, // 对应的品牌主页地址
  2308.                     couponLink: `${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`, // 领券接口地址
  2309.                 });
  2310.             }
  2311.  
  2312.             // 存到变量Map中
  2313.             all16_15CouponMp.set(brandName, {
  2314.                 couponName, // 优惠券名称
  2315.                 isNew, // 是否新人专享
  2316.                 couponPrice, //优惠券金额减免
  2317.                 brandName, // 品牌名称
  2318.                 couponId, // 优惠券id
  2319.                 isHaved, // 是否已经领取
  2320.                 isUsed, // 是否已经使用过
  2321.                 brandIndexHref, // 对应的品牌主页地址
  2322.                 couponLink: `${webSiteShareData.lcscWwwUrl}/getCoupon/${couponId}`, // 领券接口地址
  2323.             });
  2324.         });
  2325.     }
  2326.  
  2327.     /**
  2328.      * 优惠券领取按钮的绑定事件
  2329.      */
  2330.     const getCouponClickHandler = () => {
  2331.         $('.to_cou').click(async function (target) {
  2332.             let brandName = $(this).parents('span').siblings('.key').text()
  2333.  
  2334.             // 优惠券实体
  2335.             let couponEntity = all16_15CouponMp.get(brandName)
  2336.  
  2337.             if (!$.isEmptyObject(couponEntity)) {
  2338.                 let res = await getAjax(couponEntity.couponLink)
  2339.                 // console.log(res)
  2340.  
  2341.                 let resParseData = JSON.parse(res)
  2342.                 if (resParseData.result === 'success') {
  2343.                     Qmsg.success(`${couponEntity.couponName}，领取成功！`)
  2344.                     refresh(true)
  2345.                 } else {
  2346.                     Qmsg.error(resParseData.msg)
  2347.                 }
  2348.             }
  2349.         })
  2350.     }
  2351.  
  2352.     // 隐藏/显示 小窗
  2353.     const showOrHideModalHandler = () => {
  2354.         $('.showBtn,.hideBtn').click(function (target) {
  2355.             let $bd = $('.bd')
  2356.  
  2357.             if ($bd.is(':hidden')) {
  2358.                 $('.hideBtn').show()
  2359.                 $('.showBtn').hide()
  2360.                 setLocalData('SHOW_BOOL', true)
  2361.                 refresh()
  2362.             } else if ($bd.is(':visible')) {
  2363.                 $('.showBtn').show()
  2364.                 $('.hideBtn').hide()
  2365.                 $('#couponModal').hide()
  2366.                 setLocalData('SHOW_BOOL', false)
  2367.             }
  2368.  
  2369.             $bd.fadeToggle()
  2370.         })
  2371.     }
  2372.  
  2373.     /**
  2374.      * 优惠券快速入口
  2375.      */
  2376.     const couponGotoHandler = () => {
  2377.  
  2378.         if ($('.coupon-item-goto').length > 0) {
  2379.             return;
  2380.         }
  2381.  
  2382.         if ($('#conponCss_').length === 0)
  2383.             $('body').append(`
  2384.             <style id="conponCss_">
  2385.                 .coupon-item-goto {
  2386.                     right: 6% !important;
  2387.                     left: unset !important;
  2388.                     width: 43% !important;
  2389.                     position: absolute;
  2390.                     bottom: 12px;
  2391.                     margin-left: -96px;
  2392.                     box-sizing: border-box;
  2393.                     height: 30px;
  2394.                     text-align: center;
  2395.                     font-size: 14px;
  2396.                     font-weight: 400;
  2397.                     color: #fff;
  2398.                     line-height: 30px;
  2399.                     cursor: pointer;
  2400.                     border-radius: 4px;
  2401.                     background: #53a3d6;
  2402.                 }
  2403.                 .coupon-item-goto:hover
  2404.                 {
  2405.                     background-color: #53a3d6 !important;
  2406.                     color: white !important;
  2407.                     cursor: pointer;
  2408.                 }
  2409.                 .coupon-item-btn {
  2410.                     width: 43% !important;
  2411.                 }
  2412.             </style>
  2413.             `)
  2414.  
  2415.         const append_ = `
  2416.         <a class='coupon-item-goto' href="" target="_blank">
  2417.          快速入口
  2418.         </a>
  2419.         `
  2420.         $('.coupon-item').each(function () {
  2421.             const $this = $(this)
  2422.             const btnBackgound = $this.hasClass('coupon-item-plus') ? '#61679e' : ($this.hasClass('receive') ? 'linear-gradient(90deg,#f4e6d6,#ffd9a8)' : '#199fe9')
  2423.  
  2424.             $this.append(append_)
  2425.  
  2426.             if ($this.hasClass('receive')) {
  2427.                 $this.find('.coupon-item-goto').css({ color: 'unset' })
  2428.             }
  2429.  
  2430.             $this.find('.coupon-item-goto').css({ background: btnBackgound })
  2431.             $this.find('.coupon-item-goto').attr('href', $this.find('div[data-id]').data('url'))
  2432.  
  2433.         })
  2434.     }
  2435.  
  2436.     /**
  2437.      * 页面加载的时候，控制小窗显示隐藏
  2438.      */
  2439.     const onLoadSet = () => {
  2440.         // if (getLocalData('SHOW_BOOL') === 'false') {
  2441.         //     $('#bd').hide()
  2442.         //     $('.hideBtn').click()
  2443.         // }
  2444.  
  2445.         // if (getLocalData('AUTO_GET_COUPON_BOOL') === 'true') {
  2446.         //     $('.auto-get-coupon').attr('checked', true)
  2447.         // }
  2448.  
  2449.         // $('textarea').css('min-width', `${$('textarea').css('width')} !important`)
  2450.     }
  2451.  
  2452.     /**
  2453.      * 刷新小窗口数据
  2454.      * @param {*} notRefreshCouponHtml 是否更新优惠券集合数据
  2455.      */
  2456.     const refresh = async (notRefreshCouponHtml) => {
  2457.  
  2458.         // console.time('refresh')
  2459.  
  2460.         if (getLocalData('SHOW_BOOL') === 'false') {
  2461.             return
  2462.         }
  2463.  
  2464.         // 是否更新优惠券集合数据，主要更新是否领取的状态
  2465.         if (notRefreshCouponHtml === true) {
  2466.             await getCouponHTML()
  2467.         }
  2468.  
  2469.         eachCartList()
  2470.         appendHtml()
  2471.  
  2472.         setBrandColor()
  2473.  
  2474.         // console.timeEnd('refresh')
  2475.     }
  2476.  
  2477.     /**
  2478.      * 全部刷新重置
  2479.      */
  2480.     const allRefresh = async () => {
  2481.  
  2482.         await getCouponHTML()
  2483.  
  2484.         refresh(true)
  2485.  
  2486.         checkStatusChangeHandler()
  2487.         onChangeCountHandler()
  2488.         autoGetCouponTimerHandler()
  2489.  
  2490.  
  2491.         lookCouponListModal()
  2492.  
  2493.         // await setAwait(1000)
  2494.         // onLoadSet()
  2495.     }
  2496.  
  2497.     /**
  2498.      * 重置小窗口的高度
  2499.      * 
  2500.      */
  2501.     const resizeHeight = () => {
  2502.  
  2503.         if (((window.innerHeight - 120) < $('.bd').height())) {
  2504.             $('.bd').height('82vh')
  2505.         } else {
  2506.             $('.bd').height('auto')
  2507.         }
  2508.     }
  2509.  
  2510.     /**
  2511.      * 购物车页面 初始化（只执行一次）
  2512.      */
  2513.     const cartStart = async () => {
  2514.  
  2515.         // 判断是否已经处理完成，否则会有性能问题
  2516.         basicSettings()
  2517.  
  2518.         // 插件只执行一次
  2519.         if (plguinIsHaved()) { return; }
  2520.  
  2521.         window.addEventListener('resize', resizeHeight)
  2522.  
  2523.         eachCartList()
  2524.         await getCouponHTML()
  2525.         appendHtml()
  2526.         setBrandColor()
  2527.  
  2528.         checkStatusChangeHandler()
  2529.         onChangeCountHandler()
  2530.         autoGetCouponTimerHandler()
  2531.  
  2532.         // onLoadSet()
  2533.         lookCouponListModal()
  2534.         lookCouponCheckboxHandler()
  2535.         lookHavedCouponList()
  2536.     }
  2537.  
  2538.     /**
  2539.      * 搜索页
  2540.      * @param {*} isNew 是否新人 true/false
  2541.      * @param {*} type 单选多选 ONE/MORE
  2542.      */
  2543.     const searchStart = async () => {
  2544.         /**
  2545.         * 搜索列表中，对品牌颜色进行上色
  2546.         * list.szlcsc.com/catalog
  2547.         */
  2548.         const catalogListRenderBrandColor = () => {
  2549.             for (let [brandName, brandDetail] of all16_15CouponMp) {
  2550.                 // 获取页面元素
  2551.                 const $brandEle = $(`li[title*="${brandName}"]:not([style*=background-color]),span[title*="${brandName}"]:not([style*=background-color]),a.brand-name[title*="${brandName}"]:not([style*=background-color])`);
  2552.                 // && $brandEle.css('background-color') === "rgba(0, 0, 0, 0)"
  2553.                 if ($brandEle.length > 0) {
  2554.                     $brandEle.css({
  2555.                         "background-color": brandDetail.isNew ? '#00bfffb8' : '#7fffd4b8'
  2556.                     })
  2557.                 }
  2558.             }
  2559.         }
  2560.  
  2561.         catalogListRenderBrandColor()
  2562.  
  2563.         // 回到顶部  嘉立创的返回顶部，在展开客服里。
  2564.         // if ($('div.logo-wrap').hasClass('active')) {
  2565.         //     if ($('#scrollTo_').length === 0) {
  2566.         //         $('#productListFixedHeader:visible').parents('body').after(`
  2567.         //         <a id="scrollTo_" style="border-radius: 5px;
  2568.         //                                 z-index: 10000;
  2569.         //                                 position: fixed;
  2570.         //                                 right: 45px;
  2571.         //                                 bottom: 45px;
  2572.         //                                 padding: 10px 10px 5px 10px;
  2573.         //                                 background: white;
  2574.         //                                 border: 2px solid #199fe9;
  2575.         //                                 font-size: 20px;
  2576.         //                                 font-weight: 600;" href="javascript:scrollTo(0,0)">
  2577.         //             <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>
  2578.         //         </a>
  2579.         //         `);
  2580.         //     }
  2581.         // } else {
  2582.         //     $('#scrollTo_').remove();
  2583.         // }
  2584.  
  2585.         if ($('span[class*=select-spec-]').length === 0) {
  2586.             // 查询封装规格
  2587.             const selectSpecHandler = () => {
  2588.                 /**
  2589.                  * 模糊查
  2590.                  * 如果多选中没有查找到规格，则做一些小小的递归数据处理
  2591.                  * @param {*} specName 
  2592.                  * @returns 
  2593.                  */
  2594.                 const _MHCEachClick = (specName) => {
  2595.                     if ($(`.det-screen:contains("封装：") label.fuxuanku-lable:contains("${specName}")`).length > 0) {
  2596.                         $(`.det-screen:contains("封装：") label.fuxuanku-lable:contains("${specName}")`).click();
  2597.                     } else {
  2598.                         if (specName.includes('-')) {
  2599.                             _MHCEachClick(specName.split('-').slice(0, -1).join('-'));
  2600.                         }
  2601.                     }
  2602.                 }
  2603.                 /**
  2604.                  * 精确查
  2605.                  * 如果多选中没有查找到规格，则做一些小小的递归数据处理
  2606.                  * @param {*} specName 
  2607.                  * @returns 
  2608.                  */
  2609.                    const _JQCEachClick = (specName) => {
  2610.                     if ($(`.det-screen:contains("封装：") label.fuxuanku-lable[title="${specName}"]`).length > 0) {
  2611.                         $(`.det-screen:contains("封装：") label.fuxuanku-lable[title="${specName}"]`).click();
  2612.                     } else {
  2613.                         if (specName.includes('-')) {
  2614.                             _JQCEachClick(specName.split('-').slice(0, -1).join('-'));
  2615.                         }
  2616.                     }
  2617.                 }
  2618.  
  2619.                 /**
  2620.                  * 封装查询-多选框点击
  2621.                  * @param specName   规格封装名称
  2622.                  * @param selectType 模糊查：MHC，精确查：JQC
  2623.                  */
  2624.                 const _clickSpecFunc = async (specName, selectType) => {
  2625.                     // 统一文字
  2626.                     $(`.det-screen:contains("规格：") .det-screen-title`).text('封装：');
  2627.                     // 展开规格
  2628.                     $(`.det-screen:contains("封装：") #more-standard`).click();
  2629.  
  2630.                     switch (selectType) {
  2631.                         // 模糊查
  2632.                         case "MHC":
  2633.                             _MHCEachClick(specName);
  2634.                             break;
  2635.                         // 精确查
  2636.                         case "JQC":
  2637.                              _JQCEachClick(specName);
  2638.                             break;
  2639.                     }
  2640.  
  2641.                     // 查找规格对应的选项
  2642.                     $(`.det-screen:contains("封装：") input[value="确定"]`).click();
  2643.                 }
  2644.  
  2645.                 $('.li-ellipsis:contains("封装:")').each(function () {
  2646.                     // 查询到点击追加的规格名称
  2647.                     let specName = $(this).find('span:eq(1)').attr('title');
  2648.                     // 页面追加按钮元素
  2649.                     $(this).after(`
  2650.                     <li class="li-el">
  2651.                     <span class="select-spec-mh" style="border-radius: 2px; display: inline-flex; padding: 3px 8px; color: white; cursor: pointer; user-select: none; background: #199fe9;" 
  2652.                             specName="${specName}" selectType="MHC">封装模糊匹配</span>
  2653.                     <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;" 
  2654.                             specName="${specName}" selectType="JQC">封装精确匹配</span>
  2655.                     </li>
  2656.                     `);
  2657.                 });
  2658.  
  2659.                 // $('.li-el + li').css('height', '10px')
  2660.                 // 查询封装-按钮事件
  2661.                 $('span[class*=select-spec-]').on('click', function () {
  2662.                     _clickSpecFunc($(this).attr('specName'), $(this).attr('selectType'))
  2663.                 })
  2664.             }
  2665.             // 查询规格快捷按钮
  2666.             selectSpecHandler()
  2667.         }
  2668.  
  2669.         if ($('.searchTaobao_').length === 0) {
  2670.             // 预售拼团 不处理，其他的都追加按钮
  2671.             $('.line-box:not(:contains("预售拼团")) li.pan-list').append(`
  2672.                 <button type="button" class="pan-list-btn searchTaobao_" style="margin-top: 5px; background: #199fe9;">一键搜淘宝</button>
  2673.             `)
  2674.         } else
  2675.         // 搜索页的 一键搜淘宝
  2676.         if ($('.searchTaobao_:not([addedClickHandler])').length > 0) {
  2677.             /**
  2678.             * 非阻容，其他数据处理
  2679.             * @param {*} parents 行级标签
  2680.             * @param {*} resArr  数据存放的数组
  2681.              */
  2682.             function other(parents, resArr) {
  2683.                 let productName = parents.find('li.li-ellipsis a:eq(0)').attr('title') || '';
  2684.  
  2685.                 if (productName.length === 0 || resArr.length > 0) {
  2686.                     return;
  2687.                 }
  2688.  
  2689.                 let footprint = parents.find('li.li-ellipsis:contains("封装:") span:eq(1)').attr('title') || '';
  2690.                 resArr.push(productName); resArr.push(footprint);
  2691.             }
  2692.             /**
  2693.              * 电阻数据处理
  2694.              * @param {*} parents 行级标签
  2695.              * @param {*} resArr  数据存放的数组
  2696.              */
  2697.             function R(parents, resArr) {
  2698.                 const r = parents.find('li.li-ellipsis:contains("阻值:")').text().replace(/(阻值:|Ω)+/g, '').trim()
  2699.  
  2700.                 if (r.length === 0 || resArr.length > 0) {
  2701.                     return;
  2702.                 }
  2703.                 const f = parents.find('li.li-ellipsis:contains("封装:")').text().replace('封装:', '').trim()
  2704.                 const j = parents.find('li.li-ellipsis:contains("精度:")').text().replace(/(精度:|\±)+/g, '').trim()
  2705.  
  2706.                 resArr.push(r); resArr.push(f); resArr.push(j);
  2707.             }
  2708.  
  2709.             /**
  2710.              * 电容数据处理
  2711.              * @param {*} parents  行级标签
  2712.              * @param {*} resArr  数据存放的数组
  2713.              */
  2714.             function C(parents, resArr) {
  2715.                 const c = parents.find('li.li-ellipsis:contains("容值:")').text().replace('容值:', '').trim()
  2716.  
  2717.                 if (c.length === 0 || resArr.length > 0) {
  2718.                     return;
  2719.                 }
  2720.  
  2721.                 const v = parents.find('li.li-ellipsis:contains("额定电压:")').text().replace('额定电压:', '').trim()
  2722.                 const j = parents.find('li.li-ellipsis:contains("精度:")').text().replace(/(精度:|\±)+/g, '').trim()
  2723.                 const f = parents.find('li.li-ellipsis:contains("封装:")').text().replace('封装:', '').trim()
  2724.  
  2725.                 resArr.push(c); resArr.push(v); resArr.push(j); resArr.push(f);
  2726.             }
  2727.             $('.searchTaobao_:not([addedClickHandler])').attr('addedClickHandler', true).on('click', function (params) {
  2728.                 let searchArrVals = [];
  2729.  
  2730.                 const $parents = $(this).parents('td.line-box');
  2731.                 // 阻容处理、其他元件处理
  2732.                 R($parents, searchArrVals); C($parents, searchArrVals); other($parents, searchArrVals);
  2733.  
  2734.                 GM_openInTab(`https://s.taobao.com/search?q=${searchArrVals.join('/')}`, { active: true, insert: true, setParent: true })
  2735.             })
  2736.         }
  2737.  
  2738.         /**
  2739.         * 设置单选的背景颜色
  2740.         */
  2741.         const _setOneCssByBrandName = (brandName, bgColor = '#00bfffb8') => {
  2742.             // 查找某个品牌
  2743.             const searchBrandItemList = $(`#brandList div`).find(`span:eq(0):contains(${brandName})`)
  2744.             searchBrandItemList.css({ 'background-color': bgColor, 'border-radius': '30px' })
  2745.         }
  2746.  
  2747.         /**
  2748.       * 设置多选的背景颜色
  2749.       */
  2750.         const _setMultiCssByBrandName = (brandName, bgColor = '#00bfffb8') => {
  2751.             // 查找某个品牌
  2752.             const searchBrandItemList = $(`.pick-txt.det-screen1 div`).find(`label:contains(${brandName})`)
  2753.             searchBrandItemList.css({ 'background-color': bgColor, 'border-radius': '30px' })
  2754.         }
  2755.  
  2756.         /**
  2757.          * 筛选条件：单选品牌-颜色
  2758.          */
  2759.         const _renderFilterBrandColor = async () => {
  2760.  
  2761.             await setAwait(200)
  2762.  
  2763.             $(`#brandList div`).find(`span:eq(0)`).each(function () {
  2764.                 const text = $(this).text().trim()
  2765.  
  2766.                 let findBrandName = text
  2767.                 if (text.includes('(')) {
  2768.                     findBrandName = getBrandNameByRegex(text)
  2769.                 }
  2770.  
  2771.                 if (all16_15CouponMp.has(findBrandName)) {
  2772.                     if (all16_15CouponMp.get(findBrandName).isNew) {
  2773.                         _setOneCssByBrandName(findBrandName)
  2774.                     } else {
  2775.                         _setOneCssByBrandName(findBrandName, '#7fffd4b8')
  2776.                     }
  2777.                 }
  2778.             })
  2779.             // 省略号去掉，方便查看
  2780.             $('.det-screen1 span').css({ 'display': 'unset' })
  2781.         }
  2782.  
  2783.         /**
  2784.         * 筛选条件：单选品牌-颜色
  2785.         */
  2786.         const _renderMulitFilterBrandColor = async () => {
  2787.  
  2788.             await setAwait(200)
  2789.  
  2790.             $(`.pick-txt.det-screen1 div`).each(function () {
  2791.                 const text = $(this).find('label').attr('title').trim()
  2792.  
  2793.                 let findBrandName = text
  2794.                 if (text.includes('(')) {
  2795.                     findBrandName = getBrandNameByRegex(text)
  2796.                 }
  2797.  
  2798.                 if (all16_15CouponMp.has(findBrandName)) {
  2799.                     if (all16_15CouponMp.get(findBrandName).isNew) {
  2800.                         _setMultiCssByBrandName(findBrandName)
  2801.                     } else {
  2802.                         _setMultiCssByBrandName(findBrandName, '#7fffd4b8')
  2803.                     }
  2804.                 }
  2805.             })
  2806.             // 省略号去掉，方便查看
  2807.             $('.det-screen1 span').css({ 'display': 'unset' })
  2808.         }
  2809.         /**
  2810.          * 筛选条件：多选品牌
  2811.          * @param {*} isNew 是否新人券 true/false
  2812.          */
  2813.         const multiFilterBrand = async (isNew) => {
  2814.             $('#more-brand').click()
  2815.             // $('.pick-txt.det-screen1 label.active').removeClass('active');
  2816.             $('.pick-txt.det-screen1 div').each(function () {
  2817.                 const $labelEle = $(this).find('label.fuxuanku-lable')
  2818.                 // 品牌名称
  2819.                 const text = $labelEle.attr('title').trim()
  2820.  
  2821.                 let findBrandName = text
  2822.                 if (text.includes('(')) {
  2823.                     findBrandName = getBrandNameByRegex(text)
  2824.                 }
  2825.  
  2826.                 if (all16_15CouponMp.has(findBrandName)) {
  2827.                     if (all16_15CouponMp.get(findBrandName).isNew === isNew) {
  2828.                         // 多选框选中
  2829.                         $labelEle.click()
  2830.                     }
  2831.                 }
  2832.             })
  2833.  
  2834.             $('.hoice-ys .more-input02').click()
  2835.         }
  2836.  
  2837.         if ($('#_remind').length === 0) {
  2838.             $('.det-screen:contains("品牌：")').append(`
  2839.             <div id='_remind'>
  2840.                 <span class='row_center get_new_coupon'><p class='new_'></p>新人券</span>
  2841.                 <span class='row_center get_notnew_coupon'><p class='not_new_'></p>非新人券</span>
  2842.             </div>
  2843.             
  2844.             <style>
  2845.             #_remind {
  2846.                 display: inline-block;
  2847.                 position: absolute;
  2848.                 top: 0px;
  2849.                 right: 100px;
  2850.                 width: 100px;
  2851.             }
  2852.             .row_center {
  2853.                 display: inline-flex;
  2854.                 align-items: center;
  2855.             }
  2856.             .new_ {
  2857.                 background-color: #00bfffb8;
  2858.                 margin-right: 10px;
  2859.                 width: 20px;
  2860.                 height: 10px;
  2861.             }
  2862.             .not_new_ {
  2863.                 background-color: #7fffd4b8;
  2864.                 margin-right: 10px;
  2865.                 width: 20px;
  2866.                 height: 10px;
  2867.             }
  2868.             .get_new_coupon,
  2869.             .get_notnew_coupon {
  2870.                 cursor: pointer;
  2871.             }
  2872.  
  2873.             .get_new_coupon:hover,
  2874.             .get_notnew_coupon:hover {
  2875.                 background: #e1e1e1;
  2876.             }
  2877.             </style>
  2878.             `)
  2879.  
  2880.             // 更新优惠券列表到集合中
  2881.             await getCouponHTML()
  2882.  
  2883.             _renderFilterBrandColor()
  2884.  
  2885.             // 多选展开按钮
  2886.             $('#more-brand').click(_renderMulitFilterBrandColor)
  2887.             // 品牌单选
  2888.             $('.screen-more .more-brand').click(_renderFilterBrandColor)
  2889.             // 多选新人券
  2890.             $('.get_new_coupon').click(() => multiFilterBrand(true))
  2891.             // 多选非新人券
  2892.             $('.get_notnew_coupon').click(() => multiFilterBrand(false))
  2893.  
  2894.         }
  2895.  
  2896.         /**
  2897.          * 显示最低购入价
  2898.          * @param {*} params 
  2899.          */
  2900.         function minBuyMoney(params) {
  2901.             $('.three-nr').find('.three-nr-item:eq(0) .price-warp p').each(function () {
  2902.                 let minMum = parseInt($(this).attr('minordernum'));
  2903.                 let orderPrice = parseFloat($(this).attr('orderprice'));
  2904.  
  2905.                 $(this).parents('.three-nr-item').before(`
  2906.                     <p class="minBuyMoney_" style="
  2907.                         width: fit-content;
  2908.                         padding: 2px 3px;
  2909.                         font-weight: 600;
  2910.                         color: #0094e7;">最低购入价： ${(minMum * orderPrice).toFixed(6)}</p>
  2911.                 `)
  2912.             })
  2913.         }
  2914.  
  2915.         // 
  2916.         if ($('.minBuyMoney_').length === 0) {
  2917.             minBuyMoney()
  2918.         }
  2919.  
  2920.         /**
  2921.          * 搜索页-查找最低价 列表渲染方法
  2922.          */
  2923.         const renderMinPriceSearch = () => {
  2924.             // 如果广东仓和江苏仓同时没有货的话，那么就属于订货商品，不需要显示
  2925.                          // 如果没有价格区间，证明是停售商品
  2926.                          var newList = searchTempList.filter(item =>!(parseInt(item.jsWarehouseStockNumber||0) <= 0 && parseInt(item.gdWarehouseStockNumber||0) <= 0) && item.productPriceList.length > 0);
  2927.                          // 列表自动正序，方便凑单
  2928.                          newList.sort((o1, o2) =>{
  2929.                              return (o1.theRatio*o1.productPriceList[0].productPrice).toFixed(6) - (o2.theRatio*o2.productPriceList[0].productPrice).toFixed(6);
  2930.                          });
  2931.                          // 外部动态js规则组
  2932.                          if (jsRules.length > 0) {
  2933.                              jsRules.forEach(jsr => { newList = newList.filter(jsr); });
  2934.                          }
  2935.                          if(newList == null || newList.length === 0) {
  2936.                             $('.nodata-h2').show();
  2937.                             $('.wait-h2').hide();
  2938.                             return;
  2939.                          } else {
  2940.                             $('.wait-h2,.nodata-h2').hide();
  2941.                          }
  2942.                          // 只取前默认50个
  2943.                          var html = newList.slice(0, (searchPageRealSize || 50)).map(item => {
  2944.                              const { 
  2945.                                  productId                     ,
  2946.                                  lightStandard                 ,
  2947.                                  lightProductCode              ,
  2948.                                  productMinEncapsulationNumber ,
  2949.                                  productMinEncapsulationUnit   ,
  2950.                                  productName                   ,
  2951.                                  productModel                  ,
  2952.                                  lightProductModel             ,
  2953.                                  productGradePlateId           ,
  2954.                                  productPriceList              ,
  2955.                                  productGradePlateName         ,
  2956.                                  hkConvesionRatio              ,
  2957.                                  convesionRatio                ,
  2958.                                  theRatio                      ,
  2959.                                  smtStockNumber                ,
  2960.                                  smtLabel                      ,
  2961.                                  productStockStatus            ,
  2962.                                  isPlusDiscount                ,
  2963.                                  productUnit                   ,
  2964.                                  isPresent                     ,
  2965.                                  isGuidePrice                  ,
  2966.                                  minBuyNumber                  ,
  2967.                                  hasSampleRule                 ,
  2968.                                  breviaryImageUrl              ,
  2969.                                  luceneBreviaryImageUrls       ,
  2970.                                  productType                   ,
  2971.                                  productTypeCode               ,
  2972.                                  pdfDESProductId               ,
  2973.                                  gdWarehouseStockNumber        ,
  2974.                                  jsWarehouseStockNumber        ,
  2975.                                  paramLinkedMap                ,
  2976.                                  recentlySalesCount
  2977.                               } = item;
  2978.  
  2979.                              return `<table class="inside inside-page tab-data no-one-hk list-items"
  2980.                              id="product-tbody-line-${productId}" width="100%" border="0"
  2981.                              cellspacing="0" cellpadding="0" data-curpage="1" data-mainproductindex="0"
  2982.                              pid="${productId}" psid
  2983.                              data-batchstocklimit="1200" data-encapstandard="${lightStandard}"
  2984.                              data-hassamplerule="${hasSampleRule}" data-productcode="${lightProductCode}"
  2985.                              data-productminencapsulationnumber="${productMinEncapsulationNumber}"
  2986.                              data-productminencapsulationunit="${productMinEncapsulationUnit}" data-productmodel="${productModel}"
  2987.                              data-productname="${productName}" 
  2988.                              data-productstockstatus="${productStockStatus}"
  2989.                              data-convesionratio="${convesionRatio}" data-theratio="${theRatio}" data-hkconvesionratio="${hkConvesionRatio}"
  2990.                              data-productunit="${productUnit}" data-isplusdiscount="${isPlusDiscount}"
  2991.                              data-isguideprice="${isGuidePrice}" data-ispresent="${isPresent}" data-brandid="${productGradePlateId}"
  2992.                              data-brandname="${productGradePlateName}"
  2993.                              data-productmodel-unlight="${lightProductModel}" data-istiprovider data-isptoc
  2994.                              data-firstprice="${productPriceList[0].productPrice}" data-minbuynumber="${minBuyNumber}"
  2995.                              data-provider data-reposition data-productid="${productId}">
  2996.                              <tbody>
  2997.                                  <tr class="no-tj-tr add-cart-tr" data-inventory-type="local" pid="${productId}">
  2998.                                  <td class="line-box">
  2999.                                      <div class="one line-box-left">
  3000.                                      <a class="one-to-item-link"
  3001.                                          href="https://item.szlcsc.com/${productId}.html?fromZone=s_s__%2522123%2522"
  3002.                                          target="_blank" data-trackzone="s_s__&quot;123&quot;"
  3003.                                          onclick="goItemDetailBuriedPoint('${productId}', this, 'picture', 's_s__&quot;${$("#search-input").val()}&quot;', null, '0')">
  3004.                                          <img
  3005.                                          src="${breviaryImageUrl}"
  3006.                                          productid="${productId}" alt="${productName}"
  3007.                                          xpath="${breviaryImageUrl}"
  3008.                                          data-urls="${luceneBreviaryImageUrls}"
  3009.                                          showflag="yes"
  3010.                                          onerror="javascript:this.src='//static.szlcsc.com/ecp/assets/web/static/images/default_pic.gif'">
  3011.                                      </a>
  3012.                                      <span>
  3013.                                          <input type="button" class="db" data-add-compare="${productId}"
  3014.                                          title="对比后该商品会添加到对比栏中" value>
  3015.                                          <input type="button" class="sc common-sc productId-${productId} "
  3016.                                          title="收藏后该商品会保存到[会员中心]下的[我的收藏]中"
  3017.                                          data-productid="${productId}">
  3018.                                      </span>
  3019.                                      </div>
  3020.                                      <div class="line-box-right">
  3021.                                      <div class="line-box-right-bottom">
  3022.                                          <div class="two">
  3023.                                          <div class="two-01 two-top">
  3024.                                              <ul class="l02-zb">
  3025.                                              <li class="li-ellipsis">
  3026.                                                  <a title="${productName}"
  3027.                                                  class="ellipsis product-name-link  item-go-detail"
  3028.                                                  href="https://item.szlcsc.com/${productId}.html?fromZone=s_s__%2522123%2522"
  3029.                                                  target="_blank"
  3030.                                                  data-trackzone="s_s__&quot;123&quot;"
  3031.                                                  onclick="goItemDetailBuriedPoint('${productId}', this, 'name', 's_s__&quot;${$("#search-input").val()}&quot;', null, '0')">
  3032.                                                  ${productName}</a>
  3033.                                              </li>
  3034.                                              <li class="band li-ellipsis"
  3035.                                                  onclick="commonBuriedPoint(this, 'go_brand')">
  3036.                                                  <span class="c9a9a9a" title="品牌：${productGradePlateName}">品牌:</span>
  3037.                                                  <a class="brand-name" title="点击查看${productGradePlateName}的品牌信息"
  3038.                                                  href="https://list.szlcsc.com/brand/${productGradePlateId}.html"
  3039.                                                  target="_blank">
  3040.                                                  ${productGradePlateName}
  3041.                                                  </a>
  3042.                                              </li>
  3043.                                              <li class="li-ellipsis">
  3044.                                                  <span class="c9a9a9a" title="封装:${lightStandard}">封装:</span>
  3045.                                                  <span title="${lightStandard}">${lightStandard}</span>
  3046.                                              </li>
  3047.                                              <!--<li class="li-el">
  3048.                                                  <span class="select-spec-mh"
  3049.                                                  style="border-radius: 2px; display: inline-flex; padding: 3px 8px; color: white; cursor: pointer; user-select: none; background: #199fe9;"
  3050.                                                  specname="${lightStandard}" selecttype="MHC">封装模糊匹配</span>
  3051.                                                  <span class="select-spec-jq"
  3052.                                                  style="border-radius: 2px; display: inline-flex; padding: 3px 8px; color: white; cursor: pointer; user-select: none; background: #199fe9; margin-left: 3px;"
  3053.                                                  specname="${lightStandard}" selecttype="JQC">封装精确匹配</span>
  3054.                                              </li>-->
  3055.                                              <li>
  3056.                                              </li>
  3057.                                              </ul>
  3058.                                              <ul class="l02-zb params-list">
  3059.                                              ${Object.keys(paramLinkedMap).map(key => {
  3060.                                                  return `<li class="li-ellipsis">
  3061.                                                  <span class="c9a9a9a">${key}</span>:
  3062.                                                  <span title="${paramLinkedMap[key]}">${paramLinkedMap[key]}</span>
  3063.                                                  </li>`
  3064.                                              }).join('')}
  3065.                                              </ul>
  3066.                                              <ul class="l02-zb">
  3067.                                              <li class="li-ellipsis"
  3068.                                                  onclick="commonBuriedPoint(this, 'go_catalog')">
  3069.                                                  <span class="c9a9a9a">类目:</span>
  3070.                                                  <a title="${productType}" target="_blank"
  3071.                                                  class="catalog ellipsis underLine"
  3072.                                                  href="https://list.szlcsc.com/catalog/${productTypeCode}.html">
  3073.                                                  ${productType}
  3074.                                                  </a>
  3075.                                              </li>
  3076.                                              <li class="li-ellipsis">
  3077.                                                  <span class="c9a9a9a">编号:</span>
  3078.                                                  <span>${lightProductCode}</span>
  3079.                                              </li>
  3080.                                              <li class="li-ellipsis">
  3081.                                                  <span class="c9a9a9a">详细:</span>
  3082.                                                  <a class="sjsc underLine" productid="${productId}"
  3083.                                                  param-click="${pdfDESProductId}">
  3084.                                                  数据手册
  3085.                                                  </a>
  3086.                                              </li>
  3087.                                              </ul>
  3088.                                          </div>
  3089.                                          <div class="two-bottom">
  3090.                                              <!-- <li class="tag-wrapper">-->
  3091.                                              <!--</li>-->
  3092.                                              <!--<div class="three-box-bottom common-label common-useless-label">-->
  3093.                                              <!--<section class="smt-price" id="SP-LIST">-->
  3094.                                              <!--    <a target="_blank" data-pc="${lightProductCode}" class="to-jlc-smt-list"-->
  3095.                                              <!--    href="https://www.jlcsmt.com/lcsc/detail?componentCode=${lightProductCode}&amp;stockNumber=10&amp;presaleOrderSource=shop">嘉立创贴片惊喜价格(库存<span-->
  3096.                                              <!--        class="smtStockNumber">${smtStockNumber}</span>)</a>-->
  3097.                                              <!--</section>-->
  3098.                                              <!--</div>-->
  3099.                                              <!-- SMT 基础库、扩展库 -->
  3100.                                              <!--<div class="smt-flag common-label">${smtLabel}</div> -->
  3101.                                          </div>
  3102.                                          </div>
  3103.                                          <div class="three-box hasSMT">
  3104.                                          <div class="three-box-top">
  3105.                                              <div class="three">
  3106.                                              <ul class="three-nr">
  3107.                                                  <!--
  3108.                                                  价格逻辑:
  3109.                                                      第一次加载时
  3110.                                                      有折扣，显示折扣价
  3111.                                                      Plus折扣商品，显示原价
  3112.                                                      没折扣，显示原价
  3113.                                                      登录判断用户身份后（js中接口走完的回调）
  3114.                                                      用户不是plus会员时，并且该商品是plus会员折扣商品，js循环修改显示的价格为原价
  3115.                                                  -->
  3116.                                                  <p class="minBuyMoney_" style="
  3117.                                                      width: fit-content;
  3118.                                                      padding: 2px 3px;
  3119.                                                      font-weight: 600;
  3120.                                                      color: #0094e7;">最低购入价： ${(theRatio*productPriceList[0].productPrice).toFixed(6)}</p>
  3121.                                                 
  3122.                                                      ${productPriceList.map(item => {
  3123.                                                          return `<li class="three-nr-item">
  3124.                                                                      <div class="price-warp price-warp-local">
  3125.                                                                          <p class="ppbbz-p no-special " minordernum="${item.startPurchasedNumber * theRatio}"
  3126.                                                                          originalprice="${item.productPrice}" discountprice
  3127.                                                                          orderprice="${item.productPrice}">
  3128.                                                                          ${item.startPurchasedNumber * theRatio}+:&nbsp;
  3129.                                                                          </p>
  3130.                                                                          <span class="ccd ccd-ppbbz show-price-span"
  3131.                                                                          minordernum="${item.startPurchasedNumber * theRatio}" data-endpurchasednumber="9"
  3132.                                                                          data-productprice="${item.productPrice}" data-productprice-discount
  3133.                                                                          orderprice="${item.productPrice}"
  3134.                                                                          data-startpurchasednumber="1">
  3135.                                                                          ￥${item.productPrice}
  3136.                                                                          </span>
  3137.                                                                      </div>
  3138.                                                                  </li>`;
  3139.                                                      }).join('')}
  3140.                                                  
  3141.                                              </ul>
  3142.                                              </div>
  3143.                                              <div class="three three-hk">
  3144.                                              </div>
  3145.                                          </div>
  3146.                                          </div>
  3147.                                          <div class="conformity-box">
  3148.                                          <div class="conformity-box-top">
  3149.  
  3150.                                              <div class="three-change">
  3151.  
  3152.                                              <span class="three-nr-01 three-nr-long">现货最快4H发</span>
  3153.  
  3154.                                              <ul class="finput">
  3155.  
  3156.                                                  <li class="stocks stocks-change stocks-style"
  3157.                                                  local-show="yes" hk-usd-show="no">
  3158.  
  3159.                                                  <div class="stock-nums-gd">
  3160.                                                      广东仓:
  3161.                                                      <span style="font-weight:bold">${gdWarehouseStockNumber}</span>
  3162.                                                  </div>
  3163.                                                  <div class="stock-nums-js">
  3164.                                                      江苏仓:
  3165.                                                      <span style="font-weight:bold">${jsWarehouseStockNumber}</span>
  3166.                                                  </div>
  3167.  
  3168.                                                  </li>
  3169.                                                  <li class="display-none">
  3170.                                                  <div local-show="no" hk-usd-show="yes">
  3171.                                                  </div>
  3172.                                                  </li>
  3173.                                              </ul>
  3174.                                              <!-- 
  3175.                                                  <div class="smt-stock">广东SMT仓: <span style="font-weight:bold">
  3176.                                                  ${smtStockNumber}
  3177.                                                  </span></div>
  3178.                                              -->
  3179.                                              </div>
  3180.                                              <div class="ffour">
  3181.                                              <ul class="finput">
  3182.  
  3183.                                                  <li class="price-input price-input-gd local-input">
  3184.                                                  <input type="text" maxlength="9" unit-type="single"
  3185.                                                      class="cartnumbers " pluszk="false"
  3186.                                                      unitnum="${productMinEncapsulationNumber}" placeholder="广东仓" defaultwarehouse="sz"
  3187.                                                      data-type="gd" gdstock="${gdWarehouseStockNumber}" value>
  3188.                                                  <div class="unit ">
  3189.                                                      <span class="cur-unit ">个</span>
  3190.  
  3191.                                                      <i class="xl"></i>
  3192.                                                      <div class="unit-contain" style="display: none;">
  3193.                                                      <div class="unit-type">
  3194.                                                          <span class="unit-one">个</span>
  3195.                                                          <span class="unit-two">${productMinEncapsulationUnit}</span>
  3196.                                                      </div>
  3197.                                                      <i class="sl"></i>
  3198.                                                      </div>
  3199.  
  3200.                                                  </div>
  3201.                                                  </li>
  3202.                                                  <li class="price-input price-input-js local-input">
  3203.                                                  <input type="text" maxlength="9" unit-type="single"
  3204.                                                      class="cartnumbers " pluszk="false"
  3205.                                                      unitnum="${productMinEncapsulationNumber}" placeholder="江苏仓" defaultwarehouse="sz"
  3206.                                                      data-type="js" jsstock="${jsWarehouseStockNumber}" value>
  3207.                                                  <div class="unit ">
  3208.                                                      <span class="cur-unit ">个</span>
  3209.  
  3210.                                                      <i class="xl"></i>
  3211.                                                      <div class="unit-contain" style="display: none;">
  3212.                                                      <div class="unit-type">
  3213.                                                          <span class="unit-one">个</span>
  3214.                                                          <span class="unit-two">${productMinEncapsulationUnit}</span>
  3215.                                                      </div>
  3216.                                                      <i class="sl"></i>
  3217.                                                      </div>
  3218.  
  3219.                                                  </div>
  3220.                                                  </li>
  3221.  
  3222.                                                  <li class="price-input price-input-hk">
  3223.                                                  <input type="text" maxlength="9" unit-type="single"
  3224.                                                      class="cartnumbers " pluszk="false"
  3225.                                                      unitnum="${productMinEncapsulationNumber}" placeholder="香港仓" data-type="hk"
  3226.                                                      value="${hkConvesionRatio}">
  3227.                                                  <div class="unit ">
  3228.                                                      <span class="cur-unit ">个</span>
  3229.  
  3230.                                                      <i class="xl"></i>
  3231.                                                      <div class="unit-contain" style="display: none;">
  3232.                                                      <div class="unit-type">
  3233.                                                          <span class="unit-one">个</span>
  3234.                                                          <span class="unit-two">${productMinEncapsulationUnit}</span>
  3235.                                                      </div>
  3236.                                                      <i class="sl"></i>
  3237.                                                      </div>
  3238.  
  3239.                                                  </div>
  3240.                                                  </li>
  3241.  
  3242.                                                  <li>${productMinEncapsulationNumber}个/${productMinEncapsulationUnit}</li>
  3243.  
  3244.                                                  <li class="totalPrice-li">
  3245.                                                  总额:
  3246.  
  3247.                                                  <span class="goldenrod totalPrice">￥0</span>
  3248.  
  3249.                                                  <div class="plus_mj">
  3250.                                                      <div class="plus-flag">
  3251.                                                      <span><span class="mj-name"></span>已优惠<span
  3252.                                                          class="mj-money">0</span>元！</span>
  3253.                                                      <s><i></i></s>
  3254.                                                      </div>
  3255.                                                  </div>
  3256.                                                  </li>
  3257.  
  3258.                                              </ul>
  3259.                                              <ul class="pan">
  3260.                                                  <li class="pan-list">
  3261.  
  3262.                                                  <button type="button" class="pan-list-btn addCartBtn "
  3263.                                                      kind="cart" local-show="yes"
  3264.                                                      hk-usd-show="no" id="addcart-so" productcode="${lightProductCode}"
  3265.                                                      data-curpage="1"
  3266.                                                      data-mainproductindex="0" param-product-id="${productId}"
  3267.                                                      data-agl-cvt="15"
  3268.                                                      data-trackzone="s_s__&quot;123&quot;">加入购物车</button>
  3269.                                                  <button type="button"
  3270.                                                      class="pan-list-btn addCartBtn display-none"
  3271.                                                      kind="order" local-show="no"
  3272.                                                      hk-usd-show="yes" productcode="${lightProductCode}" data-curpage="1"
  3273.                                                      data-mainproductindex="0"
  3274.                                                      param-product-id="${productId}" data-agl-cvt="15"
  3275.                                                      data-trackzone="s_s__&quot;123&quot;">我要订货</button>
  3276.  
  3277.                                                  <div class="stocks">
  3278.  
  3279.                                                      <span>近期成交${recentlySalesCount}单</span>
  3280.  
  3281.                                                  </div>
  3282.  
  3283.                                                  <span class="add-cart-tip">
  3284.                                                      <i class="add-cart"></i><span
  3285.                                                      class="c999 cursor-default lh">已加购</span>
  3286.                                                  </span>
  3287.  
  3288.                                                  <button onclick="commonBuriedPoint(this, 'purchase_plan')"
  3289.                                                      type="button" class="stock-btn"
  3290.                                                      data-productmodel="${productName}"
  3291.                                                      data-brandname="${productGradePlateName}"
  3292.                                                      data-trackzone="s_s__&quot;123&quot;">
  3293.                                                      我要备货
  3294.                                                  </button>
  3295.  
  3296.                                                  <button type="button" class="pan-list-btn searchTaobao_"
  3297.                                                      style="margin-top: 5px; background: #199fe9;">一键搜淘宝</button>
  3298.                                                  </li>
  3299.                                              </ul>
  3300.                                              </div>
  3301.                                          </div>
  3302.  
  3303.                                          </div>
  3304.                                      </div>
  3305.                                      </div>
  3306.                                  </td>
  3307.                                  </tr>
  3308.                                  <tr
  3309.                                  class="more-channel-products items-overseas-products display-none hide-tr">
  3310.                                  <td colspan="6" id="overseasList" oldbatchproductlist
  3311.                                      isgroupproduct="false" listlength="30" productid="${productId}">
  3312.                                  </td>
  3313.                                  </tr>
  3314.  
  3315.                                  <tr class="more-channel-products items-hk-products display-none hide-tr">
  3316.                                  <td colspan="6" id="hkProductList" oldbatchproductlist
  3317.                                      isgroupproduct="false" listlength="30" productid="${productId}">
  3318.                                  </td>
  3319.                                  </tr>
  3320.  
  3321.                              </tbody>
  3322.                              </table>`;
  3323.                          }).join('');
  3324.                          $('#product-list-box table').remove();
  3325.                          $('.wait-h2').hide(); $('.nodata-h2').hide();
  3326.                          $('#product-list-box').append(html);
  3327.                          
  3328.         }
  3329.  
  3330.         if($('#product-list-show-btn').length === 0) {
  3331.             $('body').append( `<div id="product-list-show-btn" style="
  3332.                 border-radius: 5px;
  3333.                 z-index: 10000;
  3334.                 position: fixed;
  3335.                 right: 45px;
  3336.                 bottom: 45px;
  3337.                 padding: 5px 10px;
  3338.                 color: white;
  3339.                 background: #199fe9;
  3340.                 border: 2px solid #199fe9;
  3341.                 font-size: 20px;
  3342.                 cursor: pointer;
  3343.                 user-select:none;
  3344.                 font-weight: 600;"><p>凑单</p><span style="font-size: 12px;">页面加载慢，请耐心等待！</span></div>`);
  3345.  
  3346.                 $('#product-list-show-btn').on('click', function() {
  3347.                     $('#product-list-box').fadeToggle();
  3348.                 });
  3349.         }
  3350.  
  3351.         if($('#product-list-box').length === 0) {
  3352.             // 这里处理前10页的最低购入价的排序
  3353.             $('body').append(`<div id='product-list-box' style="display: none; position: fixed; bottom: 35px; right: 100px; width: min-content; min-height: 30vh; max-height: 75vh; overflow: auto; border: 2px solid #199fe9; z-index: 9999; padding: 5px; background: white;">
  3354.                 <div style="display: flex; justify-content: space-around;height: 60px; position: sticky; top: 0px;z-index: 99999;">
  3355.                     <div style="border: 2px solid #199fe9; display: flex; padding: 5px; width: 100%;">
  3356.                         <button id="gd-filter-btn" style="white-space:nowrap; border-radius: 4px; display: inline-flex; padding: 3px 8px; color: white; width: 100%; border: none; justify-content: center; align-items: center;font-size: 16px; font-weight: bold;margin-left: 0px;cursor: pointer;user-select: none;background: #aaaeb0;">广东仓</button>
  3357.                         <button id="js-filter-btn" style="white-space:nowrap; border-radius: 4px; display: inline-flex; padding: 3px 8px; color: white; width: 100%; border: none; justify-content: center; align-items: center;font-size: 16px; font-weight: bold;margin-left: 10px;cursor: pointer;user-select: none;background: #aaaeb0;">江苏仓</button>
  3358.                     </div>
  3359.                     <div style="margin-left: 10px; border: 2px solid #199fe9; display: flex; padding: 5px; width: 100%;">
  3360.                         <button id="new-filter-coupon-btn" style="white-space:nowrap; border-radius: 4px; display: inline-flex; padding: 3px 8px; color: white; width: 100%; border: none; justify-content: center; align-items: center;font-size: 16px; font-weight: bold;margin-left: 0px;cursor: pointer;user-select: none;background: #aaaeb0;">新人券</button>
  3361.                         <button id="unnew-filter-coupon-btn" style="white-space:nowrap; border-radius: 4px; display: inline-flex; padding: 3px 8px; color: white; width: 100%; border: none; justify-content: center; align-items: center;font-size: 16px; font-weight: bold;margin-left: 10px;cursor: pointer;user-select: none;background: #aaaeb0;">非新人券</button>
  3362.                         <button id="other-filter-coupon-btn" style="white-space:nowrap; border-radius: 4px; display: inline-flex; padding: 3px 8px; color: white; width: 100%; border: none; justify-content: center; align-items: center;font-size: 16px; font-weight: bold;margin-left: 10px;cursor: pointer;user-select: none;background: #aaaeb0;">其他券</button>
  3363.                     </div>
  3364.                 </div>
  3365.                 <h2 class="wait-h2" style="height: 200px; width: 500px; display: flex;justify-content: center;align-items: center;">数据正在加载中...</h2>
  3366.                 <h2 class="nodata-h2" style="height: 200px; width: 500px; display: flex; justify-content: center;align-items: center;">暂无数据</h2>
  3367.                             </div>`);
  3368.             $('.nodata-h2').hide();
  3369.             // 广东仓过滤
  3370.             $('#gd-filter-btn').on('click', function() {
  3371.                 $('button[id*=-filter-btn]').css('background', '#aaaeb0');
  3372.                 $('#gd-filter-btn').css('background', '#199fe9');
  3373.                 jsRules[0] = (item) => parseInt(item.gdWarehouseStockNumber||0) > 0;
  3374.                 renderMinPriceSearch();
  3375.             });
  3376.             // 江苏仓过滤
  3377.             $('#js-filter-btn').on('click', function() {
  3378.                 $('button[id*=-filter-btn]').css('background', '#aaaeb0');
  3379.                 $('#js-filter-btn').css('background', '#199fe9')
  3380.                 jsRules[0] = (item) => parseInt(item.jsWarehouseStockNumber||0) > 0;
  3381.                 renderMinPriceSearch();
  3382.             });
  3383.             // 新人券过滤
  3384.             $('#new-filter-coupon-btn').on('click', function() {
  3385.                 $('button[id*=-filter-coupon-btn]').css('background', '#aaaeb0');
  3386.                 $('#new-filter-coupon-btn').css('background', '#199fe9');
  3387.                 jsRules[1] = (item) => {
  3388.                     try {
  3389.                         return all16_15CouponMp.get(getBrandNameByRegex(item.productGradePlateName)).isNew === true;
  3390.                     } catch (error) {
  3391.                         return false;
  3392.                     }
  3393.                 };
  3394.                 renderMinPriceSearch();
  3395.             });
  3396.             // 非新人券过滤
  3397.             $('#unnew-filter-coupon-btn').on('click', function() {
  3398.                 $('button[id*=-filter-coupon-btn]').css('background', '#aaaeb0');
  3399.                 $('#unnew-filter-coupon-btn').css('background-color', '#199fe9');
  3400.                 jsRules[1] = (item) => {
  3401.                     try {
  3402.                         return all16_15CouponMp.get(getBrandNameByRegex(item.productGradePlateName)).isNew === false;
  3403.                     } catch (error) {
  3404.                         return false;
  3405.                     }
  3406.                 };;
  3407.                 renderMinPriceSearch();
  3408.             });
  3409.              // 其他券过滤
  3410.              $('#other-filter-coupon-btn').on('click', function() {
  3411.                 $('button[id*=-filter-coupon-btn]').css('background', '#aaaeb0');
  3412.                 $('#other-filter-coupon-btn').css('background-color', '#199fe9');
  3413.                 jsRules[1] = (item) => {
  3414.                     try {
  3415.                         // 这里不返回，就看领券中心有没有这个品牌的券，不太准确反正
  3416.                         all16_15CouponMp.get(getBrandNameByRegex(item.productGradePlateName)).isNew;
  3417.                     } catch (error) {
  3418.                         // 不在领券中心的商品
  3419.                         return true;
  3420.                     }
  3421.                 };;
  3422.                 renderMinPriceSearch();
  3423.             });
  3424.         } else if($('#product-list-box').is(':visible')) {
  3425.             // 总页数。默认：30页
  3426.             const totalPage = searchTotalPage();
  3427.             // 持续请求 && 定时器未初始化 && 未查询到结果的时候
  3428.              if(searchPageNum <= totalPage && searchTimer === null && searchTempList.length === 0) {
  3429.                 // 初始化定时器任务
  3430.                 // searchTimer = setInterval(async () => {
  3431.                     for (let index = 1; index <= totalPage; index++) {
  3432.                     // 符合要求的时候，删除定时器任务 并执行渲染任务
  3433.                     // 这里对结果集合限制在1000条数据，差不多是够了。
  3434.                     if(searchPageNum >= totalPage || searchTempList.length > 1000) {
  3435.                         // clearInterval(searchTimer);
  3436.                         // searchTimer = null;
  3437.                         renderMinPriceSearch();
  3438.                         setTimeout(() => {
  3439.                             $('#js-filter-btn').click();
  3440.                         }, 100);
  3441.                         return;
  3442.                     }
  3443.                     var val = $('#search-input').val() || getBrandNameByRegex($('h1.brand-info-name').text());
  3444.                     var settings = {
  3445.                         "url": "https://so.szlcsc.com/search",
  3446.                         "method": "POST",
  3447.                         "data": { "pn": searchPageNum, "k": val, "sk": val }
  3448.                     };
  3449.                     // await setAwait(300);
  3450.                     await $.ajax(settings).done(function (response) {
  3451.                         if(response.code === 200 && response.result != null) {
  3452.                             if (response.result.productRecordList != null) {
  3453.                                 searchTempList = [...searchTempList, ...response.result.productRecordList];
  3454.                             }
  3455.                             $('.wait-h2').html(`数据加载中...</br>(共${searchTotalPage()}页，正在加载第${searchPageNum}页。或只查询前1000条记录)...`);
  3456.                         }
  3457.                         // console.log(searchTempList.length);
  3458.                      });
  3459.                      searchPageNum++;
  3460.                     }
  3461.                      // 这个数字可以加快加载速度，但是不能保证所有的数据都可以加载出来。
  3462.                 // }, 80);
  3463.             }
  3464.         }
  3465.     }
  3466.     
  3467.  
  3468.     // 排序记录 desc降序，asc升序
  3469.  
  3470.     /**
  3471.      * 配单页 增加价格排序按钮
  3472.      */
  3473.     const bomStart = () => {
  3474.  
  3475.         if ($('div.bom-result-progess .progess-box .progess-line-blue').text() !== '0%') {
  3476.             $('#new-box_').attr('disabled', true)
  3477.         } else {
  3478.             $('#new-box_').attr('disabled', false)
  3479.         }
  3480.         if ($('button#new-box_').length > 0) {
  3481.             return
  3482.         }
  3483.         const sortHt = `<button id='new-box_' class="new-box_" onclick="(function () {
  3484.                 const $eles = $('.el-table__row.perfect').get();
  3485.                 $eles.sort((next, prev) => {
  3486.                     let nextPrice = $(next).find('div.dfc:contains(¥)').text().replace(/[¥ ]+/g, '')
  3487.                     let prevPrice = $(prev).find('div.dfc:contains(¥)').text().replace(/[¥ ]+/g, '')
  3488.                     if(localStorage.getItem('sortSign') === 'desc') {
  3489.                         if (parseFloat(nextPrice) > parseFloat(prevPrice)) return -1;
  3490.                         if (parseFloat(nextPrice) < parseFloat(prevPrice)) return 1;
  3491.                     }
  3492.                     else if(localStorage.getItem('sortSign') === 'asc') {
  3493.                         if (parseFloat(nextPrice) > parseFloat(prevPrice)) return 1;
  3494.                         if (parseFloat(nextPrice) < parseFloat(prevPrice)) return -1;
  3495.                     }
  3496.                     return 0;
  3497.                 })
  3498.                 localStorage.setItem('sortSign', (localStorage.getItem('sortSign') === 'desc') ? 'asc' : 'desc');
  3499.                 $('.el-table__body-wrapper tbody').html($eles)
  3500.             })()"
  3501.             style="color: #315af8; width: 100px; height: 35px; line-height: 35px;background-color: #fff;border-radius: 3px;border: 1px solid #cdf; margin-left: 10px;">
  3502.             <div data-v-1b5f1317="" class="sg vg" style="height: 35px; display: none;">
  3503.                 <svg data-v-1b5f1317="" viewBox="25 25 50 50" class="bom-circular blue" style="width: 16px; height: 16px;">
  3504.                     <circle data-v-1b5f1317="" cx="50" cy="50" r="20" fill="none" class="path"></circle>
  3505.                 </svg>
  3506.             </div>
  3507.             <div class="">
  3508.                 小计 升/降序
  3509.             </div>
  3510.             </button>
  3511.             <style>
  3512.             .new-box_:hover {
  3513.                 color: #315af8;
  3514.                 border: 1px solid #315af8 !important;
  3515.             }
  3516.             .new-box_:disabled {
  3517.                 border: 1px solid #dcdcdc !important;
  3518.                 cursor: not-allowed;
  3519.                 color: rgba(0, 0, 0, .3) !important;
  3520.             }
  3521.             </style>`;
  3522.  
  3523.         $('div.bom-top-result.dfb div.flex-al-c:eq(2)').append(sortHt)
  3524.     }
  3525.  
  3526.     // 搜索页
  3527.     let isSearchPage = () => location.href.includes('so.szlcsc.com/global.html') || location.href.includes('list.szlcsc.com/brand') || location.href.includes('list.szlcsc.com/catalog');
  3528.     // 购物车页
  3529.     let isCartPage = () => location.href.includes('cart.szlcsc.com/cart/display.html');
  3530.     // BOM配单页
  3531.     let isBomPage = () => location.href.includes('bom.szlcsc.com/member/eda/search.html');
  3532.     // 优惠券页
  3533.     let isCouponPage = () => location.href.includes('www.szlcsc.com/huodong.html');
  3534.  
  3535.     setInterval(function () {
  3536.  
  3537.         if (isCartPage()) {
  3538.             cartStart()
  3539.         }
  3540.  
  3541.         if (isSearchPage()) {
  3542.             searchStart()
  3543.         }
  3544.  
  3545.         if (isBomPage()) {
  3546.             bomStart()
  3547.         }
  3548.  
  3549.         if (isCouponPage()) {
  3550.             couponGotoHandler()
  3551.         }
  3552.     }, 500)
  3553. })()