fny-ugd-palace-uniapp/store/modules/map.js

// 用户数据模块
import api from '@/common/request/index'
import store from '@/store'
import { setStorage, getStorage, removeStorage } from '@/util/index.js'


const state = {
	memberInfo: {
		sign_site_ids: [],
	},
	siteData: []
}

const list = [
	{
		id: 1,
		x: 1008,
		y: 351,
		title: '李村站',
		desc: "“雷锋精神代代传 畅达幸福你我他”。中国梦的实现需要雷锋精神。前往李村站，留下您的感受和拍摄瞬间！",
		action: "前往李村车站打卡，为站点服务中心拍照。生活中总有一些雷锋精神打动人心，说一说您在车站遇到过哪些好人好事吧。",
		color: '',
		v: true
	},
	{
		id: 2,
		x: 948,
		y: 329,
		title: '青岛北站',
		desc: "这个春天是彩虹色！真心、诚心、爱心、热心、耐心、细心、贴心。七彩服务，点燃岛城的春天。分享出行便利，共享幸福时刻，让爱温暖畅达。",
		action: "前往青岛北站打卡，为站点服务中心拍照。真心、诚心、热心、耐心、细心与贴心的七彩服务中，哪一项服务曾经给您留下过感动时刻呢？",
		color: '',
		v: false
	},
	{
		id: 3,
		x: 503,
		y: 825,
		title: '繁华车站',
		desc: "志愿服务“英雄花”、热情贴心“幸福花”、便民服务“暖心花”、真情相伴“向阳花”、监管服务“文明花”。畅达幸福的瞬间，由您来书写。",
		action: "前往大珠山站打卡，为站点服务中心拍照。在“繁花车站”大珠山站，分享一下您遇到的车站服务暖心事！",
		color: ''
	},	
	{
		id: 4,
		x: 786,
		y: 615,
		title: '天目山路站',
		desc: "大海、啤酒与晚霞。给自己定个小目标，观影、读书、烘焙……全新的天目山路站给您什么感受 ？说给我们听！",
		action: "前往天目山路站打卡，为站点服务中心拍照。对于新开通不到半年的天目山路站，它的出现为您的日常生活带来了哪些便利？",
		color: ''
	},
	{
		id: 5,
		x: 746,
		y: 628,
		title: '丁家河站',
		desc: "三两而行，享受闲暇时光。听听音乐、看看风景，领略大自然的至善至美。拍照并留言，定格最美服务瞬间。",
		action: "前往丁家河站打卡，为站点服务中心拍照。站点的正常运转，离不开志愿者的努力。说几句鼓励的话，为无私奉献的志愿者们打打气！",
		color: '',
		v: true
	},
	{
		id: 6,
		x: 708,
		y: 648,
		title: '石油大学站',
		desc: "琴岛之眼、白色旋转木马、彩虹桥……吃喝玩乐应有尽有，在复古街头放松心情，感受新区独一无二的魅力。您心目中的“畅达幸福”是什么？",
		action: "前往石油大学站打卡，为站点服务中心拍照，并分享您对青岛地铁“畅达幸福”品牌内涵的理解。",
		color: ''
	},
]

const actions = {
	async initMap({commit}, form = {}){
		const res = await api('h5.index', form)
		if(res.code == 1){
			const { member_info, site_data } = res.data;
			commit("SET_MEMBER_INFO", member_info)
			
			const siteList = site_data.map(item => {
				const obj = list.find(function(_obj){
					return _obj.id == item.id
				}) || {}
				return {
					...item,
					...obj
				}
			})
			
			// TODO 格式化站点
			commit("SET_SITE_DATA", siteList)
			return true
		} 
	}
}

const mutations = {
	// 保存map
	['SET_MEMBER_INFO'](state, data) {
		state.memberInfo = data
	},
	// 保存站点
	['SET_SITE_DATA'](state, data) {
		state.siteData = data
	},
}

const getters = {

}

export default {
	state,
	mutations,
	actions,
	getters
}