// ==UserScript== // @name 嘉立创购物车辅助工具 // @namespace http://tampermonkey.net/ // @version 1.4.2 // @description 嘉立创辅助工具，购物车辅助增强工具 // @author Lx // @match https://cart.szlcsc.com/cart/display.html** // @icon https://www.google.com/s2/favicons?sz=64&domain=szlcsc.com // @require https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js // @require https://update.greasyfork.icu/scripts/455576/1122361/Qmsg.js // @resource customCSS https://gitee.com/snwjas/message.js/raw/master/dist/message.min.css // @grant GM_xmlhttpRequest // @grant GM_addStyle // @grant GM_getResourceText // @license MIT // @downloadURL none // ==/UserScript== (async function () { 'use strict'; // 引入message的css文件并加入html中 const css = GM_getResourceText("customCSS") GM_addStyle(css) /** * rgb颜色随机 * @returns */ const rgb = () => { var r = Math.floor(Math.random() * 256) var g = Math.floor(Math.random() * 256) var b = Math.floor(Math.random() * 256) var rgb = 'rgb(' + r + ',' + g + ',' + b + ')'; return rgb; } /** * rgba颜色随机 * @param {*} a * @returns */ const rgba = (a = 1) => { var r = Math.floor(Math.random() * 256) var g = Math.floor(Math.random() * 256) var b = Math.floor(Math.random() * 256) var rgb = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')'; return rgb; } /** * 十六进制颜色随机 * @returns */ const color16 = () => { var r = Math.floor(Math.random() * 256) var g = Math.floor(Math.random() * 256) var b = Math.floor(Math.random() * 256) var color = '#' + r.toString(16) + g.toString(16) + b.toString(16) return color; } /** * 正则获取品牌名称，需要传入xxxx(品牌名称) 这样的字符 * @param {*} text * @returns */ const getBrandNameByRe = (text) => { let res = text try { res = /\(.+\)/g.exec(text)[0].replace(/\((.*?)\)/, '$1') } catch (e) { } return res } /** * 获取本地缓存 * @param {*} key */ const getLocalData = (k) => { return localStorage.getItem(k) } /** * 设置本地缓存 * @param {*} key */ const setLocalData = (k, v) => { localStorage.setItem(k, v) } // 后续支持强排序按钮 // 商品清单集合暂存 const dataMp = new Map() // 品牌对应颜色，用于快速查找位置。 const dataBrandColorMp = new Map() // 优惠券页面，数据暂存。只保存16-15的优惠券 const couponMp = new Map() // 消息弹框全局参数配置 Qmsg.config({ showClose: true, timeout: 2800, maxNums: 50 }) /** * 根据value排序Map * @param {*} map * @returns */ const sortMapByValue = (map) => { var arrayObj = Array.from(map) //按照value值降序排序 arrayObj.sort(function (a, b) { return a[1] - b[1] }) return arrayObj } /** * 换仓按钮事件 * 一键换仓专用 * 换仓逻辑 https://cart.szlcsc.com/cart/warehouse/deliverynum/update cartKey规则： 标签id product-item-186525218 商品的跳转地址（商品id）20430799 cartKey: 186525218~0~20430799~RMB~CN gdDeliveryNum: 0 jsDeliveryNum: 1 */ const onClickChangeDepotBtnHandler = () => { /** * * @param {*} this 标签 * @param {*} warehouseType 仓库类型 GUANG_DONG：广东，JIANG_SU * @returns */ // 换仓封装 const _changeDepot = (that, warehouseType) => { return new Promise((resolve, reject) => { // 是否是广东仓发货 let isLocked = (that.find('.warehouse-wrap .warehouse:contains(广东仓)').length + that.find('.warehouse-wrap .warehouse:contains(江苏仓)').length) == 0 // 查找商品的属性 let infoElement = that.find('.cart-li:eq(1) a') if (isLocked === true) { Qmsg.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法修改换仓`) console.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法修改换仓`) return } // 订购数量 let count = that.find('.cart-li:eq(-4) input').val() // 物料ID1 let productId1 = /\d+/g.exec(that.attr('id'))[0] // 物料ID2 let productId2 = /\d+/g.exec(infoElement.attr('href'))[0] // 取最低起订量 let sinpleCount = /\d+/g.exec(that.find('.price-area:eq(0)').text())[0] // 订购套数 let batchCount = count / sinpleCount // 修改库存的参数体 let params = '' // 当前是广东仓 if (warehouseType == 'GUANG_DONG') { params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${batchCount}&jsDeliveryNum=${0}` } // 其他情况当成是江苏仓 else if (warehouseType == 'JIANG_SU') { params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${0}&jsDeliveryNum=${batchCount}` } GM_xmlhttpRequest({ url: 'https://cart.szlcsc.com/cart/warehouse/deliverynum/update', data: params, method: 'POST', headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8' }, onload: (r) => { console.log(r.response) Qmsg.success(`物料编号：${infoElement.text()}，换仓成功！`) resolve(r.response) }, onerror: (err) => { reject(err) } }) }) } // 换仓-江苏 $('.change-depot-btn-left').on('click', function () { let count = 0; const eles = getAllCheckedLineInfo() eles.each(async function () { count++ await _changeDepot($(this), 'JIANG_SU') if (eles.length === count) { setTimeout(() => { location.reload() }, 1500); } }) }) // 换仓-广东 $('.change-depot-btn-right').on('click', function () { let count = 0; const eles = getAllCheckedLineInfo() eles.each(async function () { count++ await _changeDepot($(this), 'GUANG_DONG') if (eles.length === count) { setTimeout(() => { location.reload() }, 1500); } }) }) } /** * 选中仓库事件 * 一键选仓专用 */ const checkDepotBtnHandler = () => { const _clickFunc = (depotName, fn) => { const eles = fn() // 先看看有没有指定仓 const jsIsEmpty = getJsLineInfo().length === 0 const gdIsEmpty = getGdLineInfo().length === 0 if (depotName === 'JIANG_SU' && jsIsEmpty) { Qmsg.error('购物车中并没有【江苏仓】的商品！') return } else if (depotName === 'GUANG_DONG' && gdIsEmpty) { Qmsg.error('购物车中并没有【广东仓】的商品！') return } // 是否有至少一个选中的 const isHave = eles.parents('.product-item').find('input.check-box:checked').length > 0 if (isHave) { eles.each(function () { $(this).parents('.product-item').find('input.check-box:checked').click() }) } // 都未选中，则执行仓库全选操作 else { eles.each(function () { $(this).parents('.product-item').find('input.check-box').click() }) } } // 江苏仓 $(".check-js-btn-left").on('click', function () { _clickFunc('JIANG_SU', getJsLineInfo) }) // 广东仓 $(".check-gd-btn-right").on('click', function () { _clickFunc('GUANG_DONG', getGdLineInfo) }) } // 控制按钮的生成 const buttonListFactory = () => { let isBool = getAllCheckedLineInfo().length > 0 return `
(功能暂未开发)
` } /** * 显示隐藏 小窗的的按钮展示 */ const showOrHideButtonFactory = () => { $('.hideBtn,.showBtn').remove() return `
收起助手 >
< 展开助手
` } /** * 查询购物车中的品牌数量总和（多选框选中） */ const brandCountFactory = () => { return `
${dataMp.size}
` } /** * 追加的html * @returns */ const htmlFactory = () => { let tempHtml = ` ${showOrHideButtonFactory()}
${buttonListFactory()}
' } /** * 优惠券按钮的html生成 * @param {*} brandName 品牌名称 */ const couponHTMLFactory = (brandName) => { // 优惠券实体 const couponEntity = couponMp.get(brandName) let buttonLine = '' if (!$.isEmptyObject(couponEntity)) { // 是否已经领取 if (couponEntity.isHaved === true) { buttonLine = ` 已领取-${couponEntity.isNew === false ? '普通券' : '新人券'} ` } else { buttonLine = ` ` } } return $.isEmptyObject(buttonLine) ? '' : buttonLine } /** * 追加的css * @returns */ const cssFactory = () => ` ` /** * 追加到body */ const appendHtml = () => { // 计时开始点 console.time('appendHtml') if ($('#myCss').length === 0) { $('body').append(cssFactory()) } $('.bd').remove() $('body').append(htmlFactory()) // =========== 事件 ============== clickBrandHandler() getCouponClickHandler() showOrHideModalHandler() onClickChangeDepotBtnHandler() checkDepotBtnHandler() // ============================= resizeHeight() console.timeEnd('appendHtml') } /** * 基础配置优化 */ const basicSettings = () => { console.time('basicSettings') // 多选框放大 $('input[type*=checkbox]').css('zoom', '150%') // 点击物料图片，操作多选框 $('.product-img').each(function () { $(this).on('click', function (target) { $(this).prev('.check-box').click() }) }) // 购物车列表 点击品牌跳转到该品牌下的商品 let brandElement = $('.product-item li.cart-li-pro-info').find('div:eq(2)') brandElement.css({ cursor: 'pointer' }) brandElement.on('click', function () { window.open(`https://so.szlcsc.com/global.html?k=${getBrandNameByRe(this.innerText)}`) }) console.timeEnd('basicSettings') } /** * 遍历购物车清单，并计算品牌总金额 */ const eachCartList = () => { console.time('eachCartList') dataMp.clear() getHavedCheckedLineInfo().each(function (i) { let $this = $(this) // 物料编号 // let productNo = $this.find('ul li:eq(1) a').text().trim() // 品牌名称 let brandName = $this.find('.cart-li-pro-info div:eq(2)').text().trim() // 查找到品牌名称 brandName = getBrandNameByRe(brandName.split('\n')[brandName.split('\n').length - 1].trim()) // if ($this.find('input:checked').length === 0) { // return // } // 品牌下的单个商品总价 let linePrice = parseFloat($this.find('.line-total-price').text().trim().replace('￥', '')) // 日志打印控制台 // console.log(productId, brandName, linePrice) let mpVal = $.isEmptyObject(dataMp.get(brandName)) ? 0 : dataMp.get(brandName) // 保存到Map中 dataMp.set(brandName, parseFloat((mpVal + linePrice).toFixed(2))) if ($.isEmptyObject(dataBrandColorMp.get(brandName))) { // 对品牌进行随机色设置 dataBrandColorMp.set(brandName, rgba('0.9')) } }) console.timeEnd('eachCartList') } /** * 对品牌进行随机色设置 */ const setBrandColor = () => { console.timeEnd('setBrandColor') //弹框 对品牌进行随机色设置 $('.li-cs').each(function (i) { $(this).css('background', dataBrandColorMp.get($(this).find('span:eq(0)').text().trim())) }) // 购物车列表颜色设置 dataBrandColorMp.forEach((v, k) => { let brandElement = getHavedLineInfoByBrandName(k).find('ul li.cart-li-pro-info') brandElement.css({ 'background-color': v, 'color': 'white' }) brandElement.find('a').css({ 'color': 'white' }) }) console.timeEnd('setBrandColor') } /** * 查找购物车中所有选中的行的元素（包含现货、订货） * */ const getAllCheckedLineInfo = () => { return $('.product-list .product-item input:checked').parents('.product-item') } /** * 查找购物车中所有选中的行的元素（包含现货、订货）指定：江苏仓 * */ const getJsLineInfo = () => { return $('.product-list .product-item .warehouse-wrap .warehouse:contains(江苏仓)') } /** * 查找购物车中所有选中的行的元素（包含现货、订货）指定：广东仓 * */ const getGdLineInfo = () => { return $('.product-list .product-item .warehouse-wrap .warehouse:contains(广东仓)') } /** * 通过品牌名称，查找购物车中所在行的元素（包含现货、订货） */ const getAllLineInfoByBrandName = (brandName) => { return $('.product-list .product-item:contains(' + brandName + ')') } /** * 购物车中所在行的元素（包含现货、订货） */ const getAllLineInfo = () => { return $('.product-list .product-item') } /** * 通过品牌名称，查找购物车中所在行的元素(只获取现货商品) */ const getHavedLineInfoByBrandName = (brandName) => { return $('.product-list .product-list-dl:eq(0) .product-item:contains(' + brandName + ')') } /** * 查找购物车中所在行的元素(只获取现货商品、选中的) * product-list-dl eq 0 是现货 * product-list-dl eq 1 是订货 * */ const getHavedCheckedLineInfo = () => { return $('.product-list .product-list-dl:eq(0) .product-item input:checked').parents('.product-item') } /** * 点击小窗口的品牌按钮，实现该品牌下的单选 * 且该品牌下的物料，会自动排到购物车的前面几条 */ const clickBrandHandler = () => { $('.click-hv .sort_').on('click', function (target) { let brandName = $(this).text().trim() let cutHtmlElement = [] // 查找购物车 现货商品 getHavedLineInfoByBrandName(brandName).each(function (i) { cutHtmlElement.push($(this)) }) cutHtmlElement.forEach(item => { $('.product-list .product-list-dl:eq(0) .product-item').insertAfter(item) }) }) } /** * 多选框变化，刷新小窗口的计算结果 */ const checkStatusChangeHandler = () => { $(".check-box").change(refresh) } /** * GET请求封装 * @param {} data */ const getAjax = (url) => { return new Promise((resolve, reject) => { GM_xmlhttpRequest({ url, method: 'GET', onload: (r) => { resolve(r.response) }, onerror: (err) => { reject(err) } }) }) } /** * POST请求封装 * @param {} data */ const postAjaxJSON = (url, data) => { return new Promise((resolve, reject) => { GM_xmlhttpRequest({ url, method: 'POST', headers: { 'Content-Type': 'application/json' }, data: JSON.stringify(data), onload: (r) => { resolve(r.response) }, onerror: (err) => { reject(err) } }) }) } /** * 获取优惠券列表信息，并暂存在变量集合中 */ const getCouponHTML = async () => { console.time('getCouponHTML') let couponHTML = await getAjax('https://www.szlcsc.com/huodong.html?from=dh#coupon2') $(couponHTML).find('.coupon-item:contains(满16可用) div[data-id]').each(function () { let $this = $(this) // 优惠券id let couponId = $this.attr('data-id') // 是否已经领取 let isHaved = $this.find(':contains(立即使用)').length > 0 // 优惠券名称 let couponName = $this.attr('data-name') // 优惠券金额 let couponPrice = couponName.replace(/^.*?\>(.*?)元.*$/, '$1') // 品牌名称 let brandName = couponName.replace(/^.*?元(.*?)品牌.*$/, '$1') // 是否新人优惠券 let isNew = couponName.split('新人专享').length >= 2 couponMp.set(brandName, { couponName, // 优惠券名称 isNew, // 是否新人专享 couponPrice, //优惠券金额减免 brandName, // 品牌名称 couponId, // 优惠券id isHaved, // 是否已经领取 couponLink: `https://www.szlcsc.com/getCoupon/${couponId}`, // 领券接口地址 }) }) console.timeEnd('getCouponHTML') } /** * 优惠券领取按钮的绑定事件 */ const getCouponClickHandler = () => { $('.to_cou').click(async function (target) { let brandName = $(this).parents('span').siblings('.key').text() // 优惠券实体 let couponEntity = couponMp.get(brandName) if (!$.isEmptyObject(couponEntity)) { let res = await getAjax(couponEntity.couponLink) // console.log(res) let resParseData = JSON.parse(res) if (resParseData.result === 'success') { Qmsg.success(`${couponEntity.couponName}，领取成功！`) refresh(true) } else { Qmsg.error(resParseData.msg) } } }) } // 隐藏/显示 小窗 const showOrHideModalHandler = () => { $('.showBtn,.hideBtn').click(function (target) { let $bd = $('.bd') if ($bd.is(':hidden')) { $('.hideBtn').show() $('.showBtn').hide() setLocalData('SHOW_BOOL', true) } else if ($bd.is(':visible')) { $('.showBtn').show() $('.hideBtn').hide() setLocalData('SHOW_BOOL', false) } $bd.fadeToggle() }) } /** * 页面加载的时候，控制小窗显示隐藏 */ const onloadSetShowOrHide = () => { if (getLocalData('SHOW_BOOL') === 'false') { $('.hideBtn').click() } } /** * 刷新小窗口数据 * @param {*} notRefreshCouponHtml 是否更新优惠券集合数据 */ const refresh = async (notRefreshCouponHtml) => { // 是否更新优惠券集合数据，主要更新是否领取的状态 if (notRefreshCouponHtml === true) { await getCouponHTML() } eachCartList() appendHtml() setBrandColor() } /** * 重置小窗口的高度 */ const resizeHeight = () => { let bdHeight = parseFloat($('.bd').css('height').replace('px', '')) if ((window.innerHeight - 120) < bdHeight) { $('.bd').css({ height: '82vh' }) } else { $('.bd').css({ height: 'auto' }) } } window.addEventListener('resize', resizeHeight) basicSettings() eachCartList() await getCouponHTML() appendHtml() setBrandColor() // 只能放在这里 checkStatusChangeHandler() onloadSetShowOrHide() })()