58 lines
2.7 KiB
Plaintext
58 lines
2.7 KiB
Plaintext
<!--pages/map.wxml-->
|
|
<view class="mapContent">
|
|
<view class="mapTop">
|
|
<view class="inputVal">
|
|
<input class="weui-input" placeholder-class="phcolor" value="{{inputVal}}" bindinput="handlePos" placeholder="输入关键字查询"/>
|
|
|
|
<image style="width: 20px; height: 20px;margin-left: 10rpx; margin-top: 5rpx;" src="./images/icon1.png"></image>
|
|
</view>
|
|
<map id="myMap"
|
|
latitude="{{district.latitude}}"
|
|
longitude="{{district.longitude}}"
|
|
show-location scale="14" style="width: 100%; height: calc(100% - 100rpx);"></map>
|
|
</view>
|
|
<view class="info">
|
|
<view class="top">
|
|
<view class="image">
|
|
<image mode="aspectFill" src="./images/qiao.png"></image>
|
|
</view>
|
|
<view class="title">
|
|
<view class="text">
|
|
<span style="font-size:15px;font-weight: 600;">董滨枢纽小桥</span>
|
|
<view style="display: flex;align-items: center" bindtap='handleRouter'>
|
|
<span style="font-size:14px;color:rgb(105, 131, 255)">详情</span>
|
|
<van-icon name="arrow" style="font-size:14px;color:rgb(105, 131, 255);margin: 8rpx 0 0 5rpx;"/>
|
|
</view>
|
|
</view>
|
|
<view class="middle" style="font-size:13px;margin: 18rpx 0; width: 100%;overflow: hidden;">
|
|
<span style="word-break: keep-all;white-space:nowrap; width: 100%; ">(14+9*20)+(20+2*30+20)+(6*20+14)</span>
|
|
</view>
|
|
<view class="bottom">
|
|
<span class="btn" style="width: 70rpx;">g15</span>
|
|
<span class="btn" style="width: 120rpx;">kd+212</span>
|
|
<span class="btn" style="width: 160rpx;">预制空心板</span>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="font-size: 12.5px;line-height: 18px;margin-top: 20rpx;">
|
|
最近一天桥梁结构监测统计信息：过车总量<span style="color: rgb(105, 131, 255);">12542</span>; 49吨以上车辆总数<span style="color: rgb(105, 131, 255);">289</span>;
|
|
100吨以上车辆总数<span style="color: rgb(105, 131, 255);">214</span>；车辆效应与设计值最大比值<span style="color: rgb(105, 131, 255);">24/100</span>；监测预警数量<span>12</span>条；
|
|
最大预警级别：红色预警。
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<!--关键词输入提示列表渲染-->
|
|
<view class="listPos">
|
|
<view wx:for="{{suggestion}}" wx:key="index" >
|
|
<!--绑定回填事件-->
|
|
<view>
|
|
<!--根据需求渲染相应数据-->
|
|
<!--渲染地址title-->
|
|
<view style="text-align:center;" bindtap="backfill" id="{{index}}">{{item.title}}</view>
|
|
<!--渲染详细地址-->
|
|
<view style="font-size:12px;color:#666;text-align:center;">{{item.addr}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|