<view style="position: relative;height:100vh;overflow:hidden;">
|
<!-- 搜索框 -->
|
<view class="map_search {{animationSearchBar}} {{isShowMapLayer?'layer_Show':'layer_hiden'}}"
|
style="left: 0rpx;top: 40rpx;height: 110rpx;width: 95%;margin: 0rpx 20rpx 0rpx 20rpx;">
|
<text bindtap="onScan" style="font-size: 48rpx;margin-left: 20rpx;" class="cuIcon-scan text-gray"></text>
|
<input type='text' placeholder='请输入需要查询的内容' value="{{searchKeyWrd}}" bindinput='inputKeyWrd'
|
bindconfirm='confirmSearch' />
|
<text style="font-size: 48rpx;margin-right: 20rpx;" class='cuIcon-search text-gray'></text>
|
<view class="map_list" style="left:3rem;top:110rpx;" wx:if="{{isShowsearchMarkList}}">
|
<view bindtap="tapMapSearchItem" hover-class="hovers" data-id="{{searchMarkItem.id}}"
|
data-longitude="{{searchMarkItem.longitude}}" data-latitude="{{searchMarkItem.latitude}}"
|
wx:for-items="{{searchMarkList}}" wx:for-item="searchMarkItem" wx:for-index="searchList_index" wx:key="id">
|
{{searchMarkItem.title}}
|
</view>
|
</view>
|
</view>
|
<!-- 地图 -->
|
<map id="{{mapId}}" style="width: 100vw; height: 100vh;" latitude="{{mapInfo.mapCenterLatitude}}"
|
longitude="{{mapInfo.mapCenterLongitude}}" show-location="{{mapInfo.showLocation}}"
|
enable-zoom="{{mapInfo.enableZoom}}" scale="{{mapInfo.scale}}" enable-3D="{{mapInfo.map3D}}"
|
enable-overlooking="{{mapInfo.overlooking}}" enable-scroll="{{mapInfo.enableScroll}}"
|
enable-traffic="{{mapInfo.traffic}}" enable-satellite="{{mapInfo.satellite}}" enable-building="true"
|
markers="{{mapInfo.markers}}" polygons="{{mapInfo.DMA}}" bindmarkertap="tapMapMark" bindcallouttap="tapMapMark"
|
bindregionchange="mapViewChange" bindtap="mapClick" bindupdated="onUpdate">
|
</map>
|
<!-- 右侧功能区域 -->
|
<div class="right_btn {{isShowMapLayer && isShowRightBtn?'layer_Show':'layer_hiden'}}"
|
style="top:14vh;z-index:0;right:20rpx;">
|
<div bindtap="xianShiTuCeng" data-target="DrawerModalR">
|
<div class="tuceng">
|
<image src="/images/map/tuceng.png" alt="图层"></image>
|
</div><span>图层</span>
|
</div>
|
</div>
|
<view animation="{{animationMapTip}}" wx:if="{{isShowMapBottomTip}}" class="commodity_attr_box">
|
<view class='placeBox'>
|
<view class='placeViewLt'>
|
<view class='viewTitle'>{{markerTipInfo.title}}</view>
|
<view class='viewDis'>{{markerTipInfo.content}}</view>
|
</view>
|
<view class='placeViewRt'>
|
<view class="placeIcon iconfont icon-zhuanfa" data-url="../../bim/station/index" bindtap="onGuideDirty">
|
</view>
|
<!-- 导航图 可以用做地图导航 -->
|
<!-- <cover-image data-url="../../bim/station/index" bindtap="openStationBimPage" src='/images/icons/daohang.png'></cover-image> -->
|
</view>
|
</view>
|
|
</view>
|
<view class="cu-modal bottom-modal {{modalName=='bottomModal'?'show':''}}" bindtap="hideModal">
|
<view class="cu-dialog">
|
<view class="cu-bar bg-white">
|
<!-- <view class="action text-green">确定</view> -->
|
<view class="action">{{markerTipInfo.title}}</view>
|
<view class="action text-blue" bindtap="hideModal">取消</view>
|
</view>
|
<view wx:if="{{markerTipInfo.markerType!='gongdan'}}">
|
<view wx:if="{{markerTipInfo.markerInfo.Records.length>0}}">
|
<view data-id="{{Records.ID}}" data-name="{{Records.SignalList[0].Name}}" data-unit="{{Records.SignalList[0].UnitValue}}" bindtap="gotoSinglePointPage" class="record_tr"
|
wx:for="{{markerTipInfo.markerInfo.Records}}" wx:key="index" wx:for-item="Records">
|
<view class="name">{{Records.SignalList[0].Name?Records.SignalList[0].Name:''}}</view>
|
<view class="value">{{Records.SignalList[0].DataValue}}</view>
|
<view class="unit">{{Records.SignalList[0].UnitValue?Records.SignalList[0].UnitValue:''}}</view>
|
</view>
|
</view>
|
<view wx:else="{{markerTipInfo.markerInfo.Records.length==0}}" class="zanWuShuju">
|
暂无监控数据
|
</view>
|
<view wx:if="{{link_box}}" class="block_list_url">
|
<view bindtap="tapOpenStationMonitorPageInList" data-stationid="{{markerTipInfo.markerInfo.ObjectID}}"
|
data-stationname="{{markerTipInfo.markerInfo.ObjectName}}">
|
<icon class="iconfont icon-jiankong"></icon> <span style="padding-left:10px;padding-right:10px;">监控</span>
|
</view>
|
<view bindtap="tapOpenProductInStationPageInList" data-stationid="{{markerTipInfo.markerInfo.ObjectID}}"
|
data-stationname="{{markerTipInfo.markerInfo.ObjectName}}">
|
<icon class="iconfont icon-zichan"></icon> <span style="padding-left:10px;padding-right:10px;">资产</span>
|
</view>
|
<view bindtap="tapOpenStationBimPageInList" data-stationid="{{markerTipInfo.markerInfo.ObjectID}}"
|
data-stationname="{{markerTipInfo.markerInfo.ObjectName}}">
|
<icon class="iconfont icon-BIM"></icon> <span style="padding-left:10px;padding-right:10px;">模型</span>
|
</view>
|
<view bindtap="tapOpenReportForm" data-stationid="{{markerTipInfo.markerInfo.ObjectID}}"
|
data-stationname="{{markerTipInfo.markerInfo.ObjectName}}">
|
<icon class="iconfont icon-liebiao2"></icon> <span style="padding-left:10px;padding-right:10px;">报表</span>
|
</view>
|
</view>
|
|
<view wx:if="{{!isLoad}}" class="cu-load bg-grey load_mark {{!isLoad?'loading':'over'}}"></view>
|
</view>
|
<view wx:if="{{markerTipInfo.markerType=='gongdan'}}">
|
<view class="record_tr">
|
<view class="label">报修时间：</view>
|
<view class="labelvalue">{{markerTipInfo.markerInfo.CreateTime}}</view>
|
</view>
|
<view class="record_tr">
|
<view class="label">上报人员：</view>
|
<view class="labelvalue">{{markerTipInfo.markerInfo.CreateUserName}}</view>
|
</view>
|
<view class="record_tr">
|
<view class="label">问题说明：</view>
|
<view class="labelvalue">{{markerTipInfo.markerInfo.Question}}</view>
|
</view>
|
</view>
|
|
|
</view>
|
</view>
|
|
<!-- 回到当前点 -->
|
<view class="user_location shadow bg-white {{isLoactionShow?'layer_Show':'layer_hiden'}}" bindtap="currentLoaction">
|
<image src="../images/map/userLocation.png" style="width: 40rpx;height: 40rpx;"></image>
|
</view>
|
|
<!-- 地图缩放按钮 -->
|
<view class="scaleControl {{isShowMapLayer && isScaleShow?'layer_Show':'layer_hiden'}}">
|
<view class=" scaleBtn shadow bg-white">
|
<view class="jia" bindtap="jia"><text>+</text></view>
|
<view class="jian" bindtap="jian"><text>-</text></view>
|
</view>
|
</view>
|
|
<!-- 右侧图层抽屉 -->
|
<view class="cu-modal drawer-modal justify-end {{DrawerName=='DrawerModalR'?'show':''}}" bindtap="hideDrawerModal">
|
<view class="cu-dialog basis-lg" catchtap style="max-width:60%;">
|
<view class="action" style="height: 70rpx;display: flex;align-items: center;">
|
<text class="text-gray" style="margin-left: 30rpx;font-weight: 600;">图层显示</text>
|
</view>
|
<!-- 图层显示 -->
|
<view class="cu-list grid col-3 {{gridBorder?'':'no-border'}}">
|
<!-- 工单 -->
|
<view class="cu-item" bindtap="showMarkerLayer" style="padding:unset" data-type="RepairForm"
|
data-show="{{marker_layer.RepairForm}}">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image wx:if="{{marker_layer.RepairForm}}" src="/images/map/gongdan_blue.png" style="width:60%;height:60%">
|
</image>
|
<image wx:if="{{!marker_layer.RepairForm}}" src="/images/map/gongdan_gray.png" style="width:60%;height:60%">
|
</image>
|
<view class="cu-tag badge" style="top:22rpx;margin-top:unset;">
|
{{mapInfo.marker.RepairForm.length>0?mapInfo.marker.RepairForm.length:0}}</view>
|
</view>
|
<text style="margin-top:unset;">工单</text>
|
</view>
|
<!-- 压力计 -->
|
<view class="cu-item" bindtap="showMarkerLayer" style="padding:unset" data-type="PressMeter"
|
data-show="{{marker_layer.PressMeter}}">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image wx:if="{{marker_layer.PressMeter}}" src="/images/map/press_blue.png" style="width:60%;height:60%">
|
</image>
|
<image wx:if="{{!marker_layer.PressMeter}}" src="/images/map/press_gray.png" style="width:60%;height:60%">
|
</image>
|
<view class="cu-tag badge" style="top:22rpx;margin-top:unset;">
|
{{mapInfo.marker.PressMeter.length>0?mapInfo.marker.PressMeter.length:0}}</view>
|
</view>
|
<text style="margin-top:unset;">压力计</text>
|
</view>
|
<!-- 流量计 -->
|
<view class="cu-item" bindtap="showMarkerLayer" style="padding:unset" data-type="FlowMeter"
|
data-show="{{marker_layer.FlowMeter}}">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image wx:if="{{marker_layer.FlowMeter}}" src="/images/map/flow_blue.png" style="width:60%;height:60%">
|
</image>
|
<image wx:if="{{!marker_layer.FlowMeter}}" src="/images/map/flow_gray.png" style="width:60%;height:60%">
|
</image>
|
<view class="cu-tag badge" style="top:22rpx;margin-top:unset;">
|
{{mapInfo.marker.FlowMeter.length>0?mapInfo.marker.FlowMeter.length:0}}</view>
|
</view>
|
<text style="margin-top:unset;">流量计</text>
|
</view>
|
<!-- 水质仪 -->
|
<view class="cu-item" bindtap="showMarkerLayer" style="padding:unset" data-type="QualityMeter"
|
data-show="{{marker_layer.QualityMeter}}">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image wx:if="{{marker_layer.QualityMeter}}" src="/images/map/shuizhiyi_blue.png"
|
style="width:60%;height:60%">
|
</image>
|
<image wx:if="{{!marker_layer.QualityMeter}}" src="/images/map/shuizhiyi_gray.png"
|
style="width:60%;height:60%">
|
</image>
|
<view class="cu-tag badge" style="top:22rpx;margin-top:unset;">
|
{{mapInfo.marker.QualityMeter.length>0?mapInfo.marker.QualityMeter.length:0}}</view>
|
</view>
|
<text style="margin-top:unset;">水质仪</text>
|
</view>
|
<!-- 泵站 -->
|
<view class="cu-item" bindtap="showMarkerLayer" style="padding:unset" data-type="Station"
|
data-show="{{marker_layer.Station}}">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image wx:if="{{marker_layer.Station}}" src="/images/map/pump_blue.png" style="width:60%;height:60%">
|
</image>
|
<image wx:if="{{!marker_layer.Station}}" src="/images/map/pump_gray.png" style="width:60%;height:60%">
|
</image>
|
<view class="cu-tag badge" style="top:22rpx;margin-top:unset;">
|
{{mapInfo.marker.Station.length>0?mapInfo.marker.Station.length:0}}</view>
|
</view>
|
<text style="margin-top:unset;">泵站</text>
|
</view>
|
<!-- DMA分区 -->
|
<view class="cu-item" bindtap="showMarkerLayer" style="padding:unset" data-type="DmaArea"
|
data-show="{{marker_layer.DmaArea}}">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image wx:if="{{marker_layer.DmaArea}}" src="/images/map/DMAarea_blue.png" style="width:60%;height:60%"
|
alt="DMA"></image>
|
<image wx:if="{{!marker_layer.DmaArea}}" src="/images/map/DMAarea_gray.png" style="width:60%;height:60%"
|
alt="DMA"></image>
|
<view class="cu-tag badge" style="top:22rpx;margin-top:unset;">
|
{{mapInfo.marker.DmaArea.length>0?mapInfo.marker.DmaArea.length:0}}</view>
|
</view>
|
<text style="margin-top:unset;">DMA</text>
|
</view>
|
</view>
|
<!-- 地图类型 -->
|
<view class="action" style="height: 70rpx;display: flex;align-items: center;">
|
<text class="text-gray" style="margin-left: 30rpx;font-weight: 600;">地图类型</text>
|
</view>
|
<view class="cu-list grid col-3 {{gridBorder?'':'no-border'}}">
|
<!-- 2D平面图 -->
|
<view class="cu-item {{mapType == '2D'?'map_active':''}}" style="padding:unset" bindtap="changeMapType"
|
data-type="2D">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image src="/images/map/2d.png" style="width:60%;height:60%">
|
</image>
|
</view>
|
<text style="margin-top:unset;">2D平面图</text>
|
</view>
|
<!-- 3D俯视图 -->
|
<view class="cu-item {{mapType == '3D'?'map_active':''}}" style="padding:unset" bindtap="changeMapType"
|
data-type="3D">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image src="/images/map/3d.png" style="width:60%;height:60%">
|
</image>
|
</view>
|
<text style="margin-top:unset;">3D俯视图</text>
|
</view>
|
<!-- 卫星图 -->
|
<view class="cu-item {{mapType == 'satellite'?'map_active':''}}" style="padding:unset" bindtap="changeMapType"
|
data-type="satellite">
|
<view class="cu-avatar xl radius" style="background: #ffffff;width: 100%;height: 140rpx;">
|
<image src="/images/map/weixing.png" style="width:60%;height:60%">
|
</image>
|
</view>
|
<text style="margin-top:unset;">卫星图</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
|
<!-- 底部抽屉区域 -->
|
<!-- <movable-area style="bottom: {{drawerMenuMoveData.bottom}}rpx;width:100%;">
|
<movable-view direction="vertical" inertia="false" out-of-bounds="false" damping="100" friction="100"
|
animation="true" y="{{drawerMenuMoveData.y}}" style="width:100%;height:90vh;" bindchange="movaleChange">
|
<view class="cu-card case no-card shadow"
|
style="width: 100%;height:90vh;background:#ffffff;border-top-left-radius: 20rpx;border-top-right-radius: 20rpx;">
|
<view style="width: 100%;display: flex;justify-content: center;align-items: center;">
|
<text class="cuIcon-{{drawerMenuMoveData.icon}} text-grey text-xxl"></text>
|
</view>
|
|
<view class="cu-list grid col-5 no-border bottomDrawer">
|
<view class="cu-item" wx:for="{{meunList}}" wx:key="index">
|
<view class="iconfont {{item.icon}} text-{{item.color}}" style="font-size:44rpx;">
|
</view>
|
<text>{{item.name}}</text>
|
</view>
|
</view>
|
</view>
|
</movable-view>
|
</movable-area> -->
|
|
<view class="drawerBox" style="bottom:{{drawerMenuMoveData.bottom}}rpx" bindtouchstart="drawerTouchStart"
|
bindtouchend="drawerTouchEnd" bindtouchmove="drawerTouchMove">
|
<view class="cu-card case no-card shadow drawerBody" style="height:{{drawerMenuMoveData.height}}rpx;">
|
<view style="width: 100%;display: flex;justify-content: center;align-items: center;">
|
<text class="cuIcon-{{drawerMenuMoveData.icon}} text-grey text-xxl"></text>
|
</view>
|
|
<view class="cu-list grid col-5 no-border bottomDrawer">
|
<view class="cu-item" wx:for="{{meunList}}" wx:key="index">
|
<view class="iconfont {{item.icon}} text-{{item.color}}" style="font-size:44rpx;">
|
</view>
|
<text>{{item.name}}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
