|
|
|
// pages/reservr/index.js
|
|
|
|
var mta = require('mta-wechat-analysis')
|
|
|
|
import util from '../../utils/util';
|
|
|
|
import App from '../../utils/api';
|
|
|
|
import DA from './data';
|
|
|
|
import reddot from '../../utils/reddot';
|
|
|
|
import PubSub from '../../utils/PubSub'
|
|
|
|
const {regeneratorRuntime} = global
|
|
|
|
const mapScale=15//18;
|
|
|
|
const barHeight=50;
|
|
|
|
const transverseViewHeight=253+barHeight;
|
|
|
|
|
|
|
|
const renNum=function(){
|
|
|
|
let arr=[]
|
|
|
|
for(let i=1;i<=30;i++){
|
|
|
|
arr.push(i+'位')
|
|
|
|
}
|
|
|
|
return arr;
|
|
|
|
}
|
|
|
|
const cates_version='?1.2';
|
|
|
|
const hasSellerConcat=false;//变量存储所有商户
|
|
|
|
const def_latitude=39.684670;
|
|
|
|
const def_longitude=118.176300;
|
|
|
|
Page({
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 页面的初始数据
|
|
|
|
*/
|
|
|
|
data: {
|
|
|
|
map: {
|
|
|
|
latitude: def_latitude+0.0001,
|
|
|
|
longitude: def_longitude+0.0001,
|
|
|
|
scale: mapScale,
|
|
|
|
height: 300,
|
|
|
|
},
|
|
|
|
markers: [],
|
|
|
|
//polygons:{},
|
|
|
|
//sellers:[],
|
|
|
|
multiArray: ['全部菜系'],
|
|
|
|
multiIndex: [0],
|
|
|
|
//scrollIntoView:'',
|
|
|
|
suggestion:{},
|
|
|
|
hasSuggestion:false,//搜索返回
|
|
|
|
current:0,
|
|
|
|
hasSellers:false,
|
|
|
|
hasGetSellersEnd:false,
|
|
|
|
hasSetActivity:false,
|
|
|
|
tags:[
|
|
|
|
{id:1,name:'环境好'},
|
|
|
|
{id:2,name:'菜品有特色'},
|
|
|
|
{id:3,name:'超大包间'},
|
|
|
|
],
|
|
|
|
listMoreCount:0,
|
|
|
|
hasSearchLimit:false,
|
|
|
|
hasGetPos:false,
|
|
|
|
},
|
|
|
|
hasClickMoveToLocation:false,//点击回到我的位置
|
|
|
|
hasSellerConcat:hasSellerConcat,
|
|
|
|
transverseViewHeight:transverseViewHeight,//横向滚动高度,苹果要比安卓多20
|
|
|
|
//qqmapsdk:null,
|
|
|
|
sellers: [],
|
|
|
|
sellersIds:[],
|
|
|
|
sellersNow:[],//本次视图内商户
|
|
|
|
searchAddrTop:50,
|
|
|
|
user:{
|
|
|
|
latitude: def_latitude,
|
|
|
|
longitude: def_longitude,
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面加载
|
|
|
|
*/
|
|
|
|
hasOnLoad:false,
|
|
|
|
hasGetLocation:false,//定位信息
|
|
|
|
hasAppHide:false,//app切至后台
|
|
|
|
param:{},
|
|
|
|
onLoad: async function (options) {
|
|
|
|
this.reportTime=new Date()
|
|
|
|
|
|
|
|
this.hasOnLoad=true;
|
|
|
|
// this.qqmapsdk=new QQMapWX({
|
|
|
|
// key: 'SDEBZ-I74W4-QLGUX-XXYXU-HIR23-3QFBJ'
|
|
|
|
// });
|
|
|
|
this.setData({
|
|
|
|
multiArray:[['全部菜系'].concat(await DA.getCates())]
|
|
|
|
})
|
|
|
|
mta.Page.init({
|
|
|
|
"appID": "500667280",
|
|
|
|
"eventID": "500667287",
|
|
|
|
"statPullDownFresh": true,
|
|
|
|
"statShareApp": true,
|
|
|
|
"statReachBottom": true,
|
|
|
|
"lauchOpts": options, //渠道分析
|
|
|
|
});
|
|
|
|
PubSub.on(
|
|
|
|
'searchParam',
|
|
|
|
data=>{
|
|
|
|
console.log('searchParam.msg',data)
|
|
|
|
if(data.fun=='tagsChange'){
|
|
|
|
this.tagsChange(data.e);
|
|
|
|
}
|
|
|
|
if(data.fun=='caixiActive'){
|
|
|
|
this.caixiActive(data.e);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
)
|
|
|
|
PubSub.on(
|
|
|
|
'appHide',
|
|
|
|
data=>{
|
|
|
|
console.log('appHide');
|
|
|
|
let pages=getCurrentPages();
|
|
|
|
if(pages.length==1){//用户停留在首页
|
|
|
|
this.hasGetLocation=false
|
|
|
|
this.hasClickMoveToLocation=false
|
|
|
|
this.hasAppHide=true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
)
|
|
|
|
reddot.init()
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
|
*/
|
|
|
|
mapCtx: null,
|
|
|
|
mapData:{
|
|
|
|
lat:'',
|
|
|
|
lng:'',
|
|
|
|
latitude: 0,
|
|
|
|
longitude: 0,
|
|
|
|
scale: 18,
|
|
|
|
hasRegionchange:false,
|
|
|
|
region:{
|
|
|
|
southwest:{},
|
|
|
|
northeast:{},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mapDataLast:null,//最后一次成功视角，防止地图视角丢失
|
|
|
|
onReady: function () {
|
|
|
|
if (wx.canIUse('reportPerformance')) {
|
|
|
|
wx.reportPerformance(2002, new Date()-this.reportTime)
|
|
|
|
}
|
|
|
|
this.mapCtx = wx.createMapContext('map')
|
|
|
|
// this.mapCtx.moveToLocation({
|
|
|
|
// success:(res)=>{
|
|
|
|
// console.log('moveToLocation',res)
|
|
|
|
// }
|
|
|
|
// })
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面显示
|
|
|
|
*/
|
|
|
|
onShow: async function (e) {
|
|
|
|
if (typeof this.getTabBar === 'function' &&
|
|
|
|
this.getTabBar()) {
|
|
|
|
this.getTabBar().setData({
|
|
|
|
selected: 0
|
|
|
|
})
|
|
|
|
}
|
|
|
|
console.log({
|
|
|
|
'this.hasGetLocation':this.hasGetLocation,
|
|
|
|
'this.hasOnLoad':this.hasOnLoad,
|
|
|
|
'this.hasClickMoveToLocation':this.hasClickMoveToLocation,
|
|
|
|
'this.data.hasSuggestion':this.data.hasSuggestion,
|
|
|
|
})
|
|
|
|
this.getClassNameFlag=true;
|
|
|
|
//this.getPos();
|
|
|
|
if(this.data.hasSuggestion) return;
|
|
|
|
if(!this.hasOnLoad && this.hasGetLocation) return;
|
|
|
|
this.hasOnLoad=false;
|
|
|
|
//导航栏自适应
|
|
|
|
let systemInfo = wx.getSystemInfoSync();
|
|
|
|
console.log('systemInfo:',systemInfo)
|
|
|
|
let reg = /ios/i;
|
|
|
|
let pt = 20;//导航状态栏上内边距
|
|
|
|
let h = 44;//导航状态栏高度
|
|
|
|
if(reg.test(systemInfo.system)){
|
|
|
|
pt = systemInfo.statusBarHeight;
|
|
|
|
h = 44;
|
|
|
|
if(systemInfo.pixelRatio>2){
|
|
|
|
this.transverseViewHeight=transverseViewHeight+26;
|
|
|
|
}
|
|
|
|
}else{
|
|
|
|
if(/xiaomi/i.test(systemInfo.brand)){
|
|
|
|
this.transverseViewHeight=transverseViewHeight+15;
|
|
|
|
}else{
|
|
|
|
//this.transverseViewHeight=transverseViewHeight+20;
|
|
|
|
}
|
|
|
|
pt = systemInfo.statusBarHeight;
|
|
|
|
h = 48;
|
|
|
|
}
|
|
|
|
console.log('onShow',systemInfo,systemInfo.windowHeight,systemInfo.windowHeight-this.transverseViewHeight)
|
|
|
|
this.setData({
|
|
|
|
[`map.height`]: systemInfo.windowHeight-this.transverseViewHeight,
|
|
|
|
statusBarHeight: pt,
|
|
|
|
titleBarHeight:h,
|
|
|
|
})
|
|
|
|
//this.getPos(systemInfo);
|
|
|
|
this.systemInfo=systemInfo
|
|
|
|
//this.selectComponent('#getpos').getPos();
|
|
|
|
if(!this.hasClickMoveToLocation){
|
|
|
|
//this.getMarkers();
|
|
|
|
//this.timeoutGetMarkers();
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
|
*/
|
|
|
|
onHide: function (e) {
|
|
|
|
util.elog(null,'离开地图页')
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
|
*/
|
|
|
|
onUnload: function () {
|
|
|
|
PubSub.off('searchParam')
|
|
|
|
PubSub.off('appHide')
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
|
*/
|
|
|
|
onPullDownRefresh: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
|
*/
|
|
|
|
onReachBottom: function () {
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 用户点击右上角分享
|
|
|
|
*/
|
|
|
|
onShareAppMessage: function () {
|
|
|
|
return{
|
|
|
|
title:'请客订包间，就上周到安排'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
onpos(e){
|
|
|
|
console.log('onpos',e);
|
|
|
|
let res=e.detail;
|
|
|
|
if(!res.latitude) return this.timeoutGetMarkers();
|
|
|
|
this.hasGetLocation=true;
|
|
|
|
this.sellersIds=[]
|
|
|
|
this.sellers=[]
|
|
|
|
let map = this.data.map;
|
|
|
|
map.latitude = res.latitude;
|
|
|
|
map.longitude = res.longitude;
|
|
|
|
map.scale=mapScale;
|
|
|
|
this.user.latitude = res.latitude;
|
|
|
|
this.user.longitude = res.longitude;
|
|
|
|
map.height = this.systemInfo.windowHeight-this.transverseViewHeight
|
|
|
|
let sdobj={
|
|
|
|
map: map,
|
|
|
|
hasSuggestion:false,
|
|
|
|
}
|
|
|
|
if(!this.hasSellerConcat){
|
|
|
|
sdobj.markers=[]
|
|
|
|
}
|
|
|
|
this.setData(sdobj)
|
|
|
|
this.timeoutGetMarkers()
|
|
|
|
/*
|
|
|
|
if(this.mapCtx){
|
|
|
|
//this.mapCtx.moveToLocation();
|
|
|
|
this.mapCtx.getRegion({
|
|
|
|
success:(res)=>{
|
|
|
|
console.log('onpos.getRegion',res)
|
|
|
|
if(this.mapData.region.southwest.latitude) {
|
|
|
|
this.mapData.region = res
|
|
|
|
this.timeoutGetMarkers()
|
|
|
|
}
|
|
|
|
},
|
|
|
|
})
|
|
|
|
}
|
|
|
|
*/
|
|
|
|
},
|
|
|
|
regionchange(e){
|
|
|
|
if(e.type!='end') return;
|
|
|
|
console.log('regionchange', e)
|
|
|
|
if(typeof this.mapCtx=='undefined' || !this.mapCtx) return;
|
|
|
|
this.getClassNameFlag=true;
|
|
|
|
this.mapCtx.getScale({
|
|
|
|
success: (res) => {
|
|
|
|
this.mapData.scale = res.scale;
|
|
|
|
console.log('regionchange.getScale', res, this.data.map.scale)
|
|
|
|
},
|
|
|
|
})
|
|
|
|
this.mapCtx.getCenterLocation({
|
|
|
|
success:(res)=>{
|
|
|
|
console.log('regionchange.getCenterLocation',res)
|
|
|
|
this.mapData.latitude=res.latitude;
|
|
|
|
this.mapData.longitude=res.longitude;
|
|
|
|
if(this.mapData.lat=='' && res.latitude.toString().length>6 && res.longitude.toString().length>6){
|
|
|
|
this.mapData.lat=res.latitude;
|
|
|
|
this.mapData.lng=res.longitude;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
});
|
|
|
|
this.mapCtx.getRegion({
|
|
|
|
success:(res)=>{
|
|
|
|
console.log('regionchange.getRegion',res.southwest.latitude,this.mapData.region.southwest.latitude,res)
|
|
|
|
this.hasClickMoveToLocation=false
|
|
|
|
if(res.southwest.latitude) {
|
|
|
|
this.mapData.region = res
|
|
|
|
};
|
|
|
|
this.timeoutGetMarkers();
|
|
|
|
},
|
|
|
|
})
|
|
|
|
},
|
|
|
|
setTimeoutGetMarkers:'',
|
|
|
|
timeoutGetMarkers(){//延时获取
|
|
|
|
if(this.setTimeoutGetMarkers){
|
|
|
|
clearTimeout(this.setTimeoutGetMarkers);
|
|
|
|
this.setTimeoutGetMarkers='';
|
|
|
|
}
|
|
|
|
this.setTimeoutGetMarkers=setTimeout(()=>{
|
|
|
|
this.getMarkers();
|
|
|
|
},300)
|
|
|
|
},
|
|
|
|
mapUpdated(e){
|
|
|
|
console.log('mapUpdated', e)
|
|
|
|
if(typeof this.mapCtx=='undefined' || !this.mapCtx) return;
|
|
|
|
this.getClassNameFlag=true;
|
|
|
|
this.mapCtx.getScale({
|
|
|
|
success:(res)=>{
|
|
|
|
this.mapData.scale=res.scale;
|
|
|
|
console.log('mapUpdated.getScale',res,this.data.map.scale)
|
|
|
|
},
|
|
|
|
})
|
|
|
|
this.mapCtx.getCenterLocation({
|
|
|
|
success:(res)=>{
|
|
|
|
console.log('mapUpdated.getCenterLocation',res)
|
|
|
|
this.mapData.latitude=res.latitude;
|
|
|
|
this.mapData.longitude=res.longitude;
|
|
|
|
if(this.mapData.lat=='' && res.latitude.toString().length>6 && res.longitude.toString().length>6){
|
|
|
|
this.mapData.lat=res.latitude;
|
|
|
|
this.mapData.lng=res.longitude;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
});
|
|
|
|
this.mapCtx.getRegion({
|
|
|
|
success:(res)=>{
|
|
|
|
if(this.mapData.region.southwest.latitude=='' || !res.southwest.latitude) return;
|
|
|
|
console.log('mapUpdated.getRegion',[res.southwest.latitude,this.mapData.region.southwest.latitude])
|
|
|
|
this.mapData.region=res
|
|
|
|
//this.timeoutGetMarkers();
|
|
|
|
},
|
|
|
|
})
|
|
|
|
},
|
|
|
|
hasMarkertap:false,
|
|
|
|
markertap(e,flag=true){
|
|
|
|
if(e.markerId=='location' || e.markerId=='locationMe')return;
|
|
|
|
this.hasMarkertap=false
|
|
|
|
let markers=this.data.markers;
|
|
|
|
console.log('markertap',e)
|
|
|
|
this.activeSellerID=e.markerId
|
|
|
|
let bl=1.2;
|
|
|
|
let current=0,hasCurrent=true;
|
|
|
|
markers.forEach((m,i)=>{
|
|
|
|
m.iconPath=m.iconPath.replace('/cates-active/','/cates/')
|
|
|
|
m.zIndex=m.zIndexBak
|
|
|
|
if(m.width==20*bl){
|
|
|
|
m.width=20;
|
|
|
|
m.height=25;
|
|
|
|
}
|
|
|
|
if(m.width==12){
|
|
|
|
m.width=8;
|
|
|
|
m.height=8;
|
|
|
|
}
|
|
|
|
if(m.callout){
|
|
|
|
m.callout.borderColor= '#cccccc';
|
|
|
|
m.callout.bgColor= '#fefefe';
|
|
|
|
m.callout.color= '#353535';
|
|
|
|
m.callout.display=m.calloutDisplay;
|
|
|
|
}
|
|
|
|
if(m.id==e.markerId){
|
|
|
|
m.iconPath=m.iconPath.replace('/cates/','/cates-active/')
|
|
|
|
if(m.width==20){
|
|
|
|
m.width=20*bl;
|
|
|
|
m.height=25*bl;
|
|
|
|
}else{
|
|
|
|
m.width=12;
|
|
|
|
m.height=12;
|
|
|
|
}
|
|
|
|
m.zIndex=9999
|
|
|
|
if(m.callout){
|
|
|
|
m.callout.borderColor= '#F05522';
|
|
|
|
m.callout.bgColor= '#F05522';
|
|
|
|
m.callout.color= '#fefefe';
|
|
|
|
m.callout.display='ALWAYS';
|
|
|
|
}
|
|
|
|
hasCurrent=false
|
|
|
|
if("markertap"==e.type){
|
|
|
|
util.elog({id:m.seller.id,sellername:m.seller.sellername},'点击地图区域的店铺标记')
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
if(m.display!='none' && hasCurrent){
|
|
|
|
current++
|
|
|
|
}
|
|
|
|
})
|
|
|
|
let obj={
|
|
|
|
markers:markers,
|
|
|
|
};
|
|
|
|
console.log('markertap::current,',current);
|
|
|
|
if(flag){
|
|
|
|
//obj.scrollIntoView='seller-'+e.markerId;
|
|
|
|
obj.current=current;
|
|
|
|
//this.hasMarkertap=true;
|
|
|
|
}
|
|
|
|
this.setData(obj)
|
|
|
|
},
|
|
|
|
hasInRegionFlag:false,
|
|
|
|
hasInRegion(){//定位是否在地图视野内
|
|
|
|
let map = this.mapData;
|
|
|
|
if(!map.region.northeast.latitude || !map.region.northeast.longitude) {//未获得视野
|
|
|
|
if(this.mapDataLast){
|
|
|
|
this.mapData=this.mapDataLast
|
|
|
|
}
|
|
|
|
return {flag:false,msg:'未获得视野',map:map,mapDataLast:this.mapDataLast};
|
|
|
|
}
|
|
|
|
if(!map.region.southwest.latitude || !map.region.southwest.longitude) {//未获得视野
|
|
|
|
if(this.mapDataLast){
|
|
|
|
this.mapData=this.mapDataLast
|
|
|
|
}
|
|
|
|
return {flag:false,msg:'未获得视野',map:map,mapDataLast:this.mapDataLast};
|
|
|
|
}
|
|
|
|
this.mapDataLast=JSON.parse(JSON.stringify(this.mapData));
|
|
|
|
if(this.hasInRegionFlag) return {flag:true,msg:'二次获取'};
|
|
|
|
if(!this.user.latitude) return {flag:false,msg:'用户无定位'};//用户无定位
|
|
|
|
//if(this.user.latitude==def_latitude && this.user.longitude==def_longitude) return false;//默认位置
|
|
|
|
///判断定位 首次 进入视野
|
|
|
|
if((this.user.latitude>map.region.southwest.latitude
|
|
|
|
&& this.user.longitude>map.region.southwest.longitude
|
|
|
|
&& this.user.latitude<map.region.northeast.latitude
|
|
|
|
&& this.user.longitude<map.region.northeast.longitude) || this.data.hasSuggestion){
|
|
|
|
this.hasInRegionFlag=true;
|
|
|
|
return {flag:true,msg:'用户首次或搜索地标'};
|
|
|
|
}else{
|
|
|
|
//视野不匹配
|
|
|
|
this.mapCtx.getRegion({
|
|
|
|
success:(res)=>{
|
|
|
|
console.log('hasInRegion.getRegion',res)
|
|
|
|
this.mapData.region=res
|
|
|
|
},
|
|
|
|
})
|
|
|
|
}
|
|
|
|
return {flag:false,msg:'视野不匹配'};
|
|
|
|
},
|
|
|
|
async getMarkers(){
|
|
|
|
let cmap=this.data.map;
|
|
|
|
let map = this.mapData;
|
|
|
|
//console.log('getMarkers',map.region);
|
|
|
|
let region=this.hasInRegion();
|
|
|
|
console.log('this.hasInRegion',region)
|
|
|
|
if(!region.flag) {
|
|
|
|
return setTimeout(()=>{
|
|
|
|
this.getMarkers();
|
|
|
|
},300)
|
|
|
|
}
|
|
|
|
let markers = [];
|
|
|
|
let param={
|
|
|
|
lat: this.user.latitude==def_latitude?'':this.user.latitude,
|
|
|
|
lng: this.user.longitude==def_longitude?'':this.user.longitude,
|
|
|
|
offset: 0,
|
|
|
|
rows: 50,
|
|
|
|
distance: 100000,
|
|
|
|
map:JSON.stringify({...this.mapData.region,scale:this.mapData.scale>=19?20:this.mapData.scale})
|
|
|
|
}
|
|
|
|
if(this.data.multiIndex[0]>0){
|
|
|
|
param.cuisine=await DA.getCatesID(this.data.multiIndex[0]-1);
|
|
|
|
}
|
|
|
|
let tags=[];
|
|
|
|
this.data.tags.forEach(t=>{
|
|
|
|
if(t.active){
|
|
|
|
tags.push(t.id)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
if(tags.length>0){
|
|
|
|
param.tags=tags;
|
|
|
|
}
|
|
|
|
if(param.lat){
|
|
|
|
param.centre_pos=`${param.lat},${param.lng}`
|
|
|
|
}else{
|
|
|
|
let lat=(this.mapData.region.southwest.latitude+this.mapData.region.northeast.latitude)/2
|
|
|
|
let lng=(this.mapData.region.southwest.longitude+this.mapData.region.northeast.longitude)/2
|
|
|
|
param.centre_pos=`${lat},${lng}`
|
|
|
|
}
|
|
|
|
if(this.data.hasSuggestion){
|
|
|
|
param.centre_pos=`${this.data.suggestion.latitude},${this.data.suggestion.longitude}`
|
|
|
|
}
|
|
|
|
if(this.findSellerData){
|
|
|
|
param=Object.assign(param,this.findSellerData.paramObj)
|
|
|
|
}
|
|
|
|
this.selectComponent('#list').getList(param);
|
|
|
|
this.param=param;
|
|
|
|
let now_sid=[];
|
|
|
|
App.Customer.SellerList(param).then(async res => {
|
|
|
|
//this.mapData.region.southwest.latitude='';
|
|
|
|
if (res.ret == 200) {
|
|
|
|
let sellersList=res.data;
|
|
|
|
let sellersLength=sellersList.length;
|
|
|
|
sellersList.forEach((seller,si) => {
|
|
|
|
now_sid.push(seller.id);
|
|
|
|
let hasMark=false;
|
|
|
|
if(this.sellersIds._indexOf(seller.id)<0){
|
|
|
|
// if(seller.distance || seller.distance===0){
|
|
|
|
// seller.distance=parseInt(seller.distance);
|
|
|
|
// if(seller.distance>1000){
|
|
|
|
// seller.distance=(seller.distance/1000).toFixed(2)+'km'
|
|
|
|
// }else{
|
|
|
|
// seller.distance+='m';
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
if(this.hasSellerConcat){
|
|
|
|
this.sellersIds.push(seller.id);
|
|
|
|
}
|
|
|
|
hasMark=true;
|
|
|
|
}
|
|
|
|
if(hasMark){
|
|
|
|
if(this.findSellerData){
|
|
|
|
seller.findSellerParamObj=this.findSellerData.paramObj
|
|
|
|
}
|
|
|
|
let marker={
|
|
|
|
id: seller.id,
|
|
|
|
iconPath: "http://nosqn.colorcun.com/custom/lite-online/cates/circle1x5.png"+cates_version,
|
|
|
|
latitude: seller.lat,
|
|
|
|
longitude: seller.long,
|
|
|
|
width: 8,
|
|
|
|
height: 8,
|
|
|
|
//title:seller.seller_name,
|
|
|
|
zIndex:sellersLength-si,
|
|
|
|
zIndexBak:sellersLength-si,
|
|
|
|
seller:seller,
|
|
|
|
};
|
|
|
|
marker.callout={
|
|
|
|
content: ' ' + seller.sellername + ' ',
|
|
|
|
color: '#353535',
|
|
|
|
fontSize: 12,
|
|
|
|
borderWidth: 1,
|
|
|
|
borderColor: '#cccccc',
|
|
|
|
borderRadius: 50,
|
|
|
|
bgColor: '#fefefe',
|
|
|
|
padding: 5,
|
|
|
|
textAlign: 'left',
|
|
|
|
display:'BYCLICK',
|
|
|
|
};
|
|
|
|
marker.calloutDisplay='BYCLICK';
|
|
|
|
if(seller.mode.length>0){
|
|
|
|
seller.mode.forEach(x=>{
|
|
|
|
if(x.id==1){//大图标
|
|
|
|
marker.iconPath="http://nosqn.colorcun.com/custom/lite-online/cates/其他菜品.png";
|
|
|
|
if(seller.cate.length>0){
|
|
|
|
marker.iconPath=seller.cate[0].icon
|
|
|
|
}
|
|
|
|
marker.iconPath=marker.iconPath.replace(/\/cates\/(.*)\.png/,function ($0,$1) {
|
|
|
|
return '/cates/'+encodeURI($1)+'.png'
|
|
|
|
})
|
|
|
|
marker.iconPath+=cates_version
|
|
|
|
marker.width=20;
|
|
|
|
marker.height=25;
|
|
|
|
}
|
|
|
|
if(x.id==2){//商家名
|
|
|
|
marker.callout.display='ALWAYS';
|
|
|
|
marker.calloutDisplay='ALWAYS';
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
markers.push(marker)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
console.log('接口报错了');
|
|
|
|
}
|
|
|
|
this.sellersNow=now_sid;
|
|
|
|
let obj={
|
|
|
|
hasSellers:now_sid.length>0,
|
|
|
|
hasGetSellersEnd:true,
|
|
|
|
hasSearchLimit:(tags.length>0 || this.data.multiIndex[0]>0) || this.findSellerData
|
|
|
|
}
|
|
|
|
if(this.hasSellerConcat){
|
|
|
|
obj.markers=this.data.markers.concat(markers);
|
|
|
|
}else{
|
|
|
|
obj.markers=markers;
|
|
|
|
}
|
|
|
|
obj.markers.forEach(mk=>{
|
|
|
|
//mk.display='none';
|
|
|
|
if(now_sid._indexOf(mk.id)>-1){
|
|
|
|
mk.display='';
|
|
|
|
}
|
|
|
|
})
|
|
|
|
obj.markers=await this.setLocationMarker(obj.markers);
|
|
|
|
this.setData(obj)
|
|
|
|
if(now_sid.length>0) {
|
|
|
|
setTimeout(() => {
|
|
|
|
this.markertap({
|
|
|
|
markerId: now_sid._indexOf(this.activeSellerID) < 0?now_sid[0]:this.activeSellerID
|
|
|
|
}, true)
|
|
|
|
}, 100)
|
|
|
|
}
|
|
|
|
this.IsSetActivity();
|
|
|
|
})
|
|
|
|
|
|
|
|
},
|
|
|
|
//seller box 通知
|
|
|
|
sellerBoxEvent(e){
|
|
|
|
wx.showTabBar();
|
|
|
|
},
|
|
|
|
moveToLocation(){
|
|
|
|
this.hasClickMoveToLocation=true
|
|
|
|
if(this.user.latitude==def_latitude && this.user.longitude==def_longitude){
|
|
|
|
this.selectComponent('#getpos').getPos(true);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
this.sellersIds=[]
|
|
|
|
this.sellers=[]
|
|
|
|
let map = this.data.map;
|
|
|
|
map.latitude = this.user.latitude;
|
|
|
|
map.longitude = this.user.longitude;
|
|
|
|
map.scale=mapScale;
|
|
|
|
map.height = this.systemInfo.windowHeight-this.transverseViewHeight
|
|
|
|
let sdobj={
|
|
|
|
map: map,
|
|
|
|
hasSuggestion:false,
|
|
|
|
hasGetSellersEnd:false,
|
|
|
|
}
|
|
|
|
if(!this.hasSellerConcat){
|
|
|
|
sdobj.markers=[]
|
|
|
|
}
|
|
|
|
this.setData(sdobj)
|
|
|
|
this.mapCtx.moveToLocation({
|
|
|
|
success:(res)=>{
|
|
|
|
console.log('moveToLocation',res)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
bindMultiPickerChange(e){
|
|
|
|
console.log(e);
|
|
|
|
let val=util.val(e);
|
|
|
|
this.setData({
|
|
|
|
multiIndex:val
|
|
|
|
})
|
|
|
|
this.hasSellerConcat=hasSellerConcat;
|
|
|
|
this.sellersIds=[];
|
|
|
|
if(val[0]>0){
|
|
|
|
this.hasSellerConcat=false;
|
|
|
|
}else{
|
|
|
|
if(!this.hasSellerConcat){
|
|
|
|
this.setData({
|
|
|
|
markers:[]
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
setTimeout(()=>{this.getMarkers();},0)
|
|
|
|
},
|
|
|
|
setSuggestion(suggestion){
|
|
|
|
let map=this.data.map;
|
|
|
|
//let pos=DA.gcj02towgs84(suggestion.longitude,suggestion.latitude)
|
|
|
|
map.latitude=suggestion.latitude
|
|
|
|
map.longitude=suggestion.longitude
|
|
|
|
if(suggestion.type==-1){//平台商户
|
|
|
|
this.activeSellerID=suggestion.id
|
|
|
|
map.scale=20
|
|
|
|
}else{
|
|
|
|
map.scale=mapScale
|
|
|
|
}
|
|
|
|
this.sellersIds=[]
|
|
|
|
this.sellers=[]
|
|
|
|
let sdobj={
|
|
|
|
map: map,
|
|
|
|
hasSuggestion:true,
|
|
|
|
suggestion:suggestion,
|
|
|
|
hasGetSellersEnd:false,
|
|
|
|
}
|
|
|
|
if(!this.hasSellerConcat){
|
|
|
|
sdobj.markers=[]
|
|
|
|
}
|
|
|
|
//this.findSellerData=null//清理搜索
|
|
|
|
this.setData(sdobj)
|
|
|
|
},
|
|
|
|
|
|
|
|
getClassNameFlag:true,
|
|
|
|
activeSellerID:'',
|
|
|
|
bindscroll(e){
|
|
|
|
if(!this.getClassNameFlag) return;
|
|
|
|
this.getClassNameFlag=false;
|
|
|
|
let w=e.detail.scrollWidth/this.sellers.length;
|
|
|
|
let i=Math.round(e.detail.scrollLeft/w);
|
|
|
|
console.log(e.detail,this.sellers,i);
|
|
|
|
if(this.activeSellerID!=this.sellers[i].id){
|
|
|
|
this.activeSellerID=this.sellers[i];
|
|
|
|
this.markertap({
|
|
|
|
markerId:this.sellers[i].id
|
|
|
|
},false)
|
|
|
|
}
|
|
|
|
let that=this;
|
|
|
|
setTimeout(function(){
|
|
|
|
that.getClassNameFlag=true;
|
|
|
|
},300)
|
|
|
|
},
|
|
|
|
bindtransition(e){
|
|
|
|
if(this.hasMarkertap){
|
|
|
|
this.hasMarkertap=false;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
let i=e.detail.current
|
|
|
|
if(typeof this.data.markers[i]=='undefined') return;
|
|
|
|
this.activeSellerID=this.data.markers[i].id
|
|
|
|
console.log('bindtransition',this.sellersNow,e.detail.current,this.sellersNow[e.detail.current],this.activeSellerID);
|
|
|
|
// this.activeSellerID=this.sellersNow[i];
|
|
|
|
// this.markertap({
|
|
|
|
// markerId:this.activeSellerID
|
|
|
|
// },false)
|
|
|
|
this.markertap({
|
|
|
|
markerId:this.activeSellerID
|
|
|
|
},false)
|
|
|
|
},
|
|
|
|
gotoDetail(e){
|
|
|
|
wx.navigateTo({
|
|
|
|
url:'/pages/reserve/detail?id='+util.attr(e,'sid')
|
|
|
|
})
|
|
|
|
util.elog({sid:util.attr(e,'sid')},'点击橱窗中的商家，进入店铺详情')
|
|
|
|
},
|
|
|
|
IsSetActivity(){
|
|
|
|
let cmap=this.data.map;
|
|
|
|
App.Customer.IsSetActivity({lat:cmap.latitude,lng:cmap.longitude,distance:50}).then(res=>{
|
|
|
|
this.setData({
|
|
|
|
hasSetActivity:res.data==1,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
a2lshow(e){
|
|
|
|
//console.log('a2lshow',e)
|
|
|
|
let ds=this.selectComponent('#ds');
|
|
|
|
if(!ds){
|
|
|
|
return setTimeout(()=>{
|
|
|
|
this.a2lshow(e)
|
|
|
|
},500)
|
|
|
|
}
|
|
|
|
ds.setA2LHeight(e.type=='hide'?0:40);
|
|
|
|
},
|
|
|
|
async setMapRegion(){
|
|
|
|
return new Promise((success,fail)=>{
|
|
|
|
if(this.mapCtx){
|
|
|
|
this.mapCtx.getRegion({
|
|
|
|
success:(res)=>{
|
|
|
|
if(res.southwest.latitude) {
|
|
|
|
this.mapData.region = res
|
|
|
|
success()
|
|
|
|
}
|
|
|
|
},
|
|
|
|
fail:()=>{
|
|
|
|
fail()
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}else{
|
|
|
|
fail()
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
async setLocationMarker(markers){
|
|
|
|
try{
|
|
|
|
await this.setMapRegion();
|
|
|
|
}catch (e){
|
|
|
|
this.timeoutGetMarkers()
|
|
|
|
return []
|
|
|
|
}
|
|
|
|
|
|
|
|
let map = this.mapData;
|
|
|
|
let mks=[]
|
|
|
|
let matchPosNum=1
|
|
|
|
if(markers.length>0){
|
|
|
|
markers.forEach(mk=>{
|
|
|
|
if(mk.id!='location' && mk.id!='locationMe'
|
|
|
|
&& mk.latitude>map.region.southwest.latitude
|
|
|
|
&& mk.longitude>map.region.southwest.longitude
|
|
|
|
&& mk.latitude<map.region.northeast.latitude
|
|
|
|
&& mk.longitude<map.region.northeast.longitude){
|
|
|
|
mks.push(mk);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
if(mks.length-markers.length<0){
|
|
|
|
this.timeoutGetMarkers()
|
|
|
|
return []
|
|
|
|
}
|
|
|
|
|
|
|
|
if(this.data.hasSuggestion){
|
|
|
|
map=this.data.suggestion
|
|
|
|
mks.push({
|
|
|
|
id: 'location',
|
|
|
|
iconPath: "http://nosqn.colorcun.com/reserve/images/location.png"+cates_version,
|
|
|
|
latitude: map.latitude,
|
|
|
|
longitude: map.longitude,
|
|
|
|
width: 20,
|
|
|
|
height: 25,
|
|
|
|
})
|
|
|
|
}
|
|
|
|
mks.push({
|
|
|
|
id: 'locationMe',
|
|
|
|
iconPath: "http://nosqn.colorcun.com/reserve/images/lme.png"+cates_version,
|
|
|
|
latitude: this.user.latitude,
|
|
|
|
longitude: this.user.longitude,
|
|
|
|
width: 18,
|
|
|
|
height: 30,
|
|
|
|
})
|
|
|
|
return mks;
|
|
|
|
},
|
|
|
|
tagsChange(e){
|
|
|
|
if(this.data.listMoreCount<1 && !this.data.hasSearchLimit) return
|
|
|
|
let id=util.attr(e,'id');
|
|
|
|
let tags=this.data.tags;
|
|
|
|
let activeNum=0;
|
|
|
|
tags.forEach(t=>{
|
|
|
|
if(t.id==id){
|
|
|
|
t.active=!t.active
|
|
|
|
}
|
|
|
|
if(t.active){
|
|
|
|
activeNum++
|
|
|
|
}
|
|
|
|
})
|
|
|
|
this.setData({
|
|
|
|
tags:tags,
|
|
|
|
})
|
|
|
|
this.hasSellerConcat=hasSellerConcat;
|
|
|
|
this.sellersIds=[];
|
|
|
|
if(activeNum>0){
|
|
|
|
this.hasSellerConcat=false;
|
|
|
|
}else{
|
|
|
|
if(!this.hasSellerConcat){
|
|
|
|
this.setData({
|
|
|
|
markers:[]
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
setTimeout(()=>{this.getMarkers();},0)
|
|
|
|
|
|
|
|
},
|
|
|
|
caixiActive(e){
|
|
|
|
console.log('caixiActive',e);
|
|
|
|
this.bindMultiPickerChange({
|
|
|
|
detail:{
|
|
|
|
value:[e.detail]
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
caixiShow(){
|
|
|
|
if(this.data.listMoreCount<1 && !this.data.hasSearchLimit) return
|
|
|
|
this.selectComponent('#caixi').show();
|
|
|
|
},
|
|
|
|
listEvent(e){
|
|
|
|
let d=e.detail
|
|
|
|
console.log('listEvent',e);
|
|
|
|
if(d.type=="getListEnd"){
|
|
|
|
this.setData({
|
|
|
|
listMoreCount:d.total
|
|
|
|
});
|
|
|
|
}else if(d.type=='caixiShow'){
|
|
|
|
this.caixiShow();
|
|
|
|
}else if(d.type=='tagsChange'){
|
|
|
|
this.tagsChange(d.e);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
listShow(){
|
|
|
|
//this.selectComponent('#list').show();
|
|
|
|
wx.navigateTo({
|
|
|
|
url:util.http_build_query({
|
|
|
|
lat:this.param.lat==def_latitude?'':this.param.lat,
|
|
|
|
lng:this.param.lng==def_longitude?'':this.param.lng,
|
|
|
|
map:this.param.map,
|
|
|
|
multiIndex:this.data.multiIndex,
|
|
|
|
tags:this.param.tags,
|
|
|
|
centre_pos:this.param.centre_pos,
|
|
|
|
hasSuggestion:this.data.hasSuggestion?1:''
|
|
|
|
},'./indexList'),
|
|
|
|
success: res=> {
|
|
|
|
// 通过eventChannel向被打开页面传送数据
|
|
|
|
if(this.findSellerData){
|
|
|
|
res.eventChannel.emit('acceptDataFromMapPage', this.findSellerData)
|
|
|
|
}
|
|
|
|
res.eventChannel.on('findSellerData',findSellerData=>{
|
|
|
|
console.log('findSellerData',findSellerData)
|
|
|
|
this.findSellerData=findSellerData
|
|
|
|
setTimeout(()=>{this.getMarkers();},0)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
setTSLocal(){
|
|
|
|
let map=this.data.map;
|
|
|
|
map.latitude=def_latitude
|
|
|
|
map.longitude=def_longitude
|
|
|
|
map.scale=mapScale
|
|
|
|
this.sellersIds=[]
|
|
|
|
this.sellers=[]
|
|
|
|
let sdobj={
|
|
|
|
map: map,
|
|
|
|
hasGetSellersEnd:false,
|
|
|
|
hasSuggestion:false,
|
|
|
|
suggestion:{},
|
|
|
|
}
|
|
|
|
if(!this.hasSellerConcat){
|
|
|
|
sdobj.markers=[]
|
|
|
|
}
|
|
|
|
this.setData(sdobj)
|
|
|
|
},
|
|
|
|
findSellerData:null,
|
|
|
|
findSeller(){
|
|
|
|
if(this.data.listMoreCount<1 && !this.data.hasSearchLimit) return
|
|
|
|
wx.navigateTo({
|
|
|
|
url: './findSeller',
|
|
|
|
success: res=> {
|
|
|
|
// 通过eventChannel向被打开页面传送数据
|
|
|
|
if(this.findSellerData){
|
|
|
|
res.eventChannel.emit('acceptDataFromMapPage', this.findSellerData)
|
|
|
|
}
|
|
|
|
res.eventChannel.on('findSellerData',findSellerData=>{
|
|
|
|
console.log('findSellerData',findSellerData)
|
|
|
|
this.findSellerData=findSellerData
|
|
|
|
setTimeout(()=>{this.getMarkers();},0)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
})
|
|
|
|
},
|
|
|
|
boostEvent(e){
|
|
|
|
util.elog(e.detail,'强提醒')
|
|
|
|
if(e.detail.act=='hide'){
|
|
|
|
this.setData({
|
|
|
|
hasGetPos:true,
|
|
|
|
})
|
|
|
|
this.selectComponent('#getpos').getPos();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
elog(e){
|
|
|
|
util.elog({attr:util.attr(e),detail:e.detail},util.attr(e,'ename')||'点击')
|
|
|
|
}
|
|
|
|
}) |
|
|
\ No newline at end of file |
...
|
...
|
|
