|
|
@@ -6,7 +6,8 @@ |
|
|
|
</view> |
|
|
|
<view class="content"> |
|
|
|
<view class="title">填写查询条件</view> |
|
|
|
<uni-datetime-picker ref="filterDate" v-model="state.range" type="daterange" /> |
|
|
|
<view style="line-height: 70rpx; color: #01243A; margin-bottom: 24rpx;">车牌:{{ state.searchForm.exVehPlate }}</view> |
|
|
|
<uni-datetime-picker ref="filterDate" v-model="state.range" type="daterange" :clear-icon="false"/> |
|
|
|
<view class="search-btns"> |
|
|
|
<button type="default" class="ui-btn search-btn" @click="getList()" style="width: auto;"> |
|
|
|
查询 |
|
|
@@ -21,31 +22,34 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="list-title">查询结果列表</view> |
|
|
|
|
|
|
|
<view class="list"> |
|
|
|
<view |
|
|
|
class="item" |
|
|
|
v-for="(item, index) in state.list" |
|
|
|
:key="index"> |
|
|
|
<view class="head"> |
|
|
|
{{ item.enTollStationName }} - {{ item.exTollStationName }} |
|
|
|
</view> |
|
|
|
<view class="list-main"> |
|
|
|
<view class="left"> |
|
|
|
<view class="money-out">金额:<text class="money"><text class="unit">¥</text>{{ item.tollAmount }}</text></view> |
|
|
|
<view class="start-time">入口时间:{{ item.enTime }}</view> |
|
|
|
<view>出口时间:{{ item.exTime }}</view> |
|
|
|
<view class="page-content"> |
|
|
|
<view class="list-title">查询结果列表</view> |
|
|
|
|
|
|
|
<template v-if="state.list && state.list.length > 0"> |
|
|
|
<view class="list"> |
|
|
|
<view |
|
|
|
class="item" |
|
|
|
v-for="(item, index) in state.list" |
|
|
|
:key="index"> |
|
|
|
<view class="head"> |
|
|
|
{{ item.enTollStationName }} - {{ item.exTollStationName }} |
|
|
|
</view> |
|
|
|
<view class="list-main"> |
|
|
|
<view class="left"> |
|
|
|
<view class="money-out">金额:<text class="money"><text class="unit">¥</text>{{ item.tollAmount }}</text></view> |
|
|
|
<view class="start-time">入口时间:{{ item.enTime }}</view> |
|
|
|
<view>出口时间:{{ item.exTime }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="bottom"> |
|
|
|
<view class="right-state" @click="apply(item)">申请退费</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="bottom"> |
|
|
|
<view class="right-state" @click="apply(item)">申请退费</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;margin: 20rpx;font-size: 30rpx; color: #999999;">我是有底线的~</view> |
|
|
|
</template> |
|
|
|
<no-data-view v-else :text="'暂无通行流水信息'"></no-data-view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view style="text-align: center;margin: 20rpx;font-size: 30rpx; color: #999999;">我是有底线的~</view> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup lang="ts"> |
|
|
@@ -55,6 +59,7 @@ |
|
|
|
import { getProvinceEtcTransactionFlow, exportProvinceEtcTransactionFlow } from '@/utils/network/api.js' |
|
|
|
import navBar from "@/components/nav-bar/nav-bar2.vue"; |
|
|
|
import FixedFooter from "@/components/common/FixedFooter"; |
|
|
|
import { getFirstDayOfMonth, getLastDayOfMonth } from '@/utils/utils' |
|
|
|
|
|
|
|
const scrollTop = ref(0); //滚动距离 |
|
|
|
const filterDate = ref(null) |
|
|
@@ -68,9 +73,12 @@ |
|
|
|
const state = reactive({ |
|
|
|
vehicleNum: '', |
|
|
|
searchForm: { |
|
|
|
exVehPlate: '贵BXE005', |
|
|
|
start: '2024-04-02', |
|
|
|
end: '2024-04-03' |
|
|
|
exVehPlate: '', |
|
|
|
start: '', |
|
|
|
end: '', |
|
|
|
// exVehPlate: '贵BXE005', 测试数据 |
|
|
|
// start: '2024-04-02', |
|
|
|
// end: '2024-04-03' |
|
|
|
}, |
|
|
|
vehiclePlateColor: '', |
|
|
|
range: [], |
|
|
@@ -88,8 +96,11 @@ |
|
|
|
let { vehicleId } = option |
|
|
|
if (vehicleId) { |
|
|
|
let vehicleArr = vehicleId.split('_') |
|
|
|
// state.searchForm.exVehPlate = vehicleArr[0] |
|
|
|
state.searchForm.exVehPlate = decodeURIComponent(vehicleArr[0]) |
|
|
|
state.vehiclePlateColor = vehicleArr[1] |
|
|
|
state.searchForm.start = getFirstDayOfMonth() |
|
|
|
state.searchForm.end = getLastDayOfMonth() |
|
|
|
state.range = [getFirstDayOfMonth(), getLastDayOfMonth()] |
|
|
|
getList() |
|
|
|
} |
|
|
|
}) |
|
|
@@ -205,8 +216,13 @@ |
|
|
|
padding: 0 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.page-content{ |
|
|
|
padding-top: 643rpx; |
|
|
|
} |
|
|
|
.list-title{ |
|
|
|
padding: 0 32rpx; |
|
|
|
} |
|
|
|
.list{ |
|
|
|
margin-top: 500rpx; |
|
|
|
border-radius: 12rpx; |
|
|
|
.item{ |
|
|
|
background-color: #FFFFFF; |