312 lines
7.4 KiB
JavaScript
312 lines
7.4 KiB
JavaScript
|
// pages/index/index.js
|
||
|
|
const app = getApp();
|
||
|
|
var myRequest = require("../../utils/api.js");
|
||
|
|
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
|
||
|
|
import tool from "./tool.js";
|
||
|
|
var qqmapsdk;
|
||
|
|
Page({
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 页面的初始数据
|
||
|
|
*/
|
||
|
|
data: {
|
||
|
|
singleSelect: {
|
||
|
|
value: '',
|
||
|
|
options: [],
|
||
|
|
},
|
||
|
|
userInfo: [],
|
||
|
|
keys: {
|
||
|
|
value: 'id',
|
||
|
|
label: 'name',
|
||
|
|
},
|
||
|
|
slateX:'',
|
||
|
|
label: '请选择项目',
|
||
|
|
markers: [],
|
||
|
|
deviceData: [],
|
||
|
|
projectName: '',
|
||
|
|
projectId: '',
|
||
|
|
scale: 10,
|
||
|
|
bottmwidth:"100%",
|
||
|
|
slipFlag:'',
|
||
|
|
startPoint:'',
|
||
|
|
transfromX:[],
|
||
|
|
pageIndex:0,
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面加载
|
||
|
|
*/
|
||
|
|
onLoad: function (options) {
|
||
|
|
|
||
|
|
this.getUserLocation();
|
||
|
|
},
|
||
|
|
// 搜索
|
||
|
|
search() {
|
||
|
|
wx.navigateTo({
|
||
|
|
url: '../search/search?userid='+this.data.userInfo.id,
|
||
|
|
})
|
||
|
|
},
|
||
|
|
//获取当前位置
|
||
|
|
getUserLocation() {
|
||
|
|
var that = this;
|
||
|
|
wx.getLocation({
|
||
|
|
type: 'wgs84',
|
||
|
|
success: function(res) {
|
||
|
|
console.log("经纬度:",res)
|
||
|
|
var latitude = res.latitude
|
||
|
|
var longitude = res.longitude
|
||
|
|
that.setData({
|
||
|
|
latitude: latitude,
|
||
|
|
longitude: longitude,
|
||
|
|
})
|
||
|
|
// that.getLocal(latitude, longitude)//在这里调用getLocal方法把经纬度传入来获取城市位置
|
||
|
|
},
|
||
|
|
fail: function(errInfo) {
|
||
|
|
console.info(errInfo)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
//获取项目下所有站点位置
|
||
|
|
getDeviceLocation() {
|
||
|
|
var that = this;
|
||
|
|
myRequest.myRequest('system/devicesLocation', {
|
||
|
|
projectId: wx.getStorageSync('projectId'),
|
||
|
|
},'get').then(function(res){
|
||
|
|
if (res.data.data.length == 0) {
|
||
|
|
that.getUserLocation();
|
||
|
|
}else {
|
||
|
|
that.setData({
|
||
|
|
deviceData: res.data.data,
|
||
|
|
latitude: res.data.data[0].latitude,
|
||
|
|
longitude: res.data.data[0].longitude,
|
||
|
|
})
|
||
|
|
that.setMarkersData();
|
||
|
|
}
|
||
|
|
}).catch(function(res){
|
||
|
|
console.log(res);
|
||
|
|
})
|
||
|
|
},
|
||
|
|
setMarkersData() {
|
||
|
|
var deviceData = this.data.deviceData;
|
||
|
|
var markers = [];
|
||
|
|
for (let i = 0; i < deviceData.length; i++) {
|
||
|
|
markers.push({
|
||
|
|
iconPath: '../../assets/device.png',
|
||
|
|
latitude: deviceData[i].latitude,
|
||
|
|
longitude: deviceData[i].longitude,
|
||
|
|
width: 30,
|
||
|
|
height: 30,
|
||
|
|
title: deviceData[i].name,
|
||
|
|
id: deviceData[i].id,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
this.setData({
|
||
|
|
markers
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 获取当前地理位置
|
||
|
|
// getLocal: function (latitude, longitude) {
|
||
|
|
// let that = this;
|
||
|
|
// qqmapsdk = new QQMapWX({
|
||
|
|
// key: 'RQJBZ-6ZOCX-3QI4R-Z3JUH-GFDOS-YYBJ4'
|
||
|
|
// });
|
||
|
|
// console.log(qqmapsdk);
|
||
|
|
// qqmapsdk.reverseGeocoder({
|
||
|
|
// location: {
|
||
|
|
// latitude: latitude,
|
||
|
|
// longitude: longitude
|
||
|
|
// },
|
||
|
|
// success: function (res) {
|
||
|
|
// //这里的res参数里有具体的城市数据
|
||
|
|
// console.log(res);
|
||
|
|
// that.setData({
|
||
|
|
// address: res.result.address_component.city
|
||
|
|
// })
|
||
|
|
// },
|
||
|
|
// fail: function (res) {
|
||
|
|
// console.log(res);
|
||
|
|
// that.setData({
|
||
|
|
// address: '定位失败'
|
||
|
|
// })
|
||
|
|
// },
|
||
|
|
// complete: function (res) {
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
// },
|
||
|
|
handleSingleSelect(e) {
|
||
|
|
this.setData({
|
||
|
|
'singleSelect.value': e.detail.value,
|
||
|
|
deviceData: [],
|
||
|
|
});
|
||
|
|
this.setSelectLabel(e.detail.value)
|
||
|
|
wx.setStorageSync('projectId', e.detail.value)
|
||
|
|
wx.setStorageSync('deviceCode','')
|
||
|
|
this.getDeviceLocation();
|
||
|
|
},
|
||
|
|
setSelectLabel(value) {
|
||
|
|
var options = this.data.singleSelect.options;
|
||
|
|
for (let i = 0; i < options.length; i++) {
|
||
|
|
if(options[i].id == value) {
|
||
|
|
this.setData({
|
||
|
|
label: options[i].name
|
||
|
|
})
|
||
|
|
wx.setStorageSync('projectName', options[i].name)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
toJump(e) {
|
||
|
|
var path = e.currentTarget.dataset.path;
|
||
|
|
wx.navigateTo({
|
||
|
|
url: path,
|
||
|
|
})
|
||
|
|
},
|
||
|
|
getUserInfo: function()
|
||
|
|
{
|
||
|
|
var that = this;
|
||
|
|
myRequest.myRequest('system/getMiniUserInfo', {}).then(function(res){
|
||
|
|
var userInfo = res.data.data;
|
||
|
|
let menus = userInfo.menus
|
||
|
|
let menusArr = []
|
||
|
|
menus.forEach((item,index)=>{
|
||
|
|
if(!menusArr[ parseInt(index/8)])
|
||
|
|
menusArr[ parseInt( index/8)]=[]
|
||
|
|
menusArr[ parseInt( index/8)].push(item)
|
||
|
|
})
|
||
|
|
userInfo.menus = menusArr
|
||
|
|
let transfromX = []
|
||
|
|
for(let i=0;i<menusArr.length;i++){
|
||
|
|
transfromX[i]=i/menusArr.length*100
|
||
|
|
}
|
||
|
|
console.log(transfromX)
|
||
|
|
that.setData({
|
||
|
|
userInfo: userInfo,
|
||
|
|
transfromX:transfromX,
|
||
|
|
bottmwidth:menusArr.length*100+'%'
|
||
|
|
})
|
||
|
|
that.getProjectData();
|
||
|
|
}).catch(function(res){
|
||
|
|
console.log(res);
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
myTouchStart(e) {
|
||
|
|
let slipFlag = true
|
||
|
|
let startPoint = e.touches[0]
|
||
|
|
this.setData({
|
||
|
|
startPoint,
|
||
|
|
slipFlag}
|
||
|
|
)
|
||
|
|
//---------------------记录滑动事件信息end---------------------
|
||
|
|
},
|
||
|
|
|
||
|
|
myTouchMove:tool.throttle(function (e){
|
||
|
|
e= e[0]
|
||
|
|
let {startPoint,slipFlag,pageIndex,transfromX} = this.data
|
||
|
|
if (((startPoint.clientX - e.touches[e.touches.length - 1].clientX) > 5) && slipFlag) {
|
||
|
|
|
||
|
|
slipFlag = false
|
||
|
|
pageIndex++
|
||
|
|
if(pageIndex<transfromX.length){
|
||
|
|
this.setData({pageIndex})
|
||
|
|
this.setData({slateX:'-'+transfromX[pageIndex]+'%'})
|
||
|
|
}
|
||
|
|
|
||
|
|
return
|
||
|
|
} else if (((startPoint.clientX - e.touches[e.touches.length - 1].clientX) < -5) && slipFlag) {
|
||
|
|
pageIndex--
|
||
|
|
if(pageIndex>=0){
|
||
|
|
this.setData({pageIndex})
|
||
|
|
this.setData({slateX:'-'+transfromX[pageIndex]+'%'})
|
||
|
|
slipFlag = false
|
||
|
|
}
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
// ----------------监听手势左右滑事件----------------
|
||
|
|
|
||
|
|
}),
|
||
|
|
//获取用户绑定的项目
|
||
|
|
getProjectData: function()
|
||
|
|
{
|
||
|
|
var that = this;
|
||
|
|
myRequest.myRequest('system/getProjectsByUserId', {userId:this.data.userInfo.id}).then(function(res){
|
||
|
|
var projectData = res.data.data;
|
||
|
|
that.setData({
|
||
|
|
'singleSelect.options': projectData,
|
||
|
|
});
|
||
|
|
var projectId = that.data.projectId;
|
||
|
|
if (projectId != '') {
|
||
|
|
that.setSelectLabel(projectId)
|
||
|
|
}else{
|
||
|
|
that.setData({
|
||
|
|
'singleSelect.value': projectData[0].id,
|
||
|
|
});
|
||
|
|
wx.setStorageSync('projectId', projectData[0].id)
|
||
|
|
that.setSelectLabel(projectData[0].id)
|
||
|
|
}
|
||
|
|
}).catch(function(res){
|
||
|
|
console.log(res);
|
||
|
|
})
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面初次渲染完成
|
||
|
|
*/
|
||
|
|
onReady: function () {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面显示
|
||
|
|
*/
|
||
|
|
onShow: function () {
|
||
|
|
var projectId = wx.getStorageSync('projectId');
|
||
|
|
var projectName = this.data.projectName == '' ? wx.getStorageSync('projectName') : this.data.projectName
|
||
|
|
if (projectId && projectName) {
|
||
|
|
this.setData({
|
||
|
|
projectId: projectId,
|
||
|
|
'singleSelect.value': projectId,
|
||
|
|
label: projectName,
|
||
|
|
projectName: projectName
|
||
|
|
})
|
||
|
|
this.getDeviceLocation();
|
||
|
|
}
|
||
|
|
this.getUserInfo();
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面隐藏
|
||
|
|
*/
|
||
|
|
onHide: function () {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 生命周期函数--监听页面卸载
|
||
|
|
*/
|
||
|
|
onUnload: function () {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
||
|
|
*/
|
||
|
|
onPullDownRefresh: function () {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 页面上拉触底事件的处理函数
|
||
|
|
*/
|
||
|
|
onReachBottom: function () {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 用户点击右上角分享
|
||
|
|
*/
|
||
|
|
onShareAppMessage: function () {
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|