You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
409 lines
11 KiB
409 lines
11 KiB
import WxMap from 'common/js/map-wx-jssdk.js';
|
|
|
|
let systemInfo = uni.getSystemInfoSync();
|
|
export default {
|
|
data() {
|
|
return {
|
|
diyData: {
|
|
global: {
|
|
title: '',
|
|
popWindow: {
|
|
imageUrl: '',
|
|
count: -1,
|
|
link: {},
|
|
imgWidth: '',
|
|
imgHeight: ''
|
|
}
|
|
}
|
|
},
|
|
memberId: 0,
|
|
name: '',
|
|
isDefault: '',
|
|
store: {}, //首页展示的门店详情
|
|
storeId: 0, //首页展示的门店id
|
|
pageHeight: '0',
|
|
headerHeight: '0',
|
|
bottomHeight: '0',
|
|
topIndexValue: null,
|
|
statusBarHeight: systemInfo.statusBarHeight,
|
|
collectTop: 44,
|
|
showTip: false,
|
|
mpCollect: false,
|
|
mpShareData: null, //小程序分享数据
|
|
scrollTop: 0, // 滚动位置
|
|
paddingTop: (44 + systemInfo.statusBarHeight) + 'px',
|
|
marginTop: -(44 + systemInfo.statusBarHeight) + 'px'
|
|
};
|
|
},
|
|
onLoad(data) {
|
|
this.name = data.name || '';
|
|
this.isDefault = data.is_default || '';
|
|
this.storeId = data.store_id || 0;
|
|
|
|
if (data.source_member) uni.setStorageSync('source_member', data.source_member);
|
|
|
|
// 小程序扫码进入
|
|
if (data.scene) {
|
|
var sceneParams = decodeURIComponent(data.scene);
|
|
sceneParams = sceneParams.split('&');
|
|
if (sceneParams.length) {
|
|
sceneParams.forEach(item => {
|
|
if (item.indexOf('m') != -1) uni.setStorageSync('source_member', item.split('-')[1]);
|
|
});
|
|
}
|
|
}
|
|
|
|
// 监听同步购物车
|
|
uni.$on('syncCartList', () => {
|
|
try {
|
|
this.$nextTick(() => {
|
|
if (this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList) {
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList.syncCartList();
|
|
}
|
|
})
|
|
} catch (error) {
|
|
console.log(error, 'error');
|
|
}
|
|
})
|
|
},
|
|
mounted() {
|
|
this.init();
|
|
},
|
|
onShow() {
|
|
try {
|
|
this.$nextTick(() => {
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList.syncCartList();
|
|
})
|
|
} catch (error) {
|
|
console.log(error, 'error');
|
|
}
|
|
},
|
|
computed: {
|
|
bgColor() {
|
|
let str = '';
|
|
if (this.diyData && this.diyData.global) {
|
|
str = this.diyData.global.pageBgColor;
|
|
}
|
|
return str;
|
|
},
|
|
bgImg() {
|
|
let str = '';
|
|
if (this.diyData && this.diyData.global) {
|
|
str = this.diyData.global.topNavBg ? 'url(' + this.$util.img(this.diyData.global.bgUrl) + ')' : this
|
|
.diyData.global.pageBgColor;
|
|
}
|
|
return str;
|
|
},
|
|
bgUrl() {
|
|
let str = '';
|
|
if (this.diyData && this.diyData.global) {
|
|
str = this.diyData.global.topNavBg ? 'transparent' : this.diyData.global.bgUrl;
|
|
}
|
|
return str;
|
|
},
|
|
bgNav() {
|
|
if (this.diyData.global.topNavColor) {
|
|
return {
|
|
background: this.diyData.global.topNavColor
|
|
};
|
|
} else {
|
|
return {
|
|
background: '#ffffff'
|
|
};
|
|
}
|
|
},
|
|
backgroundUrl() {
|
|
var str = this.diyData.global.bgUrl && this.diyData.global.bgUrl != 'transparent' ? 'url(' + this.$util.img(
|
|
this.diyData.global.bgUrl) + ') ' : '';
|
|
return str;
|
|
},
|
|
textNavColor() {
|
|
if (this.diyData && this.diyData.global && this.diyData.global.textNavColor) {
|
|
return this.diyData.global.textNavColor;
|
|
} else {
|
|
return '#ffffff';
|
|
}
|
|
},
|
|
openBottomNav() {
|
|
let str = false;
|
|
if (this.diyData && this.diyData.global) {
|
|
str = this.diyData.global.openBottomNav;
|
|
}
|
|
return str;
|
|
},
|
|
globalS() {
|
|
return this.diyData.global;
|
|
},
|
|
//计算首页弹框的显示宽高
|
|
popWindowStyle() {
|
|
// 做大展示宽高
|
|
let max_width = 290;
|
|
let max_height = 410;
|
|
// 参照宽高
|
|
let refer_width = 290;
|
|
let refer_height = 290;
|
|
|
|
let scale = this.diyData.global.popWindow.imgHeight / this.diyData.global.popWindow.imgWidth;
|
|
let width, height;
|
|
if (scale < refer_height / refer_width) {
|
|
width = max_width;
|
|
height = width * scale;
|
|
} else {
|
|
height = max_height;
|
|
width = height / scale;
|
|
}
|
|
|
|
let obj = '';
|
|
if (this.diyData.global.popWindow && this.diyData.global.popWindow.count != -1 && this.diyData.global
|
|
.popWindow.imageUrl) {
|
|
obj += 'height:' + (height * 2) + 'rpx;';
|
|
obj += 'width:' + (width * 2) + 'rpx;';
|
|
}
|
|
return obj;
|
|
},
|
|
scrollHeight() {
|
|
if (this.pageHeight != undefined && this.headerHeight != undefined && this.bottomHeight != undefined) {
|
|
return 'calc(' + this.pageHeight * 2 + 'rpx - ' + this.headerHeight + ' - ' + this.bottomHeight + ')';
|
|
} else {
|
|
return '100vh';
|
|
}
|
|
},
|
|
scrollTopHeight() {
|
|
if (this.pageHeight != undefined && this.headerHeight != undefined && this.bottomHeight != undefined) {
|
|
return 'calc(' + this.pageHeight * 2 + 'rpx - ' + this.headerHeight + ' - ' + this.bottomHeight +
|
|
' - 80rpx)';
|
|
} else {
|
|
return '100vh';
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
init() {
|
|
|
|
//首页
|
|
if (uni.getStorageSync('token')) {
|
|
this.$util.getMemberId().then(resolve => {
|
|
this.memberId = resolve;
|
|
});
|
|
}
|
|
|
|
this.store = uni.getStorageSync('store') ? uni.getStorageSync('store') : null;
|
|
if (this.store) this.storeId = this.store.store_id;
|
|
|
|
this.getDiyInfo();
|
|
// this.getHeight();
|
|
if (this.route == "pages/member/index") {
|
|
uni.$on('changeStore', data => {
|
|
if (data) {
|
|
this.getDiyInfo();
|
|
}
|
|
});
|
|
}
|
|
console.log(this.diyData.global.popWindow, 123);
|
|
//记录分享关系
|
|
if (uni.getStorageSync('token') && uni.getStorageSync('source_member')) {
|
|
this.$util.onSourceMember(uni.getStorageSync('source_member'));
|
|
}
|
|
|
|
//小程序分享
|
|
// #ifdef MP-WEIXIN
|
|
this.$util.getMpShare().then(res => {
|
|
this.mpShareData = res;
|
|
});
|
|
// #endif
|
|
},
|
|
// scroll(e) {
|
|
// this.scrollTop = e.detail.scrollTop;
|
|
// },
|
|
callback() {
|
|
if (this.$refs.indexPage) {
|
|
this.$refs.indexPage.initPageIndex();
|
|
}
|
|
},
|
|
//计算高度
|
|
getHeight() {
|
|
var self = this;
|
|
//获取页面可用区域的高度
|
|
uni.getSystemInfo({
|
|
success: res => {
|
|
this.pageHeight = res.screenHeight;
|
|
}
|
|
});
|
|
// #ifdef MP || APP-PLUS
|
|
this.$nextTick(() => {
|
|
const query = uni.createSelectorQuery().in(this);
|
|
query
|
|
.select('.page-header')
|
|
.boundingClientRect(data => {
|
|
if (data) {
|
|
this.headerHeight = data.height * 2 + 'rpx';
|
|
// 从状态栏高度开始算
|
|
this.paddingTop = data.height + 'px';
|
|
this.marginTop = -data.height + 'px';
|
|
}
|
|
})
|
|
.exec();
|
|
});
|
|
// #endif
|
|
this.$nextTick(() => {
|
|
const query = uni.createSelectorQuery().in(this);
|
|
query
|
|
.select('.page-bottom')
|
|
.boundingClientRect(data => {
|
|
this.bottomHeight = 110 + 'rpx';
|
|
})
|
|
.exec();
|
|
});
|
|
|
|
},
|
|
getDiyInfo() {
|
|
this.$api.sendRequest({
|
|
url: '/api/diyview/info',
|
|
data: {
|
|
name: this.name,
|
|
is_default: this.isDefault
|
|
},
|
|
success: res => {
|
|
if (res.code != 0 || !res.data) {
|
|
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
|
|
this.diyData = {};
|
|
return;
|
|
}
|
|
|
|
let diyDatavalue = res.data;
|
|
// console.log(JSON.parse(diyDatavalue.value))
|
|
//处理后台组件input输入单引号问题 -- 英文状态下
|
|
// diyDatavalue.value = diyDatavalue.value.replace(/\@/g, "'");
|
|
if (diyDatavalue.value) {
|
|
// uni.setStorageSync(this.name, diyDatavalue.value);
|
|
this.diyData = JSON.parse(diyDatavalue.value);
|
|
this.diyData.compExtend = diyDatavalue.comp_extend; // 自定义扩展组件
|
|
this.$langConfig.title(this.diyData.global.title);
|
|
this.mpCollect = this.diyData.global.mpCollect;
|
|
if (this.diyData.global.popWindow && this.diyData.global.popWindow.imageUrl) {
|
|
// 弹框形式，首次弹出 1，每次弹出 0
|
|
setTimeout(() => {
|
|
if (this.diyData.global.popWindow.count == 1) {
|
|
var popwindow_count = uni.getStorageSync(this.name +
|
|
'_popwindow_count');
|
|
if ((this.$refs.uniPopupWindow && popwindow_count == '') || (
|
|
this.$refs.uniPopupWindow && popwindow_count == 1)) {
|
|
this.$refs.uniPopupWindow.open();
|
|
uni.setStorageSync(this.name + '_popwindow_count', 1);
|
|
}
|
|
} else if (this.diyData.global.popWindow.count == 0) {
|
|
this.$refs.uniPopupWindow.open();
|
|
uni.setStorageSync(this.name + '_popwindow_count', 0);
|
|
}
|
|
}, 500);
|
|
}
|
|
|
|
for (var i = 0; i < this.diyData.value.length; i++) {
|
|
if (this.diyData.value[i].componentName == 'TopCategory') {
|
|
this.topIndexValue = this.diyData.value[i];
|
|
break;
|
|
}
|
|
}
|
|
|
|
// #ifdef MP
|
|
//小程序收藏
|
|
if (!uni.getStorageSync('isCollect') && this.diyData.global.mpCollect) {
|
|
this.$refs.collectPopupWindow.open();
|
|
this.showTip = true;
|
|
}
|
|
// #endif
|
|
|
|
|
|
if (this.diyData.value) {
|
|
this.diyData.value.forEach(item => {
|
|
if (item.componentName == "FloatBtn") {
|
|
this.floatData = item
|
|
// console.log('this.floatData', this.floatData);
|
|
uni.setStorageSync('floatData', this.floatData);
|
|
}
|
|
})
|
|
}
|
|
}
|
|
setTimeout(() => {
|
|
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
|
|
}, 150);
|
|
}
|
|
});
|
|
},
|
|
closePopupWindow() {
|
|
this.$refs.uniPopupWindow.close();
|
|
uni.setStorageSync(this.name + '_popwindow_count', -1);
|
|
},
|
|
closeCollectPopupWindow() {
|
|
this.$refs.collectPopupWindow.close();
|
|
uni.setStorageSync('isCollect', true);
|
|
},
|
|
uniPopupWindowFn() {
|
|
if (this.diyData.global.popWindow.adv_id > 0) {
|
|
this.advpoint(this.diyData.global.popWindow.adv_id)
|
|
}
|
|
this.$util.diyRedirectTo(this.diyData.global.popWindow.link);
|
|
this.closePopupWindow();
|
|
},
|
|
advpoint(adv_id) {
|
|
this.$api.sendRequest({
|
|
url: '/api/adv/advpoint',
|
|
data: {
|
|
adv_id,
|
|
},
|
|
success: res => {}
|
|
})
|
|
}
|
|
},
|
|
onPageScroll(e) {
|
|
if (this.$refs.topNav) {
|
|
if (e.scrollTop >= 20) {
|
|
this.$refs.topNav.navTopBg();
|
|
} else {
|
|
this.$refs.topNav.unSetnavTopBg();
|
|
}
|
|
}
|
|
e.scrollTop > 20 ? this.$store.state.navbarBgColor = '#fff' : this.$store.state.navbarBgColor = 'transparent'
|
|
},
|
|
//分享给好友
|
|
onShareAppMessage() {
|
|
return this.mpShareData.appMessage;
|
|
},
|
|
//分享到朋友圈
|
|
onShareTimeline() {
|
|
return this.mpShareData.timeLine;
|
|
},
|
|
onPullDownRefresh() {
|
|
if (this.route == "pages/member/index") {
|
|
console.log(`我的下拉刷新啦`);
|
|
this.memberView = false
|
|
this.$nextTick(() => {
|
|
this.memberView = true
|
|
uni.stopPullDownRefresh();
|
|
})
|
|
} else {
|
|
this.divTrue = true;
|
|
console.log(`首页下拉刷新啦`);
|
|
this.$nextTick(() => {
|
|
uni.stopPullDownRefresh();
|
|
this.getDiyInfo();
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList.getGoodsList();
|
|
})
|
|
// this.$refs.uniPopupWindow.open();
|
|
}
|
|
},
|
|
onReachBottom() {
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList0 && this.$refs.diyGroup.$refs.ManyGoodsList[0]
|
|
.$refs.diyGoodsList0.nextGoodsList();
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList1 && this.$refs.diyGroup.$refs.ManyGoodsList[0]
|
|
.$refs.diyGoodsList1.nextGoodsList();
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList2 && this.$refs.diyGroup.$refs.ManyGoodsList[0]
|
|
.$refs.diyGoodsList2.nextGoodsList();
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList3 && this.$refs.diyGroup.$refs.ManyGoodsList[0]
|
|
.$refs.diyGoodsList3.nextGoodsList();
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList4 && this.$refs.diyGroup.$refs.ManyGoodsList[0]
|
|
.$refs.diyGoodsList4.nextGoodsList();
|
|
this.$refs.diyGroup.$refs.ManyGoodsList[0].$refs.diyGoodsList5 && this.$refs.diyGroup.$refs.ManyGoodsList[0]
|
|
.$refs.diyGoodsList5.nextGoodsList();
|
|
}
|
|
}
|