嘉立创辅助工具，购物车辅助增强工具
当前为
// ==UserScript==
// @name 嘉立创购物车辅助工具
// @namespace http://tampermonkey.net/
// @version 1.4.4
// @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.org/scripts/455576/1122361/Qmsg.js
//// @require https://cdnjs.cloudflare.com/ajax/libs/layui/2.9.8/layui.min.js
// @resource customCSS https://gitee.com/snwjas/message.js/raw/master/dist/message.min.css
//// @resource layuiCSS https://cdnjs.cloudflare.com/ajax/libs/layui/2.9.8/css/layui.min.css
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// @grant GM_getResourceText
// @license MIT
// ==/UserScript==
(async function () {
'use strict';
// 引入message的css文件并加入html中
const css = GM_getResourceText("customCSS")
GM_addStyle(css)
// 引入message的css文件并加入html中
// const layuiCSS = GM_getResourceText("layuiCSS")
// GM_addStyle(layuiCSS)
/**
* 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
}
/**
* 订购数量发生变化的时候
*/
const onChangeCountHandler = () => {
// 订购数量
$('.product-item .cart-li input.input').on('change',() => {
setTimeout(refresh, 1000);
})
// 加减数量
$('.decrease,.increase').on('click',() => {
setTimeout(refresh, 1000);
})
}
/**
* 换仓按钮事件
* 一键换仓专用
*
换仓逻辑
https://cart.szlcsc.com/cart/warehouse/deliverynum/update
cartKey规则：
标签id product-item-186525218
商品的跳转地址（商品id）20430799
cartKey: 186525218~0~20430799~RMB~CN
gdDeliveryNum: 0
jsDeliveryNum: 1
*/
const onClickChangeDepotBtnHandler = () => {
/**
*
* @param {*} this 标签
* @param {*} warehouseType 仓库类型 GUANG_DONG：广东，JIANG_SU
* @returns
*/
// 换仓封装
const _changeDepot = (that, warehouseType) => {
return new Promise((resolve, reject) => {
// 是否锁定样品
let isLocked = (that.find('.warehouse-wrap .warehouse:contains(广东仓)').length
+ that.find('.warehouse-wrap .warehouse:contains(江苏仓)').length) == 0
// 查找商品的属性
let infoElement = that.find('.cart-li:eq(1) a')
if (isLocked === true) {
Qmsg.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法换仓`)
console.error(`物料编号：${infoElement.text()}，处于锁定样品状态，无法换仓`)
return
}
// 订购数量
let count = that.find('.cart-li:eq(-4) input').val()
// 物料ID1
let productId1 = /\d+/g.exec(that.attr('id'))[0]
// 物料ID2
let productId2 = /\d+/g.exec(infoElement.attr('href'))[0]
// 取最低起订量
let sinpleCount = /\d+/g.exec(that.find('.price-area:eq(0)').text())[0]
// 订购套数
let batchCount = count / sinpleCount
// 修改库存的参数体
let params = ''
// 当前是广东仓
if (warehouseType == 'GUANG_DONG') {
params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${batchCount}&jsDeliveryNum=${0}`
}
// 其他情况当成是江苏仓
else if (warehouseType == 'JIANG_SU') {
params = `cartKey=${productId1}~0~${productId2}~RMB~CN&gdDeliveryNum=${0}&jsDeliveryNum=${batchCount}`
}
GM_xmlhttpRequest({
url: '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) }
})
})
}
/**
* 动态刷新页面，不强制刷新
* ！！！暂时不能用，需要考虑订货商品还是现货
*/
const _reload = async () => {
// 购物车URL
const cartDataUrl = `${webSiteShareData.lcscCartUrl}/cart/display?isInit=false&isOrderBack=${window.isOrderBack}&${Date.now()}`
const res = await getAjax(cartDataUrl)
const resObj = JSON.parse(res)
// 合并订货和现货商品
const newArr = [...resObj.result.shoppingCartVO.rmbCnShoppingCart.currentlyProductList,
...resObj.result.shoppingCartVO.rmbCnShoppingCart.isNeedProductList]
// 遍历物料编号
newArr.forEach(function (item) {
const {
jsDeliveryNum, // 江苏的订货量
gdDeliveryNum, // 广东的订货量
productCode, // 物料编码
isChecked, // 是否选中
jsValidStockNumber, // 江苏剩余库存
szValidStockNumber, // 广东剩余库存
jsDivideSplitDeliveryNum, // 江苏起订量的倍数
gdDivideSplitDeliveryNum, // 广东起订量的倍数
shopCarMapKey // 购物车主键
} = item
// 查找到这个物料编号所在的行
const ele = getAllLineInfoByBrandName(productCode)
// 计算出仓库名
const depotName = jsDeliveryNum > 0 ? '江苏仓' : (gdDeliveryNum > 0 ? '广东仓' : '')
const depotEle = ele.find('.warehouse-wrap .warehouse')
const newDepotName = (depotEle.html() || '').replace('江苏仓', depotName).replace('广东仓', depotName)
// 重新设置仓库名称
depotEle.html(newDepotName)
})
}
// 换仓-江苏
$('.change-depot-btn-left').on('click', function () {
let count = 0;
const eles = getAllCheckedLineInfo()
eles.each(async function () {
count++
await _changeDepot($(this), 'JIANG_SU')
if (eles.length === count) {
// setTimeout(_reload, 500);
setTimeout(function () {
location.reload()
}, 2500);
}
})
})
// 换仓-广东
$('.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(_reload, 500);
setTimeout(function () {
location.reload()
}, 2500);
}
})
})
}
/**
* 选中仓库事件
* 一键选仓专用
*/
const checkDepotBtnHandler = () => {
const _clickFunc = (depotName, fn) => {
const eles = fn()
// 先看看有没有指定仓
const jsIsEmpty = getJsLineInfo().length === 0
const gdIsEmpty = getGdLineInfo().length === 0
if (depotName === 'JIANG_SU' && jsIsEmpty) {
Qmsg.error('购物车中并没有【江苏仓】的商品！')
return
} else if (depotName === 'GUANG_DONG' && gdIsEmpty) {
Qmsg.error('购物车中并没有【广东仓】的商品！')
return
}
// 是否有至少一个选中的
const isHave = eles.parents('.product-item').find('input.check-box:checked').length > 0
if (isHave) {
eles.each(function () {
$(this).parents('.product-item').find('input.check-box:checked').click()
})
}
// 都未选中，则执行仓库全选操作
else {
eles.each(function () {
$(this).parents('.product-item').find('input.check-box').click()
})
}
}
// 江苏仓
$(".check-js-btn-left").on('click', function () {
_clickFunc('JIANG_SU', getJsLineInfo)
})
// 广东仓
$(".check-gd-btn-right").on('click', function () {
_clickFunc('GUANG_DONG', getGdLineInfo)
})
}
// 控制按钮的生成
const buttonListFactory = () => {
let isBool = getAllCheckedLineInfo().length > 0
return `
<div class='mr10 flex flex-sx-center'><label style="font-size: 14px" class='ftw1000'>自动领取优惠券</label><input style="zoom: 80%; margin: 0 8px;" type="checkbox" class="checkbox"/>(功能暂未开发)</div>
<div class='mr10 flex flex-sx-center'>
<label style="font-size: 14px;width: 105px;" class='ftw1000 box_'>一键选仓
<div class="circle_ tooltip_" data-msg='第一次点是选中，第二次点是取消选中' style="margin-left: 5px;">?</div>
</label>
<button class='check-js-btn-left btn-left' type='button'>江苏</button>
<button class='check-gd-btn-right btn-right' type='button'>广东</button>
</div>
<div class='mr10 flex flex-sx-center'>
<label style="font-size: 14px;width: 105px;" class='ftw1000 box_'>一键换仓
<div class="circle_ tooltip_" data-msg='只操作多选框选中的商品，包含订货商品' style="margin-left: 5px;">?</div>
</label>
<button class='change-depot-btn-left btn-left' type='button' ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>江苏</button>
<button class='change-depot-btn-right btn-right' type='button' ${!isBool ? "style='cursor: not-allowed; background-color: #b9b9b95e;color: unset;' disabled" : ""}>广东</button>
</div>
`
}
/**
* 显示隐藏 小窗的的按钮展示
*/
const showOrHideButtonFactory = () => {
$('.hideBtn,.showBtn').remove()
return `
<div class="hideBtn">
收起助手 >
</div>
<div class="showBtn hide_">
< 展开助手
</div>
`
}
/**
* 查询购物车中的品牌数量总和（多选框选中）
*/
const brandCountFactory = () => {
return `
<div class='small-sign'>
${dataMp.size}
</div>
`
}
/**
* 查询16-15优惠券列表
*/
const lookCouponListBtnFactory = () => {
return `
<div class='look-coupon-btn'>
查看
</div>
<div class="look-coupon-closebtn" style='display: none'>X</div>
`
}
/**
* 查看优惠券列表的按钮
*/
const lookCouponListHandler = () => {
const _lookCouponClick = () => {
if ($('#couponModal').is(':hidden')) {
$('#couponModal').show()
$('.look-coupon-closebtn').show()
} else if ($('#couponModal').is(':visible')) {
$('#couponModal').hide()
$('.look-coupon-closebtn').hide()
}
}
$('.look-coupon-btn,.look-coupon-closebtn').click(_lookCouponClick)
}
/**
* 优惠券模态框
*/
const lookCouponListModal = async () => {
const _filterAllowRuleCoupon = (eles) => {
return eles.filter($item => {
// 金额类型
const isMoneyType = $item.find('.coupon-item-top-title .icon').trim() === '¥'
// 抵扣的金额
const couponMoney = $item.find('.coupon-item-top-title .money').trim()
// 消费要大于的金额
const moreThanMoney = /\d+/g.exec($item.find('.coupon-item-top-title .condition').trim())[0]
// 金额类型 且 两个金额差 <= 5
if (isMoneyType && (moreThanMoney - couponMoney) <= 5) {
return true
}
return false
})
}
let couponHTML = await getAjax('https://www.szlcsc.com/huodong.html')
// 优惠券的选取规则
const couponRule = '满16可用'
let $couponHTML = $(couponHTML.replace('<body', '<div').replace('body>', 'div>'))
$couponHTML = $couponHTML.filter(item => !['meta', 'title'].includes(item.localName))
// // 新人
const newEles = $couponHTML.find('.coupon-item:contains(新人专享)')
// // 非新人
// const notNewEles = $couponHTML.find('.coupon-item:not(:contains(新人专享))')
// PLUS专属
const PLUSEles = $couponHTML.find('.coupon-item:contains(PLUS专属)')
$couponHTML.find('.coupon-nav-btn').css('color', 'unset')
// PLUS专属
// const plusEles = $couponHTML.find('.coupon-item:contains(PLUS专属)')
// 删除无用的标签，纯净版的领券中心
$couponHTML.find(`#allCouponsTemplateTmpl,#cartTip,#selectTags,.not-select-tags-dialog,#register-label-dialog,
#website-right-float-ad-dialog,#website-group-dialog,.layout-header,.hd,.logo-wrap,
.nav,.little-tools,.entry-type-wrapper,.link-wrap,.spot,.footer,.content-container,.all-coupons-table .coupon-item:not(:contains(${couponRule}))`).remove()
$('#couponModal').html($couponHTML)
// 删除多余的标签
$('#couponModal meta, #couponModal title,#couponModal style,#couponModal script,.all-coupons-table-title:eq(0),.all-coupons-table:eq(0),#couponplus,.navigation .coupon-nav-item:eq(0),.common-alert-fail-tip-tmpl').remove()
// 划分新人专区
$('.navigation .coupon-nav-item:eq(2) a.coupon-nav-btn,.all-coupons-table-title:eq(-1) span').text('新人专区')
$('#couponModal .all-coupons-table:eq(0)').html(PLUSEles)
$('#couponModal .all-coupons-table:eq(2)').html(newEles)
}
/**
* 追加的html
* @returns
*/
const htmlFactory = () => {
let tempHtml = `
${$('#couponModal').length === 0 ? '<div id="couponModal" style="display: none;"></div>': ''}
${showOrHideButtonFactory()}
<div class="bd">
${buttonListFactory()}
<ul>`
const head = `
<li class='li-cs' style="position: sticky; top: 0px; background-color: white;">
<div>
<!-- 勾选的品牌数量 -->
${brandCountFactory()}
<!-- 查看平台优惠券列表 -->
<!--${lookCouponListBtnFactory()}-->
<span style='font-weight: 1000; color: black;width: 110px; ' class="flex flex-zy-center">品牌名称
</br>(现货)</span>
<span style='font-weight: 1000; color: black; width: 80px;' class="flex flex-zy-center">总金额</span>
<span style='font-weight: 1000; color: black; width: 80px;' class="flex flex-zy-center">差额</span>
<span style='font-weight: 1000; color: black;' class="flex flex-zy-center">优惠券</br>(16-15) </span>
</div>
</li>
`
tempHtml += head
for (var [key, val] of sortMapByValue(dataMp)) {
// <a href='https://www.szlcsc.com/huodong.html?from=dh' class="to_cou" target="_blank">优惠券入口</a>
tempHtml += `
<li class='li-cs click-hv ftw500'>
<div>
<span class='key sort_' style="width: 110px;">${key}</span>
<span class='val sort_' style="width: 80px;">${val}</span>
<span class='val sort_' style="width: 80px;">${(16-val).toFixed(2)}</span>
${couponHTMLFactory(key)}
</div>
</li>
`
}
return tempHtml + '</ul></div>'
}
/**
* 优惠券按钮的html生成
* @param {*} brandName 品牌名称
*/
const couponHTMLFactory = (brandName) => {
// 优惠券实体
const couponEntity = couponMp.get(brandName)
let buttonLine = ''
if (!$.isEmptyObject(couponEntity)) {
// 是否已经领取
if (couponEntity.isHaved === true) {
buttonLine = `<span class='val' style="text-align: center; ">
<span style="font-size: 12px;">已领取-${couponEntity.isNew === false ? '普通券' : '新人券'}</span>
</span> `
} else {
buttonLine = `<span class='flex-sx-center flex-zy-center flex' style="padding: 0; width: 160px; text-align: center; ">
<button type="button" class="to_cou">${couponEntity.isNew === false ? '普通券' : '新人券'}</button>
</span> `
}
}
return $.isEmptyObject(buttonLine) ? '<span></span>' : buttonLine
}
/**
* 追加的css
* @returns
*/
const cssFactory = () => `
<style id="myCss">
#couponModal {
height: 88vh;
position: fixed;
top: 40px;
right: 430px;
z-index: 1200;
overflow: auto;
background-color: white;
border: 3px solid #3498db;
border-radius: 5px;
padding: 5px;
padding-left: 160px;
}
.look-coupon-closebtn {
position: fixed;
top: 9px;
right: 186px;
border: 3px solid #3498db !important;
background-color: white;
padding: 5px 20px;
width: min-content !important;
z-index: 10000;
zoom: 200%;
}
.bd {
position: fixed;
top: 40px;
right: 33px;
background-color: white;
border: 2px solid #3498db;
width: 370px;
padding: 3px;
border-radius: 5px;
z-index: 1500;
overflow: auto;
}
.ftw400 {
font-weight: 400;
}
.ftw500 {
font-weight: 500;
}
.ftw1000 {
font-weight: 1000;
}
.hideBtn,
.showBtn {
position: fixed;
top: 20px;
right: 10px;
background-color: white;
border: 2px solid #3498db;
width: 85px;
line-height: 30px;
text-align: center;
padding: 3px;
font-weight: 800;
border-radius: 5px;
z-index: 1501;
font-size: 16px;
}
.hide_ {
display: none;
}
.mr10 {
margin: 10px;
}
.flex {
display: flex;
}
.flex-sx-center {
/*上下居中*/
align-items: center;
}
.flex-zy-center {
/*左右居中*/
justify-content: center;
}
.li-cs {
margin: 5px;
font-size: 14px;
box-sizing: border-box;
}
.box_ {
box-sizing: border-box;
}
.click-hv:hover span {
color: #444 !important;
cursor: pointer;
}
.li-cs div {
display: flex;
width: 100%;
border: 2px solid #3498db;
border-radius: 5px;
}
.li-cs span {
padding: 10px;
width: 50%;
color: white;
box-sizing: border-box;
}
.li-cs .to_cou {
border: 1px solid white;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.6);
padding: 5px 15px;
color: #2c4985;
}
.cart-li-pro-info div:hover {
color: rgba(57, 46, 74, 0.9) !important;
}
.checkbox {
appearance: none;
width: 64px;
height: 32px;
position: relative;
border-radius: 16px;
cursor: pointer;
background-color: #777;
}
.checkbox:before {
content: "";
position: absolute;
width: 28px;
height: 28px;
background: white;
left: 2px;
top: 2px;
border-radius: 50%;
transition: left cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}
.checkbox:after {
content: "开 关";
text-indent: 12px;
word-spacing: 4px;
display: inline-block;
white-space: nowrap;
color: white;
font: 14px/30px monospace;
font-weight: bold;
}
.checkbox:hover:before {
box-shadow: inset 0px 0px 5px 0px #3498db;
}
.checkbox:checked {
background-color: #3498db;
}
.checkbox:checked:before {
left: 34px;
}
.checkbox:checked:after {
color: #fff;
}
.small-sign {
position: absolute;
top: 27px;
left: 65px;
padding: 2px 3px;
width: min-content !important;
font-weight: bold;
}
.look-coupon-btn {
position: absolute;
top: 2px;
right: 0px;
padding: 8px;
width: min-content !important;
font-weight: bold;
}
.btn-group_ {
border: 2px solid #3498db;
}
.btn-left,
.btn-right {
width: 60px;
height: 30px;
border: unset;
background-color: white;
}
.btn-right:hover,
.btn-left:hover,
.look-coupon-btn:hover,
.to_cou:hover,
.hideBtn:hover,
.look-coupon-closebtn:hover
{
background-color: #3498db;
color: white !important;
cursor: pointer;
}
.btn-left {
border-left: 2px solid #3498db;
border-block: 2px solid #3498db;
border-radius: 5px 0 0 5px;
border-right: 2px solid #3498db;
}
.btn-right {
border-right: 2px solid #3498db;
border-block: 2px solid #3498db;
border-radius: 0 5px 5px 0;
}
.circle_ {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #77b0e2;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 15px;
position: relative;
}
.circle_::before {
content: "?";
font-size: 16px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tooltip_ {
position: relative;
font-size: 14px;
cursor: pointer;
}
.tooltip_:hover::before {
word-break: keep-all;
white-space: nowrap;
content: attr(data-msg);
position: absolute;
padding: 8px 10px;
display: block;
color: #424343;
border: 2px solid #3498db;
border-radius: 5px;
font-size: 14px;
line-height: 20px;
top: -47px;
left: 50%;
transform: translateX(-25%);
background-color: white;
}
.tooltip_:hover::after {
content: "﹀";
position: absolute;
top: -9px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
color: #3498db;
height: 7px;
line-height: 10px;
background-color: white;
}
</style>
`
const css2 = () => {
return `
<style>
</style>
`
}
/**
* 追加到body
*/
const appendHtml = () => {
// 计时开始点
console.time('appendHtml')
if ($('#myCss').length === 0) {
$('body').append(cssFactory())
}
$('.bd').remove()
$('body').append(htmlFactory())
// =========== 事件 ==============
clickBrandHandler()
getCouponClickHandler()
showOrHideModalHandler()
onClickChangeDepotBtnHandler()
checkDepotBtnHandler()
lookCouponListHandler()
// =============================
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 = () => {
//弹框 对品牌进行随机色设置
$('.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'
})
})
}
/**
* 查找购物车中所有选中的行的元素（包含现货、订货）
*
*/
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,.check-box-checked-all").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')
$(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()
$('#couponModal').hide()
$('.look-coupon-closebtn').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()
}
debugger
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()
onChangeCountHandler()
onloadSetShowOrHide()
// lookCouponListModal()
})()