238 lines
8.4 KiB
JavaScript
238 lines
8.4 KiB
JavaScript
|
"use strict";
|
|||
|
|
const common_vendor = require("../../../common/vendor.js");
|
|||
|
|
const sheep_index = require("../../index.js");
|
|||
|
|
const sheep_hooks_useGoods = require("../../hooks/useGoods.js");
|
|||
|
|
if (!Array) {
|
|||
|
|
const _easycom_su_number_box2 = common_vendor.resolveComponent("su-number-box");
|
|||
|
|
const _easycom_su_popup2 = common_vendor.resolveComponent("su-popup");
|
|||
|
|
(_easycom_su_number_box2 + _easycom_su_popup2)();
|
|||
|
|
}
|
|||
|
|
const _easycom_su_number_box = () => "../../ui/su-number-box/su-number-box.js";
|
|||
|
|
const _easycom_su_popup = () => "../../ui/su-popup/su-popup.js";
|
|||
|
|
if (!Math) {
|
|||
|
|
(_easycom_su_number_box + _easycom_su_popup)();
|
|||
|
|
}
|
|||
|
|
const _sfc_main = {
|
|||
|
|
__name: "s-select-groupon-sku",
|
|||
|
|
props: {
|
|||
|
|
show: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
goodsInfo: {
|
|||
|
|
type: Object,
|
|||
|
|
default() {
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
grouponAction: {
|
|||
|
|
type: String,
|
|||
|
|
default: "create"
|
|||
|
|
},
|
|||
|
|
grouponNum: {
|
|||
|
|
type: [Number, String],
|
|||
|
|
default: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
emits: ["change", "addCart", "buy", "close", "ladder"],
|
|||
|
|
setup(__props, { emit: __emit }) {
|
|||
|
|
common_vendor.useCssVars((_ctx) => ({
|
|||
|
|
"aaff7be0": common_vendor.unref(headerBg)
|
|||
|
|
}));
|
|||
|
|
const headerBg = sheep_index.sheep.$url.css("/static/img/shop/goods/groupon-btn-long.png");
|
|||
|
|
const emits = __emit;
|
|||
|
|
const props = __props;
|
|||
|
|
const state = common_vendor.reactive({
|
|||
|
|
selectedSku: {},
|
|||
|
|
// 选中的 SKU
|
|||
|
|
currentPropertyArray: [],
|
|||
|
|
// 当前选中的属性，实际是个 Map。key 是 property 编号，value 是 value 编号
|
|||
|
|
grouponNum: props.grouponNum
|
|||
|
|
});
|
|||
|
|
const propertyList = sheep_hooks_useGoods.convertProductPropertyList(props.goodsInfo.skus);
|
|||
|
|
const skuList = common_vendor.computed(() => {
|
|||
|
|
const skuPrices = props.goodsInfo.skus;
|
|||
|
|
for (const price of skuPrices) {
|
|||
|
|
price.value_id_array = price.properties.map((item) => item.valueId);
|
|||
|
|
}
|
|||
|
|
return skuPrices;
|
|||
|
|
});
|
|||
|
|
common_vendor.watch(
|
|||
|
|
() => state.selectedSku,
|
|||
|
|
(newVal) => {
|
|||
|
|
emits("change", newVal);
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
immediate: true,
|
|||
|
|
// 立即执行
|
|||
|
|
deep: true
|
|||
|
|
// 深度监听
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
function onNumberChange(e) {
|
|||
|
|
if (e === 0)
|
|||
|
|
return;
|
|||
|
|
if (state.selectedSku.count === e)
|
|||
|
|
return;
|
|||
|
|
state.selectedSku.count = e;
|
|||
|
|
}
|
|||
|
|
function onBuy() {
|
|||
|
|
if (!state.selectedSku.id || state.selectedSku.id <= 0) {
|
|||
|
|
sheep_index.sheep.$helper.toast("请选择规格");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (state.selectedSku.stock <= 0) {
|
|||
|
|
sheep_index.sheep.$helper.toast("库存不足");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
emits("buy", state.selectedSku);
|
|||
|
|
}
|
|||
|
|
function changeDisabled(isChecked = false, propertyId = 0, valueId = 0) {
|
|||
|
|
let newSkus = [];
|
|||
|
|
if (isChecked) {
|
|||
|
|
for (const price of skuList.value) {
|
|||
|
|
if (price.stock <= 0) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
if (price.value_id_array.indexOf(valueId) >= 0) {
|
|||
|
|
newSkus.push(price);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
newSkus = getCanUseSkuList();
|
|||
|
|
}
|
|||
|
|
let noChooseValueIds = [];
|
|||
|
|
for (const price of newSkus) {
|
|||
|
|
noChooseValueIds = noChooseValueIds.concat(price.value_id_array);
|
|||
|
|
}
|
|||
|
|
noChooseValueIds = Array.from(new Set(noChooseValueIds));
|
|||
|
|
if (isChecked) {
|
|||
|
|
const index = noChooseValueIds.indexOf(valueId);
|
|||
|
|
noChooseValueIds.splice(index, 1);
|
|||
|
|
} else {
|
|||
|
|
state.currentPropertyArray.forEach((currentPropertyId) => {
|
|||
|
|
if (currentPropertyId.toString() !== "") {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
const index = noChooseValueIds.indexOf(currentPropertyId);
|
|||
|
|
if (index >= 0) {
|
|||
|
|
noChooseValueIds.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
let choosePropertyIds = [];
|
|||
|
|
if (!isChecked) {
|
|||
|
|
state.currentPropertyArray.forEach((currentPropertyId, currentValueId) => {
|
|||
|
|
if (currentPropertyId !== "") {
|
|||
|
|
choosePropertyIds.push(currentValueId);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
choosePropertyIds = [propertyId];
|
|||
|
|
}
|
|||
|
|
for (const propertyIndex in propertyList) {
|
|||
|
|
if (choosePropertyIds.indexOf(propertyList[propertyIndex].id) >= 0) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
for (const valueIndex in propertyList[propertyIndex].values) {
|
|||
|
|
propertyList[propertyIndex].values[valueIndex].disabled = noChooseValueIds.indexOf(propertyList[propertyIndex].values[valueIndex].id) < 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function getCanUseSkuList() {
|
|||
|
|
const newSkus = [];
|
|||
|
|
for (const sku of skuList.value) {
|
|||
|
|
if (sku.stock <= 0) {
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
let isOk = true;
|
|||
|
|
state.currentPropertyArray.forEach((propertyId) => {
|
|||
|
|
if (propertyId.toString() !== "" && sku.value_id_array.indexOf(propertyId) < 0) {
|
|||
|
|
isOk = false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (isOk) {
|
|||
|
|
newSkus.push(sku);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return newSkus;
|
|||
|
|
}
|
|||
|
|
function onSelectSku(propertyId, valueId) {
|
|||
|
|
let isChecked = true;
|
|||
|
|
if (state.currentPropertyArray[propertyId] !== void 0 && state.currentPropertyArray[propertyId] === valueId) {
|
|||
|
|
isChecked = false;
|
|||
|
|
state.currentPropertyArray.splice(propertyId, 1, "");
|
|||
|
|
} else {
|
|||
|
|
state.currentPropertyArray[propertyId] = valueId;
|
|||
|
|
}
|
|||
|
|
const choosePropertyId = [];
|
|||
|
|
state.currentPropertyArray.forEach((currentPropertyId) => {
|
|||
|
|
if (currentPropertyId !== "") {
|
|||
|
|
choosePropertyId.push(currentPropertyId);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
const newSkuList = getCanUseSkuList();
|
|||
|
|
if (choosePropertyId.length === propertyList.length && newSkuList.length) {
|
|||
|
|
newSkuList[0].count = state.selectedSku.count || 1;
|
|||
|
|
state.selectedSku = newSkuList[0];
|
|||
|
|
} else {
|
|||
|
|
state.selectedSku = {};
|
|||
|
|
}
|
|||
|
|
changeDisabled(isChecked, propertyId, valueId);
|
|||
|
|
}
|
|||
|
|
changeDisabled(false);
|
|||
|
|
return (_ctx, _cache) => {
|
|||
|
|
return common_vendor.e({
|
|||
|
|
a: common_vendor.unref(sheep_index.sheep).$url.cdn(state.selectedSku.picUrl || __props.goodsInfo.picUrl),
|
|||
|
|
b: common_vendor.unref(sheep_index.sheep).$url.static("/static/img/shop/goods/groupon-tag-white.png"),
|
|||
|
|
c: common_vendor.t(__props.goodsInfo.name),
|
|||
|
|
d: common_vendor.t(common_vendor.unref(sheep_hooks_useGoods.fen2yuan)(state.selectedSku.price || __props.goodsInfo.price || state.selectedSku.marketPrice)),
|
|||
|
|
e: common_vendor.t(state.selectedSku.stock || __props.goodsInfo.stock),
|
|||
|
|
f: common_vendor.f(common_vendor.unref(propertyList), (property, k0, i0) => {
|
|||
|
|
return {
|
|||
|
|
a: common_vendor.t(property.name),
|
|||
|
|
b: common_vendor.f(property.values, (value, k1, i1) => {
|
|||
|
|
return {
|
|||
|
|
a: common_vendor.t(value.name),
|
|||
|
|
b: common_vendor.n({
|
|||
|
|
"checked-btn": state.currentPropertyArray[property.id] === value.id
|
|||
|
|
}),
|
|||
|
|
c: common_vendor.n({
|
|||
|
|
"disabled-btn": value.disabled === true
|
|||
|
|
}),
|
|||
|
|
d: value.id,
|
|||
|
|
e: value.disabled === true,
|
|||
|
|
f: common_vendor.o(($event) => onSelectSku(property.id, value.id), value.id)
|
|||
|
|
};
|
|||
|
|
}),
|
|||
|
|
c: property.id
|
|||
|
|
};
|
|||
|
|
}),
|
|||
|
|
g: common_vendor.o(($event) => onNumberChange($event)),
|
|||
|
|
h: common_vendor.o(($event) => state.selectedSku.count = $event),
|
|||
|
|
i: common_vendor.p({
|
|||
|
|
min: 1,
|
|||
|
|
max: state.selectedSku.stock,
|
|||
|
|
step: 1,
|
|||
|
|
activity: "groupon",
|
|||
|
|
modelValue: state.selectedSku.count
|
|||
|
|
}),
|
|||
|
|
j: common_vendor.t(__props.grouponNum + "人团"),
|
|||
|
|
k: common_vendor.t(common_vendor.unref(sheep_hooks_useGoods.fen2yuan)(state.selectedSku.price * state.selectedSku.count || __props.goodsInfo.price * state.selectedSku.count || state.selectedSku.marketPrice * state.selectedSku.count || __props.goodsInfo.price)),
|
|||
|
|
l: __props.grouponAction === "create"
|
|||
|
|
}, __props.grouponAction === "create" ? {} : __props.grouponAction === "join" ? {} : {}, {
|
|||
|
|
m: __props.grouponAction === "join",
|
|||
|
|
n: common_vendor.o(onBuy),
|
|||
|
|
o: common_vendor.o(($event) => emits("close")),
|
|||
|
|
p: common_vendor.s(_ctx.__cssVars()),
|
|||
|
|
q: common_vendor.p({
|
|||
|
|
show: __props.show,
|
|||
|
|
round: "10"
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d81b77cf"]]);
|
|||
|
|
wx.createComponent(Component);
|
|||
|
|
//# sourceMappingURL=s-select-groupon-sku.js.map
|