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
|