354 lines
18 KiB
Plaintext
354 lines
18 KiB
Plaintext
<!--pages/vehicleMonitoring/failureAlert/failureAlert.wxml-->
|
|
<view class="container">
|
|
<van-tabs color="#4381FC" bind:click="tabOnClick">
|
|
<van-tab title="电子围栏告警">
|
|
<view class="search-container">
|
|
<view class="row">
|
|
<view class="number-plate" catchtap="toSearch">
|
|
<view class="icon_search">
|
|
<image src="../../../images/icon_search.png" mode="" />
|
|
</view>
|
|
<input type="text" placeholder="搜索车辆" placeholder-style="color:#949CB5; font-size: 28rpx; font-weight: 400;" value="{{ plateNumber }}" disabled="true" bindinput="getPassword" />
|
|
<view class="btn" data-type="1" catchtap="clearValue">
|
|
<van-icon name="close" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="status-select">
|
|
<view class="select-box" data-fieldName="satausSelectShow" catch:tap="pickerChange">
|
|
<view class="val" wx:if="{{true}}">{{statusOptions[selectStatusIndex].text}}</view>
|
|
<view class="placeholder" wx:else>请选择</view>
|
|
<view class="arrow"></view>
|
|
</view>
|
|
<!-- 项目下拉选择 -->
|
|
<van-popup show="{{showSelect.satausSelectShow}}" position="bottom" bind:close="hidePicker">
|
|
<van-picker data-fieldname="sataus" default-index="{{ selectStatusIndex }}" data-fieldindex="selectStatusIndex" show-toolbar columns="{{statusOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
|
</van-picker>
|
|
</van-popup>
|
|
</view>
|
|
<view class="project-select">
|
|
<view class="select-box" data-fieldName="projectSelectShow" catch:tap="pickerChange">
|
|
<view class="val" wx:if="{{selectProject.value > 0}}">{{projectOptions[selectProjectIndex].text}}</view>
|
|
<view class="placeholder" wx:else>请选择</view>
|
|
<view class="arrow"></view>
|
|
</view>
|
|
<!-- 项目下拉选择 -->
|
|
<van-popup show="{{showSelect.projectSelectShow}}" position="bottom" bind:close="hidePicker">
|
|
<van-picker data-fieldname="selectProject" data-fieldindex="selectProjectIndex" show-toolbar columns="{{projectOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
|
</van-picker>
|
|
</van-popup>
|
|
<!-- <picker bindchange="bindPickerProject" value="{{selectProjectIndex}}" range-key="projectName" range="{{projectOptions}}">
|
|
<view class="picker project-select">
|
|
<view class="val">
|
|
{{projectOptions[selectProjectIndex].projectName}}
|
|
</view>
|
|
</view>
|
|
</picker> -->
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="date" data-key="startDate" catchtap="showDate">
|
|
<input type="text" value="{{startDate}}" disabled="true" bindinput="getPassword" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="date" data-key="endDate" catchtap="showDate">
|
|
<input type="text" value="{{endDate}}" disabled="true" bindinput="getPassword" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
<view class="btn" catchtap="searchList">搜索</view>
|
|
</view>
|
|
</view>
|
|
<view class="list-content">
|
|
<view class="total">共 <view class="number">{{listTotal}}</view> 条告警记录</view>
|
|
<view class="list">
|
|
<scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
|
|
<view class="item" wx:for="{{fenceAlarmList}}" wx:key="index" data-inf="{{item}}" catchtap="toDetail">
|
|
<view class="top">
|
|
<view class="number-plate">{{item.plateNumber}}</view>
|
|
<view class="t-right">
|
|
<view class="project-name">{{item.projectName}}</view>
|
|
<view class="type" wx:if="{{item.fenceType == 1}}">停场围栏</view>
|
|
<view class="type" wx:if="{{item.fenceType == 2}}">行驶围栏</view>
|
|
</view>
|
|
</view>
|
|
<view class="time-container">
|
|
<view class="time {{item.endTime ? 'normal' : ''}}">
|
|
<view class="val">{{item.startTime ? item.startTime : '/'}}</view>
|
|
<view class="label">开始时间</view>
|
|
</view>
|
|
<view class="time {{item.endTime ? 'normal' : ''}}">
|
|
<view class="val">{{item.endTime ? item.endTime : '/'}}</view>
|
|
<view class="label">结束时间</view>
|
|
</view>
|
|
<view class="time {{item.endTime ? 'normal' : 'error'}}">
|
|
<view class="val val-f16">{{item.durTime ? item.durTime : '/'}}</view>
|
|
<view class="label">持续时间</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="is-last" wx:if="{{isLast && fenceAlarmList.length > 0}}" style="padding-bottom: 40rpx;">
|
|
<van-divider contentPosition="center">已加载完全部数据</van-divider>
|
|
</view>
|
|
<view class="no-data" wx:if="{{fenceAlarmList.length == 0}}">
|
|
<van-empty description="无数据" />
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</van-tab>
|
|
<van-tab title="超速告警">
|
|
<view class="search-container">
|
|
<view class="row">
|
|
<view class="number-plate" catchtap="toSearch">
|
|
<view class="icon_search">
|
|
<image src="../../../images/icon_search.png" mode="" />
|
|
</view>
|
|
<input type="text" placeholder="搜索车辆" placeholder-style="color:#949CB5; font-size: 28rpx; font-weight: 400;" value="{{ plateNumber }}" disabled="true" bindinput="getPassword" />
|
|
<view class="btn" data-type="1" catchtap="clearValue">
|
|
<van-icon name="close" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="status-select">
|
|
<view class="select-box" data-fieldName="satausSelectShow" catch:tap="pickerChange">
|
|
<view class="val" wx:if="{{true}}">{{statusOptions[selectStatusIndex].text}}</view>
|
|
<view class="placeholder" wx:else>请选择</view>
|
|
<view class="arrow"></view>
|
|
</view>
|
|
<!-- 项目下拉选择 -->
|
|
<van-popup show="{{showSelect.satausSelectShow}}" position="bottom" bind:close="hidePicker">
|
|
<van-picker data-fieldname="sataus" default-index="{{ selectStatusIndex }}" data-fieldindex="selectStatusIndex" show-toolbar columns="{{statusOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
|
</van-picker>
|
|
</van-popup>
|
|
</view>
|
|
<view class="project-select">
|
|
<view class="select-box" data-fieldName="projectSelectShow" catch:tap="pickerChange">
|
|
<view class="val" wx:if="{{selectProject.value > 0}}">{{projectOptions[selectProjectIndex].text}}</view>
|
|
<view class="placeholder" wx:else>请选择</view>
|
|
<view class="arrow"></view>
|
|
</view>
|
|
<!-- 项目下拉选择 -->
|
|
<van-popup show="{{showSelect.projectSelectShow}}" position="bottom" bind:close="hidePicker">
|
|
<van-picker data-fieldname="selectProject" data-fieldindex="selectProjectIndex" show-toolbar columns="{{projectOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
|
</van-picker>
|
|
</van-popup>
|
|
<!-- <picker bindchange="bindPickerProject" value="{{selectProjectIndex}}" range-key="projectName" range="{{projectOptions}}">
|
|
<view class="picker project-select">
|
|
<view class="val">
|
|
{{projectOptions[selectProjectIndex].projectName}}
|
|
</view>
|
|
</view>
|
|
</picker> -->
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="date" data-key="startDate" catchtap="showDate">
|
|
<input type="text" value="{{startDate}}" disabled="true" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="date" data-key="endDate" catchtap="showDate">
|
|
<input type="text" value="{{endDate}}" disabled="true" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
<view class="btn" catchtap="searchList">搜索</view>
|
|
</view>
|
|
</view>
|
|
<view class="list-content">
|
|
<view class="total">共 <view class="number">{{speedAlarmlistTotal}}</view> 条告警记录</view>
|
|
<view class="list">
|
|
<scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
|
|
<view class="item" wx:for="{{speedAlarmList}}" wx:key="index" data-inf="{{item}}" catchtap="toDetail">
|
|
<view class="top">
|
|
<view class="number-plate">{{item.plateNumber}}</view>
|
|
<view class="t-right">
|
|
<view class="project-name">{{item.projectName}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="label">车速</view>
|
|
<view class="val">{{item.speed}}km/h</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="label">规定车速</view>
|
|
<view class="val">{{item.ruleSpeed}}km/h</view>
|
|
</view>
|
|
<view class="time-container">
|
|
<view class="time {{item.endTime ? 'normal' : ''}}">
|
|
<view class="val">{{item.startTime ? item.startTime : '/'}}</view>
|
|
<view class="label">开始时间</view>
|
|
</view>
|
|
<view class="time {{item.endTime ? 'normal' : ''}}">
|
|
<view class="val">{{item.endTime ? item.endTime : '/'}}</view>
|
|
<view class="label">结束时间</view>
|
|
</view>
|
|
<view class="time {{item.endTime ? 'normal' : 'error'}}">
|
|
<view class="val val-f16">{{item.durTime ? item.durTime : '/'}}</view>
|
|
<view class="label">持续时间</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="is-last" wx:if="{{isLast && speedAlarmList.length > 0}}" style="padding-bottom: 40rpx;">
|
|
<van-divider contentPosition="center">已加载完全部数据</van-divider>
|
|
</view>
|
|
<view class="no-data" wx:if="{{speedAlarmList.length == 0}}">
|
|
<van-empty description="无数据" />
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</van-tab>
|
|
<van-tab title="停车超时告警">
|
|
<view class="search-container">
|
|
<view class="row">
|
|
<view class="number-plate" catchtap="toSearch">
|
|
<view class="icon_search">
|
|
<image src="../../../images/icon_search.png" mode="" />
|
|
</view>
|
|
<input type="text" placeholder="搜索车辆" placeholder-style="color:#949CB5; font-size: 28rpx; font-weight: 400;" value="{{ plateNumber }}" disabled="true" bindinput="getPassword" />
|
|
<view class="btn" data-type="1" catchtap="clearValue">
|
|
<van-icon name="close" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="status-select">
|
|
<view class="select-box" data-fieldName="satausSelectShow" catch:tap="pickerChange">
|
|
<view class="val" wx:if="{{true}}">{{statusOptions[selectStatusIndex].text}}</view>
|
|
<view class="placeholder" wx:else>请选择</view>
|
|
<view class="arrow"></view>
|
|
</view>
|
|
<!-- 项目下拉选择 -->
|
|
<van-popup show="{{showSelect.satausSelectShow}}" position="bottom" bind:close="hidePicker">
|
|
<van-picker data-fieldname="sataus" default-index="{{ selectStatusIndex }}" data-fieldindex="selectStatusIndex" show-toolbar columns="{{statusOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
|
</van-picker>
|
|
</van-popup>
|
|
</view>
|
|
<view class="project-select">
|
|
<view class="select-box" data-fieldName="projectSelectShow" catch:tap="pickerChange">
|
|
<view class="val" wx:if="{{selectProject.value > 0}}">{{projectOptions[selectProjectIndex].text}}</view>
|
|
<view class="placeholder" wx:else>请选择</view>
|
|
<view class="arrow"></view>
|
|
</view>
|
|
<!-- 项目下拉选择 -->
|
|
<van-popup show="{{showSelect.projectSelectShow}}" position="bottom" bind:close="hidePicker">
|
|
<van-picker data-fieldname="selectProject" data-fieldindex="selectProjectIndex" show-toolbar columns="{{projectOptions}}" bind:confirm="pickerConfirm" bind:cancel="hidePicker">
|
|
</van-picker>
|
|
</van-popup>
|
|
<!-- <picker bindchange="bindPickerProject" value="{{selectProjectIndex}}" range-key="projectName" range="{{projectOptions}}">
|
|
<view class="picker project-select">
|
|
<view class="val">
|
|
{{projectOptions[selectProjectIndex].projectName}}
|
|
</view>
|
|
</view>
|
|
</picker> -->
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="date" data-key="startDate" catchtap="showDate">
|
|
<input type="text" value="{{startDate}}" disabled="true" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="date" data-key="endDate" catchtap="showDate">
|
|
<input type="text" value="{{endDate}}" disabled="true" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
<view class="btn" catchtap="searchList">搜索</view>
|
|
</view>
|
|
</view>
|
|
<view class="list-content">
|
|
<view class="total">共 <view class="number">{{overTimeAlarmlistTotal}}</view> 条告警记录</view>
|
|
<view class="list">
|
|
<scroll-view class="scroll-view_H" scroll-y="true" bindscrolltolower="lower" style="width: 100%">
|
|
<view class="item" wx:for="{{overTimeAlarmList}}" wx:key="index" data-inf="{{item}}" catchtap="toDetail">
|
|
<view class="top">
|
|
<view class="number-plate">{{item.plateNumber}}</view>
|
|
<view class="t-right">
|
|
<view class="project-name">{{item.projectName}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="label">停车时长</view>
|
|
<view class="val">{{item.stopTime ? item.stopTime + '秒' : '/'}}</view>
|
|
</view>
|
|
<view class="time-container">
|
|
<view class="time {{item.endTime ? 'normal' : ''}}">
|
|
<view class="val">{{item.startTime ? item.startTime : '/'}}</view>
|
|
<view class="label">开始时间</view>
|
|
</view>
|
|
<view class="time {{item.endTime ? 'normal' : ''}}">
|
|
<view class="val">{{item.endTime ? item.endTime : '/'}}</view>
|
|
<view class="label">结束时间</view>
|
|
</view>
|
|
<view class="time {{item.endTime ? 'normal' : 'error'}}">
|
|
<view class="val val-f16">{{item.durTime ? item.durTime : '/'}}</view>
|
|
<view class="label">持续时间</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="is-last" wx:if="{{isLast && overTimeAlarmList.length > 0}}" style="padding-bottom: 40rpx;">
|
|
<van-divider contentPosition="center">已加载完全部数据</van-divider>
|
|
</view>
|
|
<view class="no-data" wx:if="{{overTimeAlarmList.length == 0}}">
|
|
<van-empty description="无数据" />
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</van-tab>
|
|
</van-tabs>
|
|
<!-- 日期范围选择 -->
|
|
<van-popup show="{{ showDateSelect }}" position="bottom" custom-style="height: 60%;" bind:click-overlay="hideDate">
|
|
<view style="background: #fff;border-radius: 4px 4px 0 0;overflow: hidden;">
|
|
<view class="date-btn-box">
|
|
<view class="btn btn-cancel" bindtap="hideDate">取消</view>
|
|
<view class="title">选择开始结束时间</view>
|
|
<view class="btn btn-confirm" bindtap="changeDate">确定</view>
|
|
</view>
|
|
<view class="date-title">
|
|
<view class="date {{selectDate == 'startDate' ? 'select' : ''}}" data-key="startDate" catchtap="changeSelectDate">
|
|
<input type="text" value="{{startDateTmp}}" disabled="true" bindinput="getPassword" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
<view class="line"></view>
|
|
<view class="date {{selectDate == 'endDate' ? 'select' : ''}}" data-key="endDate" catchtap="changeSelectDate">
|
|
<input type="text" value="{{endDateTmp}}" disabled="true" bindinput="getPassword" />
|
|
<view class="icon">
|
|
<image src="../../../images/icon_cal.png" mode="" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="picker-box">
|
|
<picker-view data-key="dateRang" value="{{dateValue}}" indicator-style="height: 50px;" style="width: 100%; height: 500rpx;" bindchange="selectDate">
|
|
<picker-view-column>
|
|
<view style="line-height: 50px; text-align: center;" wx:for="{{dateList.years}}" wx:key="index">{{item}}年</view>
|
|
</picker-view-column>
|
|
<picker-view-column>
|
|
<view style="line-height: 50px; text-align: center;" wx:for="{{dateList.months}}" wx:key="index">{{item}}月</view>
|
|
</picker-view-column>
|
|
<picker-view-column>
|
|
<view style="line-height: 50px; text-align: center;" wx:for="{{dateList.date}}" wx:key="index">{{item}}日</view>
|
|
</picker-view-column>
|
|
</picker-view>
|
|
</view>
|
|
</view>
|
|
</van-popup>
|
|
</view> |