162 lines
6.5 KiB
Plaintext
162 lines
6.5 KiB
Plaintext
<!--pages/map.wxml-->
|
|
<!-- Tab布局 -->
|
|
<view>
|
|
|
|
<!-- 内容布局 -->
|
|
<swiper class='swiperTtemBox' bindchange='pagechange' current='{{currentIndex}}' >
|
|
|
|
<swiper-item class='swiperTtemBox' catchtouchmove="stopTouchMove">
|
|
<view class="mapContent" >
|
|
<view class="mapTop">
|
|
<!-- <view class="inputVal">
|
|
<input class="weui-input" placeholder-class="phcolor" value="{{inputVal}}" bindinput="handlePos" placeholder="输入关键字查询"/>
|
|
|
|
</view> -->
|
|
<!-- <view class="inputVal" style="{{school_id?'':'color:#808080'}};{{schoolValidate?'border:1rpx solid #BD3731':''}}" bindtap="showSchoolPicker">{{school_name}}</view> -->
|
|
<view class="inputVal" >
|
|
<input class="weui-input" disabled="true" placeholder-class="phcolor" value="{{inputVal}}" bindtap="showSchoolPicker" placeholder="请选择桥梁"/>
|
|
</view>
|
|
<map id="myMap"
|
|
class="{{isChecked?'is_checked':'normal'}}"
|
|
latitude="{{district.latitude}}"
|
|
longitude="{{district.longitude}}"
|
|
markers="{{markers}}"
|
|
controls="{{controls}}"
|
|
scale="{{scale}}"
|
|
bindmarkertap="bindmarkertap"
|
|
bindcontroltap="controltap"
|
|
bindcallouttap="clickCallout"
|
|
bindtap="clearMap"
|
|
polyline="{{polyline}}"
|
|
show-location
|
|
show-scale show-compass>
|
|
</map>
|
|
<view class="contentBottomBox">
|
|
<view class="location" bindtap="controltap">
|
|
<image src="./images/mapIcon.png" class="locationIcon"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="info">
|
|
<view class="top">
|
|
<view class="image">
|
|
<image mode="aspectFill" src="{{list.img}}"></image>
|
|
</view>
|
|
<view class="title">
|
|
<view class="text">
|
|
<span style="font-size:15px;font-weight: 600;">{{list.roadNo}}{{list.bridgeName}}</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%; ">{{list.bridgeLength}}</span>
|
|
</view>
|
|
<view class="bottom">
|
|
<span class="btn" style="width: 15%;">g15</span>
|
|
<span class="btn" style="width: 35%;">{{list.stakeNo}}</span>
|
|
<span class="btn" style="width: 45%;">{{list.bridgeType}}</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>
|
|
</swiper-item>
|
|
<swiper-item class='swiperTtemBox' catchtouchmove="stopTouchMove">
|
|
<view class='page-body' wx:for="{{listNew}}" wx:key="id" >
|
|
<block wx:if="{{type === 'us_box'}}">
|
|
<navigator url='../items/items?id={{ item.id }}'>
|
|
<view class='item'>
|
|
|
|
<view class='meta'>
|
|
<view class='titContent'>
|
|
<text class='title'>{{item.title}}</text>
|
|
<text class='titleButton' >详情</text>
|
|
</view>
|
|
<text class='sub-title'>{{item.year}}</text><text>{{item.content}}</text>
|
|
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</block>
|
|
<block wx:else>
|
|
<navigator url='../items/items?id={{ item.id }}'>
|
|
<view class='item'>
|
|
<view class='meta'>
|
|
<view class='titContent'>
|
|
<text class='title'>{{item.title}}</text>
|
|
<text class='titleButton' >详情</text>
|
|
</view>
|
|
<view class='subContent'>
|
|
<text class='sub-year'>{{item.year}}</text><text class='sub-title'>{{item.content}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</block>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
<!-- Tab布局 -->
|
|
<view class='navBox'>
|
|
<view class='titleBox' bindtap='titleClick' data-idx='0'>
|
|
<text class="{{0 == currentIndex ? 'fontColorBox' : ''}}">总体情况</text>
|
|
<hr class="{{0 == currentIndex ? 'lineBox' : 'notLineBox'}}" />
|
|
</view>
|
|
<view class='titleBox' bindtap='titleClick' data-idx='1'>
|
|
<text class="{{1 == currentIndex ? 'fontColorBox1' : ''}}">特殊事件</text>
|
|
<hr class="{{1 == currentIndex ? 'lineBox' : 'notLineBox'}} " />
|
|
</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>
|
|
<view class="date-background" hidden="{{flag}}">
|
|
<view class='date-gray-background' bindtap='hiddeDatePicker'></view>
|
|
<view class='date-container'>
|
|
<view class="transparent">
|
|
<view class='date-confirm'>
|
|
<view bindtap='hiddeDatePicker'>取消</view>
|
|
<!-- <van-search
|
|
value="{{searchValue}}"
|
|
input-align="center"
|
|
placeholder="请输入学校名称关键词"
|
|
bind:change="searchSchool"
|
|
/> -->
|
|
<view bindtap='confirm'>确定</view>
|
|
</view>
|
|
<picker-view
|
|
indicator-class="indicator"
|
|
value="{{bridgeItem}}"
|
|
bindchange="bindChangePicker"
|
|
bindpickend="_bindpickend"
|
|
indicator-style="height: 100rpx;"
|
|
mask-style="height:900rpx;"
|
|
style="width: 100%; height: 90%;position:absolute;bottom:0rpx;text-align:center;background:white"
|
|
>
|
|
|
|
<picker-view-column class="pickViewColumn">
|
|
<view wx:for="{{bridge}}" wx:key="id" style="line-height: 104rpx">{{item.bridgeName}}</view>
|
|
</picker-view-column>
|
|
</picker-view>
|
|
</view>
|
|
</view>
|
|
</view>
|