320 lines
11 KiB
JavaScript
320 lines
11 KiB
JavaScript
"use strict";
|
||
var __async = (__this, __arguments, generator) => {
|
||
return new Promise((resolve, reject) => {
|
||
var fulfilled = (value) => {
|
||
try {
|
||
step(generator.next(value));
|
||
} catch (e) {
|
||
reject(e);
|
||
}
|
||
};
|
||
var rejected = (value) => {
|
||
try {
|
||
step(generator.throw(value));
|
||
} catch (e) {
|
||
reject(e);
|
||
}
|
||
};
|
||
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
||
step((generator = generator.apply(__this, __arguments)).next());
|
||
});
|
||
};
|
||
const common_vendor = require("../../../common/vendor.js");
|
||
const sheep_index = require("../../../sheep/index.js");
|
||
const sheep_util_index = require("../../../sheep/util/index.js");
|
||
const sheep_api_product_spu = require("../../../sheep/api/product/spu.js");
|
||
if (!Array) {
|
||
const _easycom_su_tabs2 = common_vendor.resolveComponent("su-tabs");
|
||
const _easycom_su_sticky2 = common_vendor.resolveComponent("su-sticky");
|
||
const _easycom_su_popup2 = common_vendor.resolveComponent("su-popup");
|
||
const _easycom_s_goods_column2 = common_vendor.resolveComponent("s-goods-column");
|
||
const _easycom_uni_load_more2 = common_vendor.resolveComponent("uni-load-more");
|
||
const _easycom_s_empty2 = common_vendor.resolveComponent("s-empty");
|
||
const _easycom_s_layout2 = common_vendor.resolveComponent("s-layout");
|
||
const _component_layout_default_uni = common_vendor.resolveComponent("layout-default-uni");
|
||
(_easycom_su_tabs2 + _easycom_su_sticky2 + _easycom_su_popup2 + _easycom_s_goods_column2 + _easycom_uni_load_more2 + _easycom_s_empty2 + _easycom_s_layout2 + _component_layout_default_uni)();
|
||
}
|
||
const _easycom_su_tabs = () => "../../../sheep/ui/su-tabs/su-tabs.js";
|
||
const _easycom_su_sticky = () => "../../../sheep/ui/su-sticky/su-sticky.js";
|
||
const _easycom_su_popup = () => "../../../sheep/ui/su-popup/su-popup.js";
|
||
const _easycom_s_goods_column = () => "../../../sheep/components/s-goods-column/s-goods-column.js";
|
||
const _easycom_uni_load_more = () => "../../../uni_modules/uni-load-more/components/uni-load-more/uni-load-more.js";
|
||
const _easycom_s_empty = () => "../../../sheep/components/s-empty/s-empty.js";
|
||
const _easycom_s_layout = () => "../../../sheep/components/s-layout/s-layout.js";
|
||
if (!Math) {
|
||
(_easycom_su_tabs + _easycom_su_sticky + _easycom_su_popup + _easycom_s_goods_column + _easycom_uni_load_more + _easycom_s_empty + _easycom_s_layout)();
|
||
}
|
||
const _sfc_main = {
|
||
__name: "list",
|
||
emits: ["close", "change"],
|
||
setup(__props, { emit: __emit }) {
|
||
const sys_navBar = sheep_index.sheep.$platform.navbar;
|
||
const state = common_vendor.reactive({
|
||
pagination: {
|
||
list: [],
|
||
total: 0,
|
||
pageNo: 1,
|
||
pageSize: 6
|
||
},
|
||
currentSort: void 0,
|
||
currentOrder: void 0,
|
||
currentTab: 0,
|
||
// 当前选中的 tab
|
||
curFilter: 0,
|
||
// 当前选中的 list 筛选项
|
||
showFilter: false,
|
||
iconStatus: false,
|
||
// true - 单列布局；false - 双列布局
|
||
keyword: "",
|
||
categoryId: 0,
|
||
tabList: [
|
||
{
|
||
name: "综合推荐",
|
||
list: [
|
||
{
|
||
label: "综合推荐"
|
||
},
|
||
{
|
||
label: "价格升序",
|
||
sort: "price",
|
||
order: true
|
||
},
|
||
{
|
||
label: "价格降序",
|
||
sort: "price",
|
||
order: false
|
||
}
|
||
]
|
||
},
|
||
{
|
||
name: "销量",
|
||
sort: "salesCount",
|
||
order: false
|
||
},
|
||
{
|
||
name: "新品优先",
|
||
value: "createTime",
|
||
order: false
|
||
}
|
||
],
|
||
loadStatus: "",
|
||
leftGoodsList: [],
|
||
// 双列布局 - 左侧商品
|
||
rightGoodsList: []
|
||
// 双列布局 - 右侧商品
|
||
});
|
||
let count = 0;
|
||
let leftHeight = 0;
|
||
let rightHeight = 0;
|
||
function mountMasonry(height = 0, where = "left") {
|
||
if (!state.pagination.list[count]) {
|
||
return;
|
||
}
|
||
if (where === "left") {
|
||
leftHeight += height;
|
||
} else {
|
||
rightHeight += height;
|
||
}
|
||
if (leftHeight <= rightHeight) {
|
||
state.leftGoodsList.push(state.pagination.list[count]);
|
||
} else {
|
||
state.rightGoodsList.push(state.pagination.list[count]);
|
||
}
|
||
count++;
|
||
}
|
||
function emptyList() {
|
||
sheep_util_index.resetPagination(state.pagination);
|
||
state.leftGoodsList = [];
|
||
state.rightGoodsList = [];
|
||
count = 0;
|
||
leftHeight = 0;
|
||
rightHeight = 0;
|
||
}
|
||
function onSearch(e) {
|
||
state.keyword = e;
|
||
emptyList();
|
||
getList(state.currentSort, state.currentOrder);
|
||
}
|
||
function onTabsChange(e) {
|
||
if (state.tabList[e.index].list) {
|
||
state.currentTab = e.index;
|
||
state.showFilter = !state.showFilter;
|
||
return;
|
||
}
|
||
state.showFilter = false;
|
||
if (e.index === state.currentTab) {
|
||
return;
|
||
}
|
||
state.currentTab = e.index;
|
||
state.currentSort = e.sort;
|
||
state.currentOrder = e.order;
|
||
emptyList();
|
||
getList(e.sort, e.order);
|
||
}
|
||
const onFilterItem = (val) => {
|
||
if (state.currentSort === state.tabList[0].list[val].sort && state.currentOrder === state.tabList[0].list[val].order) {
|
||
state.showFilter = false;
|
||
return;
|
||
}
|
||
state.showFilter = false;
|
||
state.curFilter = val;
|
||
state.tabList[0].name = state.tabList[0].list[val].label;
|
||
state.currentSort = state.tabList[0].list[val].sort;
|
||
state.currentOrder = state.tabList[0].list[val].order;
|
||
emptyList();
|
||
getList();
|
||
};
|
||
function getList() {
|
||
return __async(this, null, function* () {
|
||
state.loadStatus = "loading";
|
||
const { code, data } = yield sheep_api_product_spu.SpuApi.getSpuPage({
|
||
pageNo: state.pagination.pageNo,
|
||
pageSize: state.pagination.pageSize,
|
||
sortField: state.currentSort,
|
||
sortAsc: state.currentOrder,
|
||
categoryId: state.categoryId,
|
||
keyword: state.keyword
|
||
});
|
||
if (code !== 0) {
|
||
return;
|
||
}
|
||
state.pagination.list = common_vendor.lodash.concat(state.pagination.list, data.list);
|
||
state.pagination.total = data.total;
|
||
state.loadStatus = state.pagination.list.length < state.pagination.total ? "more" : "noMore";
|
||
mountMasonry();
|
||
});
|
||
}
|
||
function loadMore() {
|
||
if (state.loadStatus === "noMore") {
|
||
return;
|
||
}
|
||
state.pagination.pageNo++;
|
||
getList(state.currentSort, state.currentOrder);
|
||
}
|
||
common_vendor.onLoad((options) => {
|
||
state.categoryId = options.categoryId;
|
||
state.keyword = options.keyword;
|
||
getList(state.currentSort, state.currentOrder);
|
||
});
|
||
common_vendor.onReachBottom(() => {
|
||
loadMore();
|
||
});
|
||
return (_ctx, _cache) => {
|
||
return common_vendor.e({
|
||
a: common_vendor.o(onTabsChange),
|
||
b: common_vendor.p({
|
||
list: state.tabList,
|
||
scrollable: false,
|
||
current: state.currentTab
|
||
}),
|
||
c: state.iconStatus
|
||
}, state.iconStatus ? {} : {}, {
|
||
d: common_vendor.o(($event) => state.iconStatus = !state.iconStatus),
|
||
e: common_vendor.p({
|
||
bgColor: "#fff"
|
||
}),
|
||
f: common_vendor.f(state.tabList[state.currentTab].list, (item, index, i0) => {
|
||
return {
|
||
a: common_vendor.t(item.label),
|
||
b: item.value,
|
||
c: common_vendor.n({
|
||
"filter-item-active": index === state.curFilter
|
||
}),
|
||
d: common_vendor.o(($event) => onFilterItem(index), item.value)
|
||
};
|
||
}),
|
||
g: common_vendor.o(($event) => state.showFilter = false),
|
||
h: common_vendor.p({
|
||
show: state.showFilter,
|
||
type: "top",
|
||
round: "10",
|
||
space: common_vendor.unref(sys_navBar) + 38,
|
||
backgroundColor: "#F6F6F6",
|
||
zIndex: 10
|
||
}),
|
||
i: state.iconStatus && state.pagination.total > 0
|
||
}, state.iconStatus && state.pagination.total > 0 ? {
|
||
j: common_vendor.f(state.pagination.list, (item, k0, i0) => {
|
||
return {
|
||
a: common_vendor.o(($event) => common_vendor.unref(sheep_index.sheep).$router.go("/modules/mall/goods/index", {
|
||
id: item.id
|
||
}), item.id),
|
||
b: "7ed857b0-5-" + i0 + ",7ed857b0-1",
|
||
c: common_vendor.p({
|
||
size: "lg",
|
||
data: item,
|
||
topRadius: 10,
|
||
bottomRadius: 10
|
||
}),
|
||
d: item.id
|
||
};
|
||
})
|
||
} : {}, {
|
||
k: !state.iconStatus && state.pagination.total > 0
|
||
}, !state.iconStatus && state.pagination.total > 0 ? {
|
||
l: common_vendor.f(state.leftGoodsList, (item, k0, i0) => {
|
||
return {
|
||
a: common_vendor.o(($event) => common_vendor.unref(sheep_index.sheep).$router.go("/modules/mall/goods/index", {
|
||
id: item.id
|
||
}), item.id),
|
||
b: common_vendor.o(($event) => mountMasonry($event, "left"), item.id),
|
||
c: "7ed857b0-6-" + i0 + ",7ed857b0-1",
|
||
d: common_vendor.p({
|
||
size: "md",
|
||
data: item,
|
||
topRadius: 10,
|
||
bottomRadius: 10
|
||
}),
|
||
e: item.id
|
||
};
|
||
}),
|
||
m: common_vendor.f(state.rightGoodsList, (item, k0, i0) => {
|
||
return {
|
||
a: common_vendor.o(($event) => common_vendor.unref(sheep_index.sheep).$router.go("/modules/mall/goods/index", {
|
||
id: item.id
|
||
}), item.id),
|
||
b: common_vendor.o(($event) => mountMasonry($event, "right"), item.id),
|
||
c: "7ed857b0-7-" + i0 + ",7ed857b0-1",
|
||
d: common_vendor.p({
|
||
size: "md",
|
||
topRadius: 10,
|
||
bottomRadius: 10,
|
||
data: item
|
||
}),
|
||
e: item.id
|
||
};
|
||
})
|
||
} : {}, {
|
||
n: state.pagination.total > 0
|
||
}, state.pagination.total > 0 ? {
|
||
o: common_vendor.o(loadMore),
|
||
p: common_vendor.p({
|
||
status: state.loadStatus,
|
||
["content-text"]: {
|
||
contentdown: "上拉加载更多"
|
||
}
|
||
})
|
||
} : {}, {
|
||
q: state.pagination.total === 0
|
||
}, state.pagination.total === 0 ? {
|
||
r: common_vendor.p({
|
||
icon: "/static/soldout-empty.png",
|
||
text: "暂无商品"
|
||
})
|
||
} : {}, {
|
||
s: common_vendor.o(onSearch),
|
||
t: common_vendor.p({
|
||
navbar: "normal",
|
||
leftWidth: 0,
|
||
rightWidth: 0,
|
||
tools: "search",
|
||
defaultSearch: state.keyword
|
||
})
|
||
});
|
||
};
|
||
}
|
||
};
|
||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7ed857b0"]]);
|
||
wx.createPage(MiniProgramPage);
|
||
//# sourceMappingURL=list.js.map
|