397 lines
9.2 KiB
JavaScript
397 lines
9.2 KiB
JavaScript
const app = getApp()
|
||
var util = require('../../utils/util.js');
|
||
var status = require('../../utils/index.js');
|
||
|
||
Page({
|
||
mixins: [require('../../mixin/globalMixin.js')],
|
||
data: {
|
||
loadMore: true,
|
||
classification: {
|
||
menutabs: [],
|
||
activeIndex: 0
|
||
},
|
||
tabTop: 0,
|
||
showSubCate: true
|
||
},
|
||
handlerGobackClick(delta) {
|
||
const pages = getCurrentPages();
|
||
if (pages.length >= 2) {
|
||
wx.navigateBack({
|
||
delta: delta
|
||
});
|
||
} else {
|
||
wx.switchTab({
|
||
url: '/eaterplanet_ecommerce/pages/index/index'
|
||
});
|
||
}
|
||
},
|
||
handlerGohomeClick(url) {
|
||
wx.switchTab({
|
||
url: '/eaterplanet_ecommerce/pages/index/index'
|
||
});
|
||
},
|
||
pageNum: 1,
|
||
|
||
onLoad: function() {
|
||
app.setShareConfig();
|
||
this.getInfo();
|
||
this._doRefreshMasonry();
|
||
},
|
||
|
||
onReady: function(){
|
||
let that = this;
|
||
const query = wx.createSelectorQuery();
|
||
let searH = Math.round(app.globalData.systemInfo.windowWidth / 750 * 100) || 0;
|
||
setTimeout(() => {
|
||
query.select('#tab').boundingClientRect(function (res) {
|
||
that.setData({ tabTop: res.top - searH });
|
||
}).exec();
|
||
}, 1000)
|
||
},
|
||
|
||
onShow: function() {
|
||
const that = this;
|
||
util.check_login_new().then((res) => {
|
||
let needAuth = !res;
|
||
that.setData({ needAuth })
|
||
if (res) {
|
||
(0, status.cartNum)('', true).then((res) => {
|
||
res.code == 0 && that.setData({
|
||
cartNum: res.data
|
||
})
|
||
});
|
||
}
|
||
})
|
||
},
|
||
|
||
onPageScroll: function (event) {
|
||
if (event.scrollTop > this.data.tabTop) {
|
||
if (this.data.tabFix) {
|
||
return
|
||
} else {
|
||
this.setData({
|
||
oneFixed: "Fixed"
|
||
})
|
||
}
|
||
} else {
|
||
this.setData({
|
||
oneFixed: ''
|
||
})
|
||
}
|
||
},
|
||
|
||
noLogin: function() {
|
||
this.setData({
|
||
needAuth: true,
|
||
showAuthModal: true
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 授权成功回调
|
||
*/
|
||
authSuccess: function() {
|
||
const that = this;
|
||
this.pageNum = 1;
|
||
this.setData({
|
||
loadMore: true,
|
||
showEmpty: 0,
|
||
needAuth: false,
|
||
showAuthModal: false
|
||
}, () => {
|
||
that._doRefreshMasonry()
|
||
})
|
||
},
|
||
|
||
authModal: function () {
|
||
if (this.data.needAuth) {
|
||
this.setData({ showAuthModal: !this.data.showAuthModal });
|
||
return false;
|
||
}
|
||
return true;
|
||
},
|
||
|
||
/**
|
||
* 监控分类导航
|
||
*/
|
||
classificationChange: function (t) {
|
||
var that = this;
|
||
this.pageNum = 1;
|
||
this.setData({
|
||
loadMore: true,
|
||
showEmpty: 0,
|
||
"classification.activeIndex": t.detail.e,
|
||
classificationId: t.detail.a
|
||
}, function () {
|
||
that._doRefreshMasonry()
|
||
});
|
||
},
|
||
|
||
onPullDownRefresh: function() {
|
||
const that = this;
|
||
this.pageNum = 1;
|
||
this.setData({
|
||
loadMore: true,
|
||
showEmpty: 0
|
||
}, () => {
|
||
that.getInfo();
|
||
that._doRefreshMasonry()
|
||
})
|
||
},
|
||
|
||
onReachBottom: function() {
|
||
this.data.loadMore && this._doAppendMasonry()
|
||
},
|
||
|
||
_doRefreshMasonry(keyword = '') {
|
||
let that = this;
|
||
this.masonryListComponent = this.selectComponent('#masonry');
|
||
this.getData(keyword).then(res => {
|
||
that.masonryListComponent.start(res).then(() => {})
|
||
}).catch(()=>{
|
||
that.masonryListComponent.start([]).then(() => {})
|
||
})
|
||
},
|
||
|
||
_doAppendMasonry() {
|
||
let that = this;
|
||
this.masonryListComponent = this.selectComponent('#masonry')
|
||
// 获取接口数据后使用瀑布流组件append方法，当append完成后调用then，是否可触底价在的标志位可以在这里处理
|
||
this.getData().then(res => {
|
||
that.masonryListComponent.append(res).then(() => {
|
||
console.log('refresh completed')
|
||
})
|
||
}).catch(() => {
|
||
console.log('没有更多了')
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 获取列表
|
||
*/
|
||
getData: function(keyword = '') {
|
||
return new Promise((resolve, reject) => {
|
||
let that = this;
|
||
let token = wx.getStorageSync('token');
|
||
let gid = that.data.classificationId;
|
||
|
||
wx.showLoading();
|
||
app.util.request({
|
||
'url': 'entry/wxapp/index',
|
||
'data': {
|
||
controller: 'recipe.get_recipe_list',
|
||
token: token,
|
||
gid,
|
||
pageNum: this.pageNum,
|
||
keyword
|
||
},
|
||
dataType: 'json',
|
||
success: function(res) {
|
||
wx.stopPullDownRefresh();
|
||
if (res.data.code == 0) {
|
||
let list = res.data.data;
|
||
that.pageNum++;
|
||
resolve(list);
|
||
} else {
|
||
// 无数据
|
||
let h = {
|
||
loadMore: false
|
||
}
|
||
if (that.pageNum == 1) h.showEmpty = 1;
|
||
that.setData(h);
|
||
reject('');
|
||
}
|
||
wx.hideLoading();
|
||
}
|
||
})
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 获取信息
|
||
*/
|
||
getInfo: function() {
|
||
let that = this;
|
||
let token = wx.getStorageSync('token');
|
||
|
||
wx.showLoading();
|
||
app.util.request({
|
||
'url': 'entry/wxapp/index',
|
||
'data': {
|
||
controller: 'recipe.get_index_info'
|
||
},
|
||
dataType: 'json',
|
||
success: function(res) {
|
||
if (res.data.code) {
|
||
let {
|
||
adv_arr,
|
||
cate_list,
|
||
is_open_recipe,
|
||
modify_recipe_name,
|
||
modify_recipe_share_title,
|
||
modify_vipcard_share_image
|
||
} = res.data.code;
|
||
if (is_open_recipe != 1) {
|
||
app.util.message('未开启功能', 'switchTo:/eaterplanet_ecommerce/pages/index/index', 'error');
|
||
return;
|
||
}
|
||
|
||
wx.setNavigationBarTitle({
|
||
title: modify_recipe_name || '菜谱'
|
||
})
|
||
|
||
// 菜单
|
||
let params = {
|
||
classification: {
|
||
activeIndex: 0
|
||
}
|
||
};
|
||
let index_type_first_name = '全部';
|
||
if (cate_list.length > 0) {
|
||
cate_list.unshift({
|
||
name: index_type_first_name,
|
||
id: 0
|
||
})
|
||
params.isShowClassification = true;
|
||
params.classification.tabs = cate_list;
|
||
} else {
|
||
params.isShowClassification = false;
|
||
}
|
||
|
||
that.setData({
|
||
adv_arr: adv_arr || [],
|
||
modify_recipe_share_title,
|
||
modify_vipcard_share_image,
|
||
modify_recipe_name: modify_recipe_name || '菜谱',
|
||
...params
|
||
})
|
||
}
|
||
wx.hideLoading();
|
||
}
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 搜索
|
||
*/
|
||
goResult: function(e) {
|
||
let that = this;
|
||
let keyword = e.detail.value.replace(/\s+/g, '');
|
||
if (!keyword) {
|
||
wx.showToast({
|
||
title: '请输入关键词',
|
||
icon: 'none'
|
||
})
|
||
return;
|
||
}
|
||
this.pageNum = 1;
|
||
this.setData({
|
||
loadMore: true,
|
||
showEmpty: 0
|
||
}, () => {
|
||
that._doRefreshMasonry(keyword);
|
||
})
|
||
},
|
||
|
||
/**
|
||
* 幻灯片跳转
|
||
*/
|
||
goBannerUrl: function(t) {
|
||
let idx = t.currentTarget.dataset.idx;
|
||
let {
|
||
adv_arr,
|
||
needAuth
|
||
} = this.data;
|
||
if (adv_arr.length > 0) {
|
||
let url = adv_arr[idx].link;
|
||
let type = adv_arr[idx].linktype;
|
||
if (util.checkRedirectTo(url, needAuth)) {
|
||
this.authModal();
|
||
return;
|
||
}
|
||
if (type == 0) {
|
||
// 跳转webview
|
||
url && wx.navigateTo({
|
||
url: '/eaterplanet_ecommerce/pages/web-view?url=' + encodeURIComponent(url)
|
||
})
|
||
} else if (type == 1) {
|
||
if (url.indexOf('eaterplanet_ecommerce/pages/index/index') != -1 || url.indexOf('eaterplanet_ecommerce/pages/order/shopCart') != -1 || url.indexOf('eaterplanet_ecommerce/pages/user/me') != -1 || url.indexOf('eaterplanet_ecommerce/pages/type/index') != -1) {
|
||
url && wx.switchTab({
|
||
url: url
|
||
})
|
||
} else {
|
||
url && wx.navigateTo({
|
||
url: url
|
||
})
|
||
}
|
||
|
||
} else if (type == 2) {
|
||
// 跳转小程序
|
||
let appid = slider_list[idx].appid;
|
||
appid && wx.navigateToMiniProgram({
|
||
appId: slider_list[idx].appid,
|
||
path: url,
|
||
extraData: {},
|
||
envVersion: 'release',
|
||
success(res) {
|
||
// 打开成功
|
||
},
|
||
fail(error) {
|
||
console.log(error)
|
||
}
|
||
})
|
||
}
|
||
}
|
||
},
|
||
|
||
goLink: function (event) {
|
||
if (!this.authModal()) return;
|
||
let link = event.currentTarget.dataset.link;
|
||
var pages_all = getCurrentPages();
|
||
if (pages_all.length > 3) {
|
||
wx.redirectTo({
|
||
url: link
|
||
})
|
||
} else {
|
||
wx.navigateTo({
|
||
url: link
|
||
})
|
||
}
|
||
},
|
||
|
||
onShareAppMessage: function() {
|
||
var member_id = wx.getStorageSync('member_id');
|
||
let {
|
||
modify_recipe_share_title,
|
||
modify_vipcard_share_image,
|
||
modify_recipe_name
|
||
} = this.data;
|
||
return {
|
||
title: modify_recipe_share_title || modify_recipe_name,
|
||
path: "eaterplanet_ecommerce/moduleA/menu/index?share_id=" + member_id,
|
||
imageUrl: modify_vipcard_share_image,
|
||
success: function() {},
|
||
fail: function() {}
|
||
};
|
||
},
|
||
|
||
onShareTimeline: function() {
|
||
var member_id = wx.getStorageSync('member_id');
|
||
let {
|
||
modify_recipe_share_title,
|
||
modify_vipcard_share_image,
|
||
modify_recipe_name
|
||
} = this.data;
|
||
var query= `share_id=${member_id}`;
|
||
|
||
return {
|
||
title: modify_recipe_share_title || modify_recipe_name,
|
||
query,
|
||
imageUrl: modify_vipcard_share_image,
|
||
success: function() {},
|
||
fail: function() {}
|
||
};
|
||
}
|
||
|
||
})
|