var Constant = require('../utils/constant.js');
|
var app = getApp();
|
import Request from "../utils/api"
|
Page({
|
data: {
|
scrollHeight: wx.getSystemInfoSync().windowHeight,
|
DrawerName: '',
|
mapType: '2D', //地图类型
|
isShowMapLayer: 'true', //地图图层显示或者隐藏
|
isShowRightBtn: 'true', //地图右侧图层按钮显示活隐藏
|
isLoactionShow: 'true', //回到当前位置图标是否显示
|
isScaleShow: 'true', //地图缩放按钮图标是否显示
|
isLoad:false,
|
//地图信息
|
mapInfo: {
|
mapCenterLatitude: 32.185569, //地图中心经纬度
|
mapCenterLongitude: 121.020513,
|
markers: [], //标记marker map
|
Station: [], //泵站列表
|
scale: 10, //地图放大比例
|
pointsList: [], //所有marker的经纬度
|
DMA: [], //DMA
|
marker: {},
|
map3D: false, //3d地图
|
overlooking: false, //俯视图
|
satellite: false, //卫星图
|
showLocation: true, //显示带有方向的当前定位点
|
enableZoom: true, //是否支持缩放
|
enableScroll: true, //是否支持拖动
|
traffic: false, //路况
|
},
|
//查询数据(地图)
|
isShowsearchMarkList: false,
|
searchMarkList: [],
|
animationSearchBar: "",
|
searchKeyWrd: "",
|
currentCorpID: 1,
|
currentUserID: 1, //当前用户ID
|
stationID: '', //泵站id
|
modalName: '', //模态框抓状态
|
stationIDs: [], //所有泵站id集合
|
link_box: false, //资产、监控、bim跳转条显/隐
|
tuceng_active: false, //图层按钮显示隐藏
|
marker_layer: {
|
RepairForm: true,
|
PressMeter: true,
|
DmaArea: true,
|
FlowMeter: true,
|
Station: true,
|
QualityMeter: true,
|
},
|
mapId: 'detailMap', //地图id
|
drawerMenuMoveData: {
|
y: wx.getSystemInfoSync().windowHeight * 0.2 * -1 - 5, //当前底部抽屉拉出的高度
|
bottom: -(wx.getSystemInfoSync().windowHeight * 0.40 * wx.getSystemInfoSync().pixelRatio), //当前底部抽屉的最低高度
|
sysHeight: wx.getSystemInfoSync().windowHeight, //当前窗口的高度
|
pixelRatio: wx.getSystemInfoSync().pixelRatio, //px转rpx的倍数
|
icon: 'move',
|
startTouchY: '', //点击拖动的Y
|
status: '1', //抽屉当前的状态 0：完全收缩 ，1：正常拉出，2：完全拉出
|
height: wx.getSystemInfoSync().windowHeight * 0.57 * wx.getSystemInfoSync().pixelRatio
|
},
|
meunList: [{
|
type: 1,
|
name: '今日巡检',
|
icon: 'icon-xunjiandian',
|
color: 'green'
|
},
|
{
|
type: 2,
|
name: '巡检记录',
|
icon: 'icon-lishi2',
|
color: 'yellow'
|
}, {
|
type: 3,
|
name: '报修',
|
icon: 'icon-zengjia',
|
color: 'green'
|
}, {
|
type: 4,
|
name: '报修记录',
|
icon: 'icon-wangshangbaoming',
|
color: 'blue'
|
}, {
|
type: 5,
|
name: '更多',
|
icon: 'icon-icon-test1',
|
color: 'olive'
|
},
|
]
|
},
|
onLoad: function (options) {
|
// console.log(wx.getSystemInfoSync())
|
// console.log(wx.getSystemInfoSync().windowHeight * 0.2 * -1 - 10)
|
var userInfo = app.globalData.userInfo;
|
// console.log(userInfo)
|
if (userInfo) {
|
this.setData({
|
currentCorpID: userInfo.CorpID,
|
currentUserID: userInfo.EmployeeID
|
});
|
} else {
|
wx.navigateTo({
|
url: '/login/login/index',
|
});
|
return;
|
}
|
// console.log(userInfo)
|
//获取地图信息
|
this.getMapInfo();
|
// this.getRepairFormList();
|
},
|
onReady: function () {},
|
//展示所有marker标点的视野
|
setIncludePoints() {
|
var MapContext = wx.createMapContext('detailMap');
|
MapContext.includePoints({
|
points: this.data.mapInfo.pointsList,
|
padding: [100, 100, 100, 100],
|
success: function (res) {
|
//console.log('获取所有标点成功',res)
|
}
|
})
|
},
|
//获取地图展示的基本信息
|
getMapInfo: function () {
|
var that = this;
|
wx.showLoading({
|
title: '加载中...'
|
});
|
|
Request({
|
url: Constant.BASE_SERVER_URL + "Map/ObjectMapInfo/Mobile/GetByKindAndPurposeUnderCorp@V1.0",
|
method: 'GET',
|
data: {
|
CorpID: this.data.currentCorpID,
|
Kind:"高德",
|
Purpose:"定位"
|
},
|
header: {
|
'content-type': 'application/json'
|
},
|
fail: function (err) {
|
console.log(err)
|
wx.hideLoading();
|
wx.showModal({
|
title: '',
|
content: '通讯失败',
|
})
|
}, //请求失败
|
success: function (res) {
|
wx.hideLoading();
|
console.log(res.data,150)
|
var result = res.data;
|
if (result.Code != 0) {
|
wx.showModal({
|
title: '',
|
content: result.Message,
|
});
|
return;
|
}
|
// wx.showToast({
|
// title: '加载成功',
|
// icon: "success",
|
// duration: 1000
|
// });
|
//console.log(result)
|
let allDMA = []
|
let allProduct = []
|
let allFlowMeter = []
|
let allPressMeter = []
|
let allStation = []
|
result.Data.forEach((item)=>{
|
if(item.ObjectType == "泵站"){
|
item.Position = JSON.parse(item.Position)
|
allStation.push(item)
|
}
|
if(item.ObjectType == "Dma分区"){
|
item.Position = JSON.parse(item.Position)
|
allDMA.push(item)
|
}
|
if(item.ObjectType == "设备"){
|
if(item.SubType != null && item.SubType == "流量计"){
|
item.Position = JSON.parse(item.Position)
|
allFlowMeter.push(item)
|
}else if(item.SubType != null && item.SubType == "压力计"){
|
item.Position = JSON.parse(item.Position)
|
allPressMeter.push(item)
|
}else {
|
item.Position = JSON.parse(item.Position)
|
allProduct.push(item)
|
}
|
}
|
})
|
// console.log(allDMA,allProduct,174)
|
|
var DMA = [];
|
var DmaArea = [];
|
if (allDMA == null) {
|
allDMA = []
|
}
|
for (var i = 0; i < allDMA.length; i++) {
|
var item = allDMA[i];
|
var n = i % 5;
|
var node = {};
|
var points = [];
|
node.ID = item.ID;
|
node.Name = item.ObjectName;
|
node.strokeColor = item.Position.BorderColor;
|
node.fillColor = item.Position.BackgroundColor + "" + (item.Position.BackgroundOpacity * 100).toString(16);
|
node.strokeWidth = item.Position.BorderWidth;
|
if (item.Position.Points == null) {
|
item.Position.Points = []
|
}
|
for (var j = 0; j < item.Position.Points.length; j++) {
|
var item2 = item.Position.Points[j];
|
var node2 = {};
|
node2.latitude = item2.Y
|
node2.longitude = item2.X
|
points.push(node2)
|
}
|
node.points = points
|
DMA.push(node)
|
DmaArea.push(node)
|
}
|
|
var markers = [];
|
var pointsList = [];
|
var stationIDs = []
|
var Station = [];
|
var FlowMeter = [];
|
var PressMeter = [];
|
var QualityMeter = [];
|
|
if (allStation == null) {
|
allStation = []
|
}
|
for (var i = 0; i < allStation.length; i++) {
|
var item = allStation[i];
|
var mark = {};
|
var callout = {};
|
|
mark.longitude = item.Position.Point.X;
|
mark.latitude = item.Position.Point.Y;
|
mark.title = item.ObjectName;
|
stationIDs.push(parseInt(item.ObjectID));
|
mark.id = parseInt(item.ObjectID);
|
mark.content = item.Position.Address;
|
mark.width = 32;
|
mark.height = 32;
|
mark.iconPath = "/images/map/pump_blue.png";
|
mark.zIndex = 10;
|
mark.markerInfo = item
|
mark.markerType = 'Station'
|
callout.content = item.ObjectName;
|
callout.display = 'ALWAYS';
|
callout.padding = 5;
|
callout.borderRadius = 10;
|
callout.borderWidth = 1;
|
callout.borderColor = '#999';
|
mark.callout = callout;
|
|
markers.push(mark);
|
Station.push(mark);
|
pointsList.push({
|
longitude: item.Position.Point.X,
|
latitude: item.Position.Point.Y
|
});
|
}
|
if (allFlowMeter == null) {
|
allFlowMeter = []
|
}
|
for (var i = 0; i < allFlowMeter.length; i++) {
|
var item = allFlowMeter[i];
|
var mark = {};
|
var callout = {};
|
|
mark.longitude = item.Position.Point.X;
|
mark.latitude = item.Position.Point.Y;
|
mark.title = item.ObjectName;
|
|
mark.id = parseInt(item.ObjectID);
|
mark.content = item.Position.Address;
|
mark.width = 32;
|
mark.height = 32;
|
mark.iconPath = "/images/map/flow_blue.png";
|
mark.zIndex = 10;
|
mark.markerType = 'FlowMeter'
|
mark.markerInfo = item
|
callout.content = item.ObjectName;
|
callout.display = 'ALWAYS';
|
callout.padding = 5;
|
callout.borderRadius = 10;
|
callout.borderWidth = 1;
|
callout.borderColor = '#999';
|
mark.callout = callout;
|
|
markers.push(mark);
|
FlowMeter.push(mark);
|
pointsList.push({
|
longitude: item.Position.Point.X,
|
latitude: item.Position.Point.Y
|
});
|
}
|
if (allPressMeter == null) {
|
allPressMeter = []
|
}
|
for (var i = 0; i < allPressMeter.length; i++) {
|
var item = allPressMeter[i];
|
var mark = {};
|
var callout = {};
|
|
mark.longitude = item.Position.Point.X;
|
mark.latitude = item.Position.Point.Y;
|
mark.title = item.ObjectName;
|
|
mark.id = parseInt(item.ObjectID);
|
mark.content = item.Position.Address;
|
mark.width = 32;
|
mark.height = 32;
|
mark.iconPath = "/images/map/press_blue.png";
|
mark.zIndex = 10;
|
mark.markerType = 'PressMeter'
|
mark.markerInfo = item
|
callout.content = item.ObjectName;
|
callout.display = 'ALWAYS';
|
callout.padding = 5;
|
callout.borderRadius = 10;
|
callout.borderWidth = 1;
|
callout.borderColor = '#999';
|
mark.callout = callout;
|
|
markers.push(mark);
|
PressMeter.push(mark);
|
pointsList.push({
|
longitude: item.Position.Point.X,
|
latitude: item.Position.Point.Y
|
});
|
}
|
// if (result.Data.QualityMeter == null) {
|
// result.Data.QualityMeter = []
|
// }
|
// for (var i = 0; i < result.Data.QualityMeter.length; i++) {
|
// var item = result.Data.QualityMeter[i];
|
// var mark = {};
|
// var callout = {};
|
|
// mark.longitude = item.PosiX;
|
// mark.latitude = item.PosiY;
|
// mark.title = item.Name;
|
|
// mark.id = item.ID;
|
// mark.content = item.Address;
|
// mark.width = 32;
|
// mark.height = 32;
|
// mark.iconPath = "/images/map/shuizhiyi_blue.png";
|
// mark.zIndex = 10;
|
// mark.markerType = 'QualityMeter'
|
// mark.markerInfo = item
|
// callout.content = item.Name;
|
// callout.display = 'ALWAYS';
|
// callout.padding = 5;
|
// callout.borderRadius = 10;
|
// callout.borderWidth = 1;
|
// callout.borderColor = '#999';
|
// mark.callout = callout;
|
|
// markers.push(mark);
|
// QualityMeter.push(mark);
|
// pointsList.push({
|
// longitude: item.PosiX,
|
// latitude: item.PosiY
|
// });
|
// }
|
|
that.setData({
|
'mapInfo.Station': allProduct,
|
// 'mapInfo.mapCenterLatitude': 31.121743,
|
// 'mapInfo.mapCenterLongitude': 120.287392,
|
'mapInfo.scale': 10,
|
'mapInfo.DMA': DMA,
|
'mapInfo.markers': markers,
|
'mapInfo.pointsList': pointsList,
|
stationIDs: stationIDs,
|
'mapInfo.marker.Station': Station,
|
'mapInfo.marker.QualityMeter': QualityMeter,
|
'mapInfo.marker.FlowMeter': FlowMeter,
|
'mapInfo.marker.PressMeter': PressMeter,
|
'mapInfo.marker.DmaArea': DmaArea,
|
});
|
|
//使所有的标记都在视野中
|
// that.setIncludePoints();
|
|
//获取工单
|
that.getRepairFormList()
|
}
|
});
|
},
|
getRepairFormList: function () {
|
var that = this;
|
wx.showLoading({
|
title: '加载中...'
|
});
|
|
Request({
|
url: Constant.BASE_SERVER_URL + "Repair/RepairForm/Mobile/GetMapListByKind@V1.0",
|
method: 'GET',
|
data: {
|
CorpID: that.data.currentCorpID,
|
Kind :'高德'
|
},
|
header: {
|
'content-type': 'application/json'
|
},
|
fail: function (err) {
|
console.log(err)
|
wx.hideLoading();
|
wx.showModal({
|
title: '',
|
content: '通讯失败',
|
})
|
}, //请求失败
|
success: function (res) {
|
wx.hideLoading();
|
// console.log(res.data,"获取工单")
|
var result = res.data;
|
if (result.Code != 0) {
|
wx.showModal({
|
title: '',
|
content: result.Message,
|
});
|
return;
|
}
|
|
//console.log(result)
|
|
//return
|
var markers = [];
|
var pointsList = [];
|
if (result.Data == null) {
|
result.Data = []
|
}
|
for (var i = 0; i < result.Data.length; i++) {
|
var item = result.Data[i];
|
var mark = {};
|
var callout = {};
|
if(item.Position){
|
mark.longitude = item.Position.Point.X;
|
mark.latitude = item.Position.Point.Y;
|
mark.title = item.FormName;
|
mark.id = parseInt(item.FormID);
|
mark.content = item.Position.Point.Address;
|
mark.width = 32;
|
mark.height = 32;
|
mark.iconPath = "/images/map/gongdan_blue.png";
|
mark.markerInfo = item
|
mark.zIndex = 10;
|
if (item.ID == 3) {
|
mark.zIndex = 100;
|
}
|
mark.markerType = 'gongdan'
|
callout.content = item.FormName;
|
callout.display = 'ALWAYS';
|
callout.padding = 5;
|
callout.borderRadius = 10;
|
callout.borderWidth = 1;
|
callout.borderColor = '#999';
|
mark.callout = callout;
|
|
markers.push(mark);
|
pointsList.push({
|
longitude: item.Position.Point.X,
|
latitude: item.Position.Point.Y
|
});
|
}
|
}
|
|
var oldMarkers = that.data.mapInfo.markers;
|
var newMarkers = oldMarkers.concat(markers);
|
var oldPointsList = that.data.mapInfo.pointsList;
|
var newPointsList = oldPointsList.concat(pointsList);
|
that.setData({
|
'mapInfo.markers': newMarkers,
|
'mapInfo.pointsList': newPointsList,
|
'mapInfo.marker.RepairForm': markers,
|
});
|
|
//console.log(newMarkers)
|
}
|
});
|
},
|
//点击地图marker
|
tapMapMark: function (e) {
|
// console.log(e,484)
|
var id = e.detail.markerId;
|
// console.log(id)
|
//console.log(e)
|
this.showMapTipInBottomPanel(id);
|
var stationIDs = this.data.stationIDs
|
var link_box = false;
|
if (stationIDs.indexOf(id) == -1) {
|
link_box = false;
|
} else {
|
link_box = true
|
}
|
this.setData({
|
modalName: 'bottomModal',
|
link_box: link_box
|
})
|
},
|
|
//显示marker信息面板
|
async showMapTipInBottomPanel(id, label) {
|
// console.log(id)
|
var markerTipInfo = null;
|
var that = this;
|
var markers = that.data.mapInfo.markers;
|
that.setData({
|
isLoad:false
|
})
|
|
let Record = await that.getKpiByStationID(id)
|
let stationLastRecord = await that.getGeneralLastRecordByStationID(id)
|
that.setData({
|
isLoad:true
|
})
|
if(stationLastRecord && Record){
|
for (let i = 0; i < Record.length; i++) {
|
let element = Record[i];
|
for (let j = 0; j < stationLastRecord.length; j++) {
|
let record = stationLastRecord[j];
|
if(element.ID == record.MonitorPointID){
|
element.SignalList[0].DataValue = record.DataValue
|
}
|
}
|
}
|
}
|
for (var i = 0; i < markers.length; i++) {
|
if (markers[i].markerInfo.ObjectType == '泵站' && id == markers[i].id) {
|
markerTipInfo = markers[i];
|
markerTipInfo.markerInfo.Records = Record
|
that.setData({
|
markerTipInfo: markerTipInfo
|
})
|
break;
|
} else if (id == markers[i].id) {
|
// console.log("ddd")
|
markerTipInfo = markers[i];
|
// console.log(markerTipInfo)
|
var ids = markerTipInfo.markerInfo.ObjectID
|
// console.log(ids,520)
|
//console.log(markerTipInfo)
|
that.refreshMonitorRecords(ids)
|
that.setData({
|
markerTipInfo: markerTipInfo
|
})
|
console.log(that.data.markerTipInfo,532)
|
break;
|
}
|
}
|
},
|
//获取泵站kpi
|
getKpiByStationID(stationID){
|
let that = this
|
return new Promise(function (resolve, reject){
|
Request({
|
url: Constant.BASE_SERVER_URL + "Monitor/MonitorPoint/Mobile/GetKpiByStationID@V1.0",
|
method: 'GET',
|
data: {
|
CorpID: that.data.currentCorpID,
|
StationID :stationID,
|
Count:2
|
},
|
header: {
|
'content-type': 'application/json'
|
},
|
success:res=>{
|
let result = res.data
|
console.log(result,580)
|
if(result.Code != 0){
|
result = []
|
resolve(result)
|
return
|
}
|
resolve(result.Data || [])
|
},
|
fail:err=>{
|
reject(err)
|
}
|
})
|
})
|
},
|
//获取泵站最近一条数据
|
getGeneralLastRecordByStationID(stationID){
|
let that = this
|
return new Promise(function (resolve, reject){
|
Request({
|
url: Constant.BASE_SERVER_URL + "Run/MonitorRecord/Mobile/GetGeneralLastRecordByStationID@V1.0",
|
method: 'GET',
|
data: {
|
CorpID: that.data.currentCorpID,
|
StationID :stationID,
|
},
|
header: {
|
'content-type': 'application/json'
|
},
|
success:res=>{
|
let result = res.data
|
if(result.Code != 0){
|
result = []
|
resolve(result)
|
return
|
}
|
resolve(result.Data || [])
|
},
|
fail:err=>{
|
reject(err)
|
}
|
})
|
})
|
},
|
|
//隐藏对话框
|
hideModal: function () {
|
this.setData({
|
modalName: null
|
})
|
},
|
//跳转到单个测点页面
|
gotoSinglePointPage(e) {
|
var pointid = e.currentTarget.dataset.id;
|
let pointName = e.currentTarget.dataset.name
|
let pointUnit = e.currentTarget.dataset.unit
|
// console.log(pointid)
|
wx.navigateTo({
|
url: '/monitor/singlePoint/index?id=' + pointid + "&name=" + pointName +"&unit=" + pointUnit,
|
});
|
},
|
|
//打开泵站监控页面
|
tapOpenStationMonitorPageInList: function (e) {
|
var id = e.currentTarget.dataset.stationid;
|
var name = e.currentTarget.dataset.stationname;
|
// console.log(e.currentTarget);
|
if (id == undefined) {
|
wx.navigateTo({
|
url: '/monitor/station/index?id=1',
|
});
|
return;
|
}
|
wx.navigateTo({
|
url: '/monitor/station/index?id=' + id + "&name=" + name,
|
});
|
},
|
|
//打开泵站BIM页面
|
tapOpenStationBimPageInList: function (e) {
|
var id = e.currentTarget.dataset.stationid;
|
var name = e.currentTarget.dataset.stationname;
|
//console.log(e.currentTarget);
|
if (id == undefined) {
|
wx.navigateTo({
|
url: '/bim/station/index?id=1',
|
});
|
return;
|
}
|
wx.navigateTo({
|
url: '/bim/station/index?id=' + id + "&name=" + name,
|
});
|
},
|
|
//资产
|
tapOpenProductInStationPageInList: function (e) {
|
var id = e.currentTarget.dataset.stationid;
|
var name = e.currentTarget.dataset.stationname;
|
if (id == undefined) {
|
return;
|
}
|
wx.navigateTo({
|
url: '/product/listInStation/index?id=' + id + '&name=' + name,
|
});
|
|
},
|
|
|
//键盘输入时实时调用搜索方法
|
inputKeyWrd(e) {
|
this.searchStationByKeyWrd(e.detail.value)
|
},
|
//点击完成按钮时触发
|
confirmSearch(e) {
|
this.searchStationByKeyWrd(e.detail.value)
|
},
|
searchStationByKeyWrd(key) {
|
var that = this;
|
|
if (key == '') { //用户没有输入时全部为空
|
that.setData({
|
searchMarkList: [],
|
isShowsearchMarkList: false
|
})
|
return;
|
}
|
let markers = that.data.mapInfo.markers;
|
var arr = []; //临时数组，用于存放匹配到的数组
|
for (let i in markers) {
|
var mark = markers[i];
|
if (mark.title.indexOf(key) >= 0) {
|
arr.push(mark)
|
} else if (mark.content) {
|
if(mark.content.indexOf(key) >= 0){
|
arr.push(mark)
|
}
|
}
|
}
|
|
if (arr.length == 0) {
|
that.setData({
|
searchMarkList: [{
|
show: true,
|
name: '没有相关数据！'
|
}],
|
isShowsearchMarkList: true
|
})
|
} else {
|
that.setData({
|
searchMarkList: arr,
|
isShowsearchMarkList: true
|
})
|
}
|
},
|
|
|
//隐藏底部弹框
|
hideModal(e) {
|
this.setData({
|
modalName: null
|
})
|
},
|
|
//导航
|
onGuideDirty(e) {
|
wx.showToast({
|
title: '功能未开放',
|
icon: 'loading',
|
duration: 2000
|
})
|
},
|
//显/隐 图层按钮
|
xianShiTuCeng(e) {
|
var val = !this.data.tuceng_active;
|
this.setData({
|
tuceng_active: val,
|
DrawerName: e.currentTarget.dataset.target
|
})
|
},
|
//显示图层
|
showMarkerLayer(e) {
|
var _this = this;
|
var type = e.currentTarget.dataset.type;
|
var show = e.currentTarget.dataset.show;
|
// console.log(type,show)
|
var marker_layer = this.data.marker_layer;
|
marker_layer[type] = !show;
|
var markers = JSON.parse(JSON.stringify(this.data.mapInfo.markers));
|
var val = this.data.mapInfo.marker[type];
|
// console.log(val,111)
|
var newMarkers = []
|
if ('DmaArea' == type) {
|
var dma = JSON.parse(JSON.stringify(this.data.mapInfo.DMA));
|
var newdma = [];
|
if (show) {
|
newdma = []
|
} else {
|
newdma = val
|
}
|
_this.setData({
|
'mapInfo.DMA': newdma,
|
marker_layer: marker_layer
|
})
|
} else {
|
if (show) {
|
for (var i = 0; i < markers.length; i++) {
|
var item = markers[i];
|
if (item.markerType != type) {
|
newMarkers.push(item);
|
}
|
}
|
} else {
|
newMarkers = markers.concat(val)
|
}
|
_this.setData({
|
'mapInfo.markers': newMarkers,
|
marker_layer: marker_layer
|
})
|
}
|
},
|
|
//查询
|
tapSearchIcon: function () {
|
var animation = this.data.animationSearchBar
|
if (animation == 'animation') {
|
animation = 'animation_out'
|
} else {
|
animation = 'animation'
|
}
|
this.setData({
|
animationSearchBar: animation
|
})
|
},
|
//点击搜索的ITEM,定位内容位置
|
tapMapSearchItem(e) {
|
var that = this;
|
var value = e.currentTarget.dataset;
|
var markers = this.data.mapInfo.markers;
|
for (var i = 0; i < markers.length; i++) {
|
var item = markers[i];
|
item.zIndex = 10;
|
if (item.id == value.id) {
|
item.zIndex = 100;
|
break;
|
}
|
}
|
|
// console.log(value)
|
that.setData({
|
'mapInfo.mapCenterLatitude': value.latitude,
|
'mapInfo.mapCenterLongitude': value.longitude,
|
'mapInfo.scale': 14,
|
'mapInfo.markers': markers,
|
searchMarkList: [],
|
searchKeyWrd: ''
|
});
|
// console.log(value);
|
that.showMapTipInBottomPanel(value.id, "search");
|
//that.search(that.data.searchKeyWrd);
|
return;
|
},
|
|
//跳转到报表界面
|
tapOpenReportForm(e) {
|
let id = e.currentTarget.dataset.stationid;
|
let name = e.currentTarget.dataset.stationname;
|
wx.navigateTo({
|
url: '/reportForm/index/index?id=' + id + "&name=" + name,
|
});
|
|
},
|
//只显示泵站
|
tapOnlyShowStation() {},
|
//只显示小区
|
tapOnlyShowEstate() {},
|
|
//刷新测点的监测值
|
refreshMonitorRecords(ids) {
|
// console.log(ids,733)
|
if (ids == null || ids.length == 0) {
|
return
|
}
|
var that = this;
|
wx.showLoading({
|
title: '加载中...'
|
});
|
|
Request({
|
url: Constant.BASE_SERVER_URL + "Monitor/MonitorPoint/Mobile/GetByProductID@V1.0",
|
method: 'GET',
|
data: {
|
CorpID : Constant.CorpID,
|
ProductID : ids
|
},
|
header: {
|
'content-type': 'application/json'
|
},
|
fail: function (err) {
|
console.log(err)
|
wx.hideLoading();
|
wx.showModal({
|
title: '',
|
content: '通讯失败',
|
})
|
}, //请求失败
|
success: function (res) {
|
wx.hideLoading();
|
// console.log(res.data,792)
|
var result = res.data;
|
if (result.Code != 0) {
|
wx.showModal({
|
title: '',
|
content: result.Message,
|
});
|
return;
|
}
|
|
// console.log(result)
|
var markerInfo = that.data.markerTipInfo.markerInfo
|
let records = []
|
if (records == null || records.length == 0) {
|
records = []
|
}
|
if (result.Data == null) {
|
return
|
}
|
let montiorIDs = []
|
if (result.Data.length > 0) {
|
for (var i = 0; i < result.Data.length; i++) {
|
var node = result.Data[i];
|
records.push(node)
|
montiorIDs.push(node.ID)
|
}
|
}
|
that.setData({
|
'markerTipInfo.markerInfo.Records': records
|
});
|
|
that.getLastRecordByMonitor(montiorIDs)
|
// console.log(that.data.markerTipInfo.markerInfo.Records,821)
|
}
|
});
|
},
|
getLastRecordByMonitor(ids){
|
let monitorIDs = ids.join(",")
|
let that = this
|
// console.log(monitorIDs,830)
|
Request({
|
url: Constant.BASE_SERVER_URL + "Run/MonitorRecord/Mobile/GetLastRecordByMonitorPointIds@V1.0",
|
method: 'GET',
|
data: {
|
CorpID : Constant.CorpID,
|
MonitorPointIds : monitorIDs
|
},
|
header: {
|
'content-type': 'application/json'
|
},
|
fail: function (err) {
|
console.log(err)
|
wx.hideLoading();
|
wx.showModal({
|
title: '',
|
content: '通讯失败',
|
})
|
}, //请求失败
|
success: function (res) {
|
wx.hideLoading();
|
// console.log(res.data,792)
|
var result = res.data;
|
if (result.Code != 0) {
|
wx.showModal({
|
title: '',
|
content: result.Message,
|
});
|
return;
|
}
|
|
// console.log(result)
|
var markerInfo = that.data.markerTipInfo.markerInfo
|
// console.log(that.data.markerTipInfo.markerInfo.Records,864)
|
let records = markerInfo.Records || []
|
if (records == null || records.length == 0) {
|
records = []
|
}
|
if (result.Data == null) {
|
return
|
}
|
// console.log(records,871)
|
if (result.Data.length > 0) {
|
for (var i = 0; i < result.Data.length; i++) {
|
var node = result.Data[i];
|
records.forEach(element => {
|
if(element.SignalList[0].ID == node.SignalID){
|
element.SignalList[0].DataValue = node.DataValue
|
}
|
});
|
}
|
}
|
that.setData({
|
'markerTipInfo.markerInfo.Records': records
|
});
|
// console.log(that.data.markerTipInfo.markerInfo.Records,821)
|
}
|
});
|
},
|
//点击定位到用户当前位置
|
currentLoaction: function () {
|
let that = this
|
let mapId = that.data.mapId
|
let MapContext = wx.createMapContext(mapId)
|
|
MapContext.moveToLocation({
|
longitude: 120.894522,
|
latitude: 31.981269,
|
success: function (res) {
|
that.setData({
|
'mapInfo.mapCenterLatitude': 31.981269,
|
'mapInfo.mapCenterLongitude': 120.894522,
|
'mapInfo.scale': 12
|
})
|
},
|
fail: function (err) {
|
// console.log(err)
|
}
|
})
|
},
|
|
//视野发生变化时的监听事件
|
mapViewChange: function (e) {
|
// console.log(e)
|
let that = this
|
let mapId = that.data.mapId
|
let MapContext = wx.createMapContext(mapId)
|
if (e.type == 'end' && (e.causedBy == 'scale' || e.causedBy == 'drag')) {
|
MapContext.getCenterLocation({
|
success: res => {
|
//console.log(res)
|
that.setData({
|
'mapInfo.mapCenterLatitude': res.latitude,
|
'mapInfo.mapCenterLongitude': res.longitude,
|
'drawerMenuMoveData.bottom': -(wx.getSystemInfoSync().windowHeight * 0.55 * wx.getSystemInfoSync().pixelRatio),
|
'drawerMenuMoveData.icon': 'fold'
|
})
|
},
|
fail: err => {
|
// console.log(err)
|
}
|
})
|
}
|
},
|
//在地图渲染更新完成时触发
|
onUpdate: function (e) {
|
// console.log(e)
|
},
|
//地图放大
|
jia: function () {
|
|
let scaleCount = this.data.mapInfo.scale
|
//console.log(scaleCount)
|
if (scaleCount >= 20) {
|
wx.showToast({
|
title: '已放大到最大范围',
|
icon: 'none'
|
})
|
return
|
} else {
|
this.setData({
|
'mapInfo.scale': ++scaleCount
|
})
|
}
|
// console.log(this.data.mapInfo.scale)
|
},
|
jian: function () {
|
//console.log('减')
|
let scaleCount = this.data.mapInfo.scale
|
if (scaleCount <= 3) {
|
wx.showToast({
|
title: '已缩小到最小范围',
|
icon: 'none'
|
})
|
return
|
} else {
|
this.setData({
|
'mapInfo.scale': --scaleCount
|
})
|
}
|
//console.log(this.data.mapInfo.scale)
|
},
|
//隐藏抽屉弹窗
|
hideDrawerModal: function () {
|
this.setData({
|
DrawerName: null
|
})
|
},
|
//地图类型的显示控制
|
changeMapType: function (e) {
|
// console.log(e)
|
let mapType = e.currentTarget.dataset.type
|
// console.log(mapType)
|
if (mapType == '2D') {
|
this.setData({
|
'mapInfo.map3D': false,
|
'mapInfo.overlooking': false,
|
'mapInfo.satellite': false
|
})
|
} else if (mapType == '3D') {
|
this.setData({
|
'mapInfo.map3D': true,
|
'mapInfo.overlooking': true,
|
'mapInfo.satellite': false
|
})
|
} else if (mapType == 'satellite') {
|
this.setData({
|
'mapInfo.map3D': false,
|
'mapInfo.overlooking': false,
|
'mapInfo.satellite': true
|
})
|
}
|
this.setData({
|
mapType: mapType
|
})
|
},
|
//实时路况的显示隐藏
|
changeTraffic: function () {
|
this.data.mapInfo.traffic = !this.data.mapInfo.traffic
|
this.setData({
|
mapInfo: this.data.mapInfo
|
})
|
},
|
//点击地图时触发的事件
|
mapClick: function (e) {
|
// console.log('我被点击了')
|
this.data.isShowMapLayer = !this.data.isShowMapLayer
|
this.setData({
|
'drawerMenuMoveData.bottom': -(wx.getSystemInfoSync().windowHeight * 0.55 * wx.getSystemInfoSync().pixelRatio),
|
'drawerMenuMoveData.icon': 'fold',
|
isShowMapLayer: this.data.isShowMapLayer
|
})
|
// console.log(this.data.drawerMenuMoveData)
|
},
|
//底部抽屉移动时的监听事件
|
movaleChange: function (e) {
|
// console.log(e.detail.y * -1)
|
let sysHeight = this.data.drawerMenuMoveData.sysHeight //当前窗口的设备高度
|
let nowY = e.detail.y * -1 > 0 ? e.detail.y * -1 : '0' //当前拖动的y坐标的值
|
let isLoactionShow = this.data.isLoactionShow //回到当前位置图标是否显示
|
let isScaleShow = this.data.isScaleShow //地图缩放按钮图标是否显示
|
let isShowRightBtn = this.data.isShowRightBtn //地图右侧按钮图标显示状态
|
let icon = ''
|
let lastY = this.data.drawerMenuMoveData.y //上一次拖动结束后的y坐标的值
|
if (nowY > sysHeight * 0.5) {
|
isScaleShow = false
|
isShowRightBtn = false
|
isLoactionShow = false
|
lastY = sysHeight * 0.8 * -1
|
icon = 'unfold'
|
} else if (nowY > sysHeight * 0.4) {
|
// console.log('我被调用了', 'nowY=' + nowY, sysHeight * 0.3)
|
lastY = sysHeight * 0.23 * -1
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'move'
|
} else if (nowY > 110) {
|
// console.log('我被调用了', 'nowY=' + nowY, sysHeight * 0.3)
|
lastY = sysHeight * 0.23 * -1
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'move'
|
} else {
|
lastY = 0
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'fold'
|
}
|
|
this.setData({
|
'drawerMenuMoveData.y': lastY,
|
'drawerMenuMoveData.icon': icon,
|
isLoactionShow: isLoactionShow,
|
isShowRightBtn: isShowRightBtn,
|
isScaleShow: isScaleShow
|
})
|
// console.log(nowY, lastY)
|
},
|
//扫描二维码
|
onScan: function () {
|
// 允许从相机和相册扫码
|
wx.scanCode({
|
success(res) {
|
console.log(res)
|
}
|
})
|
},
|
|
//抽屉开始移动
|
drawerTouchStart: function (e) {
|
// console.log('开始移动', e)
|
this.setData({
|
'drawerMenuMoveData.startTouchY': e.changedTouches[0].clientY
|
})
|
},
|
|
//抽屉移动
|
drawerTouchMove: function (e) {
|
|
},
|
|
//抽屉移动结束
|
drawerTouchEnd: function (e) {
|
let moveY = e.changedTouches[0].clientY
|
let pixelRatio = this.data.drawerMenuMoveData.pixelRatio
|
let bottom = -(wx.getSystemInfoSync().windowHeight * 0.40 * pixelRatio)
|
let status = this.data.drawerMenuMoveData.status
|
let isLoactionShow = this.data.isLoactionShow //回到当前位置图标是否显示
|
let isScaleShow = this.data.isScaleShow //地图缩放按钮图标是否显示
|
let isShowRightBtn = this.data.isShowRightBtn //地图右侧按钮图标显示状态
|
let icon = '' //图标
|
// console.log(moveY, 'moveY')
|
if (status == 1) {
|
if (moveY < 350) {
|
bottom = 0
|
status = 2
|
isScaleShow = false
|
isShowRightBtn = false
|
isLoactionShow = false
|
icon = 'unfold'
|
} else if (moveY > 530) {
|
// console.log('我被调用了')
|
bottom = -(wx.getSystemInfoSync().windowHeight * 0.55 * pixelRatio)
|
status = 0
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'fold'
|
} else {
|
bottom = -(wx.getSystemInfoSync().windowHeight * 0.40 * pixelRatio)
|
status = 1
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'move'
|
}
|
} else if (status == 2) {
|
if (moveY > 500) {
|
bottom = -(wx.getSystemInfoSync().windowHeight * 0.55 * pixelRatio)
|
status = 0
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'fold'
|
} else if (moveY > 250) {
|
bottom = -(wx.getSystemInfoSync().windowHeight * 0.40 * pixelRatio)
|
status = 1
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'move'
|
} else {
|
bottom = 0
|
status = 2
|
isScaleShow = false
|
isShowRightBtn = false
|
isLoactionShow = false
|
icon = 'unfold'
|
}
|
} else {
|
if (moveY < 600) {
|
bottom = -(wx.getSystemInfoSync().windowHeight * 0.40 * pixelRatio)
|
status = 1
|
isScaleShow = true
|
isShowRightBtn = true
|
isLoactionShow = true
|
icon = 'move'
|
} else if (moveY < 180) {
|
bottom = 0
|
status = 2
|
isScaleShow = false
|
isShowRightBtn = false
|
isLoactionShow = false
|
icon = 'unfold'
|
}
|
}
|
// console.log(startTouchY, moveY, bottom)
|
this.setData({
|
'drawerMenuMoveData.bottom': bottom,
|
'drawerMenuMoveData.status': status,
|
'drawerMenuMoveData.startTouchY': null,
|
'drawerMenuMoveData.icon': icon,
|
isLoactionShow: isLoactionShow,
|
isShowRightBtn: isShowRightBtn,
|
isScaleShow: isScaleShow
|
})
|
// console.log('移动结束', this.data.drawerMenuMoveData)
|
},
|
|
isLoading (e) {
|
this.setData({
|
isLoad: e.detail.value
|
})
|
},
|
})
|
