景徳镇旅游微信小程序
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.
 
 
 

239 lines
4.8 KiB

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex); //vue的插件机制
import api from '@/api/api.js'
import Position from '@/utils/position.js'
//Vuex.Store 构造器选项
const store = new Vuex.Store({
state: {
configList: [], //配置列表
position : {//定位信息
latitude : 0,
longitude : 0,
},
userInfo : {},//用户信息
cartList : [],//购物车列表
banner : {},
cartCheckboxValue : [],//选中的购物车
spotList : [],//所有的地点
spotGuideIndex : 0,//导览页面当前选择标签
areaId : 0,//景区id
},
getters: {
spotGuide(state){
return state.spotList.filter(n => {
// let i = state.spotGuideIndex < 2 ?
// 0 : state.spotGuideIndex - 1
if(state.spotGuideIndex != n.categoryId){
return false
}
if(state.areaId != n.areaId){
return false
}
return true
})
},
spotGuideMarkers(state){
let list = []
state.spotList.forEach((n, index) => {
if(state.spotGuideIndex != n.categoryId){
return
}
if(state.areaId != n.areaId){
return
}
list.push({
latitude: n.spotLatitude,
longitude: n.spotLongitude,
width: 20, //图标icon 宽度
height: 28 ,//图标icon 高度
iconPath: `/static/image/tourGuide/${n.categoryId}.png`, //图标
id: index,
})
})
return list
},
},
mutations: {
// 初始化配置
initConfig(state){
// api('getConfig', res => {
// if(res.code == 200){
// state.configList = res.result
// }
// })
let config = ['getPrivacyPolicy', 'getUserAgreement']
config.forEach(k => {
api(k, res => {
if (res.code == 200) {
state.configList[k] = res.result
}
})
})
},
// 导览页面设置当前选择的菜单,0-景点 1-美食店铺 2-民宿 3-厕所
setSpotGuideIndex(state, index){
state.spotGuideIndex = index
},
setAreaId(state, areaId){
state.areaId = areaId
},
// 获取所有页面的轮播图
getBanner(state){
// 0-首页 1-遗产路径 2-我要跟拍 3-非遗体验 4-无忧服务 5申遗历程
let config = ['path', 'follow', 'experience', 'service', 'course']
config.forEach((k, i) => {
api('queryBannerList', {
bannerCategoryType : i + 1,
}, res => {
if(res.code == 200){
state.banner[k] = res.result
}
})
})
},
getSpotList(state){
api('querySpotList', {
pageNo : 1,
pageSize : 999999999,
}, res => {
if(res.code == 200){
let spot = []
res.result.records.forEach(n => {
if(n.spotLatitude && n.spotLongitude){
n.distance = 0
spot.push(n)
}
})
Position.calculateDistance()
state.spotList = spot
this.commit('calculateDistance')
}
})
},
// 计算地点与自己的距离
calculateDistance(state){
if(state.spotList.length && state.position.latitude){
state.spotList.forEach(n => {
n.distance = parseFloat(Position.calculateDistance(
state.position.latitude,
state.position.longitude,
n.spotLatitude,
n.spotLongitude,
3
))
})
// 排序,最近的在前面
state.spotList.sort((a, b) => a.distance - b.distance)
console.log(state.spotList);
}
},
// 查询购物车
getCartList(state){
api('queryShopcarList', {
pageNo : 1,
pageSize : 999999999,
}, res => {
if(res.code == 200){
state.cartCheckboxValue = []
res.result.forEach(n => {
state.cartCheckboxValue.push(n.id)
})
state.cartList = res.result
}
})
},
login(state){
uni.showLoading({
title: '登录中...'
})
uni.login({
success(res) {
if(res.errMsg != "login:ok"){
return
}
api('wxLogin', {
code : res.code,
latitude : state.position.latitude,
longitude : state.position.longitude,
}, res => {
uni.hideLoading()
if(res.code != 200){
return
}
state.userInfo = res.result.userInfo
uni.setStorageSync('token', res.result.token)
// if(!state.userInfo.nickName || !state.userInfo.headImage){
// uni.navigateTo({
// url: '/pages_order/auth/wxUserInfo'
// })
// }else{
uni.navigateBack(-1)
// }
})
}
})
},
getUserInfo(state){
api('infoGetInfo', res => {
if(res.code == 200){
state.userInfo = res.result
}
})
},
logout(state){
uni.showModal({
title: '确认退出登录吗',
success(r) {
if(r.confirm){
uni.removeStorageSync('token')
uni.redirectTo({
url: '/pages/index/index'
})
}
}
})
},
getPosition(state){
Position.getLocation(res => {
state.position = res
this.commit('calculateDistance')
})
},
},
actions: {},
})
export default store