|
|
|
@ -1,7 +1,8 @@
|
|
|
|
<!--排名数据与计费列表 -->
|
|
|
|
<!--排名数据与计费列表 -->
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="top_div_rank">
|
|
|
|
<div class="top_div_rank">
|
|
|
|
<el-form :inline="true" :model="formInline" :label-position="right" class="demo-form-inline" style="width:100%;height: 100%">
|
|
|
|
<el-form :inline="true" label-position="right" class="demo-form-inline" style="width:100%;height: 100%">
|
|
|
|
|
|
|
|
<el-form-item><span style="color: #67c23a;font-size: large">通用条件</span></el-form-item>
|
|
|
|
<el-form-item label="日期：" class="s_el_row">
|
|
|
|
<el-form-item label="日期：" class="s_el_row">
|
|
|
|
<el-date-picker
|
|
|
|
<el-date-picker
|
|
|
|
v-model="rpTime"
|
|
|
|
v-model="rpTime"
|
|
|
|
@ -14,7 +15,7 @@
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="分公司名称：" class="s_el_row" style="width:13%">
|
|
|
|
<el-form-item label="分公司名称：" class="s_el_row" style="width:13%">
|
|
|
|
<el-select v-model="subcomno" @change="changesubcomnoValue" filterable placeholder="请选择..." clearable="true" style="width:100%;height:100%;border-color: gainsboro">
|
|
|
|
<el-select v-model="subcomno" @change="changesubcomnoValue" filterable="true" placeholder="请选择..." clearable="true" style="width:100%;height:100%;border-color: gainsboro">
|
|
|
|
<el-option
|
|
|
|
<el-option
|
|
|
|
v-for="item in subcomDatas"
|
|
|
|
v-for="item in subcomDatas"
|
|
|
|
:key="item.VALUE"
|
|
|
|
:key="item.VALUE"
|
|
|
|
@ -23,7 +24,7 @@
|
|
|
|
</el-option>
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="路段名称：" class="s_el_row" style="width:12%">
|
|
|
|
<!-- <el-form-item label="路段名称：" class="s_el_row" style="width:12%">
|
|
|
|
<el-select v-model="roadno" @change="changeroadValue" filterable placeholder="请选择..." clearable style="width:100%;height:100%;border-color: gainsboro">
|
|
|
|
<el-select v-model="roadno" @change="changeroadValue" filterable placeholder="请选择..." clearable style="width:100%;height:100%;border-color: gainsboro">
|
|
|
|
<el-option
|
|
|
|
<el-option
|
|
|
|
v-for="item in roadDatas"
|
|
|
|
v-for="item in roadDatas"
|
|
|
|
@ -42,7 +43,7 @@
|
|
|
|
:value="item.VALUE">
|
|
|
|
:value="item.VALUE">
|
|
|
|
</el-option>
|
|
|
|
</el-option>
|
|
|
|
</el-select>
|
|
|
|
</el-select>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>-->
|
|
|
|
<el-form-item label="" style="width:8%;margin-right:5px" class="s_el_row">
|
|
|
|
<el-form-item label="" style="width:8%;margin-right:5px" class="s_el_row">
|
|
|
|
<div style="display:flex;text-align: left; height:100%; position: relative;margin:0;padding:0">
|
|
|
|
<div style="display:flex;text-align: left; height:100%; position: relative;margin:0;padding:0">
|
|
|
|
<el-button type="primary" style="margin-top: 0px;" @click="search" class="query_button" size="default" :icon="searchButton">查询</el-button>
|
|
|
|
<el-button type="primary" style="margin-top: 0px;" @click="search" class="query_button" size="default" :icon="searchButton">查询</el-button>
|
|
|
|
@ -80,23 +81,24 @@
|
|
|
|
<el-table-column type="index" label="排名" align="center" width="80px"/>
|
|
|
|
<el-table-column type="index" label="排名" align="center" width="80px"/>
|
|
|
|
<el-table-column prop="tollintervalidname" label="计费单元" :show-overflow-tooltip="true" width="230px" resizable align="center" />
|
|
|
|
<el-table-column prop="tollintervalidname" label="计费单元" :show-overflow-tooltip="true" width="230px" resizable align="center" />
|
|
|
|
<el-table-column prop="tollintervalid" label="计费单元id" v-if="false" />
|
|
|
|
<el-table-column prop="tollintervalid" label="计费单元id" v-if="false" />
|
|
|
|
<el-table-column prop="fee" label="计费金额(元)" :show-overflow-tooltip="true" width="200px" resizable align="center" />
|
|
|
|
<el-table-column prop="fee" label="计费金额(万元)" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
|
|
|
<el-table-column prop="divfee" label="拆分金额(万元)" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="middle-div-right_rank">
|
|
|
|
<div class="middle-div-right_rank">
|
|
|
|
<div class="hz-div_rank">
|
|
|
|
<div class="hz-div_rank">
|
|
|
|
<el-row style="padding-bottom: 20px;position: relative;border-bottom: #c9c6c6 solid">
|
|
|
|
<el-row style="padding-bottom: 20px;position: relative;border-bottom: 0.5px #c9c6c6 solid">
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-col :span="6">
|
|
|
|
<i style="font-size: 15px">车流量：{{carCount}} 辆</i>
|
|
|
|
<i style="font-size: 15px">总车流量：{{carCount}} 万辆</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-col :span="6">
|
|
|
|
<i style="font-size: 15px">计费金额：{{feeTotal}} 元</i>
|
|
|
|
<i style="font-size: 15px">总计费金额：{{feeTotal}} 万元</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6" v-if="false">
|
|
|
|
<el-col :span="6" v-if="false">
|
|
|
|
<i style="font-size: 15px">应收金额：{{payfeeTotal}} 元</i>
|
|
|
|
<i style="font-size: 15px">总应收金额：{{payfeeTotal}} 万元</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-col :span="6">
|
|
|
|
<i style="font-size: 15px">拆分金额：{{divfeeTotal}} 元</i>
|
|
|
|
<i style="font-size: 15px">总拆分金额：{{divfeeTotal}} 万元</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
<el-row style="padding-bottom:10px;position: relative;">
|
|
|
|
<el-row style="padding-bottom:10px;position: relative;">
|
|
|
|
@ -110,25 +112,25 @@
|
|
|
|
</el-row >
|
|
|
|
</el-row >
|
|
|
|
<el-row style="padding-bottom:15px;position: relative;border-bottom: #c9c6c6 solid">
|
|
|
|
<el-row style="padding-bottom:15px;position: relative;border-bottom: #c9c6c6 solid">
|
|
|
|
<el-col :span="6" >
|
|
|
|
<el-col :span="6" >
|
|
|
|
<i style="font-size: 15px">车流量：{{typecarCount}} 辆</i>
|
|
|
|
<i style="font-size: 15px">车流量：{{typecarCount}} 万辆</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6" >
|
|
|
|
<el-col :span="6" >
|
|
|
|
<i style="font-size: 15px">计费金额：{{typefeeTotal}} 元</i>
|
|
|
|
<i style="font-size: 15px">计费金额：{{typefeeTotal}} 万元</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6" v-if="false">
|
|
|
|
<el-col :span="6" v-if="false">
|
|
|
|
<i style="font-size: 15px">应收金额：{{typepayfeeTotal}} 元</i>
|
|
|
|
<i style="font-size: 15px">应收金额：{{typepayfeeTotal}} 万元</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
|
|
<el-col :span="6">
|
|
|
|
<i style="font-size: 15px">拆分金额：{{typedivfeeTotal}} 元</i>
|
|
|
|
<i style="font-size: 15px">拆分金额：{{typedivfeeTotal}} 万元</i>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="dt-div_rank">
|
|
|
|
<div class="dt-div_rank">
|
|
|
|
<!-- <mapvue ref="map" :begindate="begindate" :enddate="enddate"></mapvue>-->
|
|
|
|
<!-- <mapvue ref="map" :begindate="begindate" :enddate="enddate"></mapvue>-->
|
|
|
|
<div style="height: 8%;width: 100%;position:relative">
|
|
|
|
<!-- <div style="height: 8%;width: 100%;position:relative">
|
|
|
|
<el-form :inline="true" :label-position="right" style="width:100%;height: 100%;margin-top: 10px">
|
|
|
|
<el-form :inline="true" :label-position="right" style="width:100%;height: 100%;margin-top: 20px">
|
|
|
|
<el-form-item label="名称：">
|
|
|
|
<el-form-item label="名称：">
|
|
|
|
<el-input :model-value="queryfeename"/>
|
|
|
|
<el-input v-model="queryfeename"/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="" style="width:8%;margin-right:5px" class="s_el_row">
|
|
|
|
<el-form-item label="" style="width:8%;margin-right:5px" class="s_el_row">
|
|
|
|
<div style="display:flex;text-align: left; height:100%; position: relative;margin:0;padding:0">
|
|
|
|
<div style="display:flex;text-align: left; height:100%; position: relative;margin:0;padding:0">
|
|
|
|
@ -138,7 +140,7 @@
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="height: 85%;width: 100%;position:relative">
|
|
|
|
<div style="height: 85%;width: 100%;position:relative">
|
|
|
|
<el-table :data="tableDataDetail" height="100%" :header-cell-style="{background:'rgb(213,216,217)',align:'center'}" border v-loading="tableloading"
|
|
|
|
<el-table :data="tableDataDetail" height="100%" :header-cell-style="{background:'rgb(213,216,217)',align:'center'}" border v-loading="feeloading"
|
|
|
|
@row-dblclick="showDivDetial">
|
|
|
|
@row-dblclick="showDivDetial">
|
|
|
|
<el-table-column type="index" label="序号" align="center" width="100px"/>
|
|
|
|
<el-table-column type="index" label="序号" align="center" width="100px"/>
|
|
|
|
<el-table-column prop="tollintervalid" label="计费单元id" v-if="tableDisable" align="center" />
|
|
|
|
<el-table-column prop="tollintervalid" label="计费单元id" v-if="tableDisable" align="center" />
|
|
|
|
@ -146,11 +148,10 @@
|
|
|
|
<el-table-column prop="subcomname" label="分公司" align="center" width="220px"/>
|
|
|
|
<el-table-column prop="subcomname" label="分公司" align="center" width="220px"/>
|
|
|
|
<el-table-column prop="roadname" label="路段" align="center" width="200px"/>
|
|
|
|
<el-table-column prop="roadname" label="路段" align="center" width="200px"/>
|
|
|
|
<el-table-column prop="staname" label="收费站" align="center" width="200px"/>
|
|
|
|
<el-table-column prop="staname" label="收费站" align="center" width="200px"/>
|
|
|
|
<el-table-column prop="length" label="计费单元长度(米)" align="center" width="200px"/>
|
|
|
|
<el-table-column prop="lengthT" label="计费单元长度(米)" align="center" width="200px"/>
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="height: 5%;width: 100%;position:relative">
|
|
|
|
<div style="height: 5%;width: 100%;position:relative">
|
|
|
|
<!-- 分页 -->
|
|
|
|
|
|
|
|
<el-pagination
|
|
|
|
<el-pagination
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
@ -161,6 +162,46 @@
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
style="width: 90%;height:100%;position:inherit;margin-top:5px;font-size: x-small">
|
|
|
|
style="width: 90%;height:100%;position:inherit;margin-top:5px;font-size: x-small">
|
|
|
|
</el-pagination>
|
|
|
|
</el-pagination>
|
|
|
|
|
|
|
|
</div>-->
|
|
|
|
|
|
|
|
<div style="height: 8%;width: 100%;position:relative">
|
|
|
|
|
|
|
|
<el-form :inline="true" :label-position="right" style="width:100%;height: 100%;margin-top: 20px">
|
|
|
|
|
|
|
|
<el-form-item label="路线名称：">
|
|
|
|
|
|
|
|
<el-select v-model="roadLineNo" @change="changeRoadLine" filterable="true" placeholder="请选择..." clearable="true" style="width:100%;height:100%;border-color: gainsboro">
|
|
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="item in roadLineList"
|
|
|
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
|
|
|
</el-option>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="方向：">
|
|
|
|
|
|
|
|
<el-switch
|
|
|
|
|
|
|
|
v-model="directRoad"
|
|
|
|
|
|
|
|
@change="changeDirect"
|
|
|
|
|
|
|
|
active-text="上行"
|
|
|
|
|
|
|
|
active-value="1"
|
|
|
|
|
|
|
|
inactive-text="下行"
|
|
|
|
|
|
|
|
inactive-value="2">
|
|
|
|
|
|
|
|
</el-switch>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="" style="width:8%;margin-right:5px" class="s_el_row">
|
|
|
|
|
|
|
|
<div style="display:flex;text-align: left; height:100%; position: relative;margin:0;padding:0">
|
|
|
|
|
|
|
|
<!-- <el-button type="primary" style="margin-top: 0px;" @click="searchRoad" class="query_button" size="default" :icon="searchButton">查询</el-button>-->
|
|
|
|
|
|
|
|
<el-button type="primary" style="margin-top: 0px;" @click="showRoadEchart" class="query_button" size="default" :icon="searchButton">走势图</el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="height: 90%;width: 100%;position:relative">
|
|
|
|
|
|
|
|
<el-table :data="roadLineTableData" height="100%" :header-cell-style="{background:'rgb(213,216,217)',align:'center'}"
|
|
|
|
|
|
|
|
border v-loading="roadLineloading" show-summary>
|
|
|
|
|
|
|
|
<el-table-column type="index" label="序号" align="center" width="100px"/>
|
|
|
|
|
|
|
|
<el-table-column prop="tollintervalidname" label="门架名称" width="300px" align="center" />
|
|
|
|
|
|
|
|
<el-table-column prop="fee" label="计费总金额(万元)" align="center" width="260px"/>
|
|
|
|
|
|
|
|
<el-table-column prop="divfee" label="拆分总金额(万元)" align="center" width="220px"/>
|
|
|
|
|
|
|
|
<el-table-column prop="carcount" label="计费总车流量(万辆)" align="center" width="200px"/>
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -174,6 +215,15 @@
|
|
|
|
:close-on-click-modal="clickDialog">
|
|
|
|
:close-on-click-modal="clickDialog">
|
|
|
|
<feeStatDetail :key="new Date().getTime()" :begindate="begindate" :enddate="enddate" :divStatus="divStatus" :tollvalid="tollvalid"></feeStatDetail>
|
|
|
|
<feeStatDetail :key="new Date().getTime()" :begindate="begindate" :enddate="enddate" :divStatus="divStatus" :tollvalid="tollvalid"></feeStatDetail>
|
|
|
|
</el-dialog>
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="走势图"
|
|
|
|
|
|
|
|
v-model="showRoadLine"
|
|
|
|
|
|
|
|
width="80%"
|
|
|
|
|
|
|
|
top="0.5%"
|
|
|
|
|
|
|
|
style="height: 50%"
|
|
|
|
|
|
|
|
:close-on-click-modal="clickDialog">
|
|
|
|
|
|
|
|
<roadLineEcharts ref="roadLineEcharts" ></roadLineEcharts>
|
|
|
|
|
|
|
|
</el-dialog>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<style >
|
|
|
|
<style >
|
|
|
|
html{
|
|
|
|
html{
|
|
|
|
@ -195,7 +245,7 @@ body{
|
|
|
|
.top_div_rank{
|
|
|
|
.top_div_rank{
|
|
|
|
height: 5%;
|
|
|
|
height: 5%;
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
border-bottom: #c9c6c6 solid;
|
|
|
|
border-bottom: 0.5px #c9c6c6 solid;
|
|
|
|
top: 0;
|
|
|
|
top: 0;
|
|
|
|
/*z-index: 1000; /* 确保它在其他内容之上 */
|
|
|
|
/*z-index: 1000; /* 确保它在其他内容之上 */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -206,7 +256,7 @@ body{
|
|
|
|
border-top: #c9c6c6 solid;
|
|
|
|
border-top: #c9c6c6 solid;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.middle-div-left_rank{
|
|
|
|
.middle-div-left_rank{
|
|
|
|
height: 100%;
|
|
|
|
height: 90%;
|
|
|
|
width: 30%;
|
|
|
|
width: 30%;
|
|
|
|
border-right: #c9c6c6 solid;
|
|
|
|
border-right: #c9c6c6 solid;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -228,8 +278,9 @@ body{
|
|
|
|
import {
|
|
|
|
import {
|
|
|
|
Search
|
|
|
|
Search
|
|
|
|
} from '@element-plus/icons-vue'
|
|
|
|
} from '@element-plus/icons-vue'
|
|
|
|
import {getSelectList, getRankList, getHzData, getFeeunitListByPage} from "@/util/api/api";
|
|
|
|
import {getSelectList, getRankList, getHzData, getFeeunitListByPage,getGantryListByLineNo} from "@/util/api/api";
|
|
|
|
import feeStatDetail from '@/views/dev/detail/feeStatDetail.vue'
|
|
|
|
import feeStatDetail from '@/views/dev/detail/feeStatDetail.vue'
|
|
|
|
|
|
|
|
import roadLineEcharts from '@/views/dev/echarts/roadLineEcharts.vue'
|
|
|
|
var _this;
|
|
|
|
var _this;
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: "checkEcharts",
|
|
|
|
name: "checkEcharts",
|
|
|
|
@ -241,11 +292,12 @@ data() {
|
|
|
|
tableDataDetail: [],
|
|
|
|
tableDataDetail: [],
|
|
|
|
tableDisable:false,
|
|
|
|
tableDisable:false,
|
|
|
|
tableloading:false,
|
|
|
|
tableloading:false,
|
|
|
|
|
|
|
|
feeloading:false,
|
|
|
|
rpTime:"",
|
|
|
|
rpTime:"",
|
|
|
|
searchButton:Search,
|
|
|
|
searchButton:Search,
|
|
|
|
clickDialog:false,
|
|
|
|
clickDialog:false,
|
|
|
|
divStatus:"",
|
|
|
|
divStatus:"",
|
|
|
|
selectedText:"",
|
|
|
|
selectedText:"拆分准确",
|
|
|
|
divStatusList:[],
|
|
|
|
divStatusList:[],
|
|
|
|
rankList:[{"VALUE":1,"LABEL":"10"},{"VALUE":2,"LABEL":"20"},{"VALUE":3,"LABEL":"30"}],
|
|
|
|
rankList:[{"VALUE":1,"LABEL":"10"},{"VALUE":2,"LABEL":"20"},{"VALUE":3,"LABEL":"30"}],
|
|
|
|
carCount:"0",
|
|
|
|
carCount:"0",
|
|
|
|
@ -267,27 +319,33 @@ data() {
|
|
|
|
subcomDatas: [],
|
|
|
|
subcomDatas: [],
|
|
|
|
roadDatas: [],
|
|
|
|
roadDatas: [],
|
|
|
|
staDatas: [],
|
|
|
|
staDatas: [],
|
|
|
|
|
|
|
|
roadLineList: [],
|
|
|
|
subcomno: "",
|
|
|
|
subcomno: "",
|
|
|
|
roadno: "",
|
|
|
|
roadno: "",
|
|
|
|
stano: "",
|
|
|
|
stano: "",
|
|
|
|
queryfeename:""
|
|
|
|
queryfeename:"",
|
|
|
|
|
|
|
|
roadLineNo:"", //路线编码
|
|
|
|
|
|
|
|
directRoad:"1",
|
|
|
|
|
|
|
|
roadLineloading:false,
|
|
|
|
|
|
|
|
roadLineTableData:[],
|
|
|
|
|
|
|
|
showRoadLine:false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
handleSizeChange(val) {
|
|
|
|
handleSizeChange(val) {
|
|
|
|
this.pageSize = val;
|
|
|
|
this.pageSize = val;
|
|
|
|
this.tableloading=true;
|
|
|
|
this.feeloading=true;
|
|
|
|
getFeeunitlist();
|
|
|
|
getFeeunitlist();
|
|
|
|
},handleCurrentChange(val) {
|
|
|
|
},handleCurrentChange(val) {
|
|
|
|
this.pageNum = val;
|
|
|
|
this.pageNum = val;
|
|
|
|
this.tableloading=true;
|
|
|
|
this.feeloading=true;
|
|
|
|
getFeeunitlist();
|
|
|
|
getFeeunitlist();
|
|
|
|
},
|
|
|
|
},search() {//查询
|
|
|
|
search() {//查询
|
|
|
|
|
|
|
|
if(this.rpTime){
|
|
|
|
if(this.rpTime){
|
|
|
|
this.begindate=this.rpTime[0];
|
|
|
|
this.begindate=this.rpTime[0];
|
|
|
|
this.enddate=this.rpTime[1];
|
|
|
|
this.enddate=this.rpTime[1];
|
|
|
|
this.tableloading=true;
|
|
|
|
this.tableloading=true;
|
|
|
|
|
|
|
|
this.feeloading=true;
|
|
|
|
}else{
|
|
|
|
}else{
|
|
|
|
alert("请选择日期");
|
|
|
|
alert("请选择日期");
|
|
|
|
return ;
|
|
|
|
return ;
|
|
|
|
@ -309,11 +367,15 @@ methods: {
|
|
|
|
|
|
|
|
|
|
|
|
this.getAllFeeData();
|
|
|
|
this.getAllFeeData();
|
|
|
|
getFeeunitlist();
|
|
|
|
getFeeunitlist();
|
|
|
|
|
|
|
|
getGantryList();
|
|
|
|
},changeRank(vale){
|
|
|
|
},changeRank(vale){
|
|
|
|
|
|
|
|
if(!this.rpTime){
|
|
|
|
|
|
|
|
alert("请选择日期");
|
|
|
|
|
|
|
|
return ;
|
|
|
|
|
|
|
|
}
|
|
|
|
this.tableloading=true;
|
|
|
|
this.tableloading=true;
|
|
|
|
this.divStatus=vale;
|
|
|
|
this.divStatus=vale;
|
|
|
|
|
|
|
|
const selectedItem = this.divStatusList.find(item => item.VALUE === vale);
|
|
|
|
const selectedItem = this.divStatusList.find(item => item.VALUE === value);
|
|
|
|
|
|
|
|
this.selectedText = selectedItem ? selectedItem.LABEL : '';
|
|
|
|
this.selectedText = selectedItem ? selectedItem.LABEL : '';
|
|
|
|
var params={
|
|
|
|
var params={
|
|
|
|
"pageNum":1,
|
|
|
|
"pageNum":1,
|
|
|
|
@ -399,9 +461,39 @@ methods: {
|
|
|
|
}, changeroadValue() {
|
|
|
|
}, changeroadValue() {
|
|
|
|
this.stano="";
|
|
|
|
this.stano="";
|
|
|
|
getStalist();
|
|
|
|
getStalist();
|
|
|
|
|
|
|
|
},changeRoadLine(){//修改路线下拉值
|
|
|
|
|
|
|
|
if(this.rpTime){
|
|
|
|
|
|
|
|
this.begindate=this.rpTime[0];
|
|
|
|
|
|
|
|
this.enddate=this.rpTime[1];
|
|
|
|
|
|
|
|
getGantryList();
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
alert("请选择日期");
|
|
|
|
|
|
|
|
return ;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},changeDirect(){//切换上下行
|
|
|
|
|
|
|
|
if(this.rpTime){
|
|
|
|
|
|
|
|
this.begindate=this.rpTime[0];
|
|
|
|
|
|
|
|
this.enddate=this.rpTime[1];
|
|
|
|
|
|
|
|
getGantryList();
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
alert("请选择日期");
|
|
|
|
|
|
|
|
return ;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},showRoadEchart(){//显示走势图
|
|
|
|
|
|
|
|
if(this.roadLineTableData.length <1){
|
|
|
|
|
|
|
|
alert("无数据");
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
|
|
|
this.showRoadLine=true;
|
|
|
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
|
|
|
this.$refs["roadLineEcharts"].refreshData(this.roadLineTableData);
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
components: {
|
|
|
|
components: {
|
|
|
|
|
|
|
|
roadLineEcharts,
|
|
|
|
feeStatDetail
|
|
|
|
feeStatDetail
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
@ -419,6 +511,18 @@ mounted() {
|
|
|
|
this.divStatusList=res.data;
|
|
|
|
this.divStatusList=res.data;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
selectType={
|
|
|
|
|
|
|
|
"selectType":"ROADLINE"
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
getSelectList(selectType).then(res=>{
|
|
|
|
|
|
|
|
if(res.code>0){
|
|
|
|
|
|
|
|
this.roadLineList=res.data;
|
|
|
|
|
|
|
|
if(this.roadLineList.length>0){
|
|
|
|
|
|
|
|
this.roadLineNo=this.roadLineList[0].VALUE;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -473,20 +577,39 @@ function getStalist() {
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function getFeeunitlist() {
|
|
|
|
function getFeeunitlist() {
|
|
|
|
_this.tableloading=true;
|
|
|
|
_this.feeloading=true;
|
|
|
|
let staParams = {
|
|
|
|
let staParams = {
|
|
|
|
"subcomno": _this.subcomno,
|
|
|
|
"subcomno": _this.subcomno,
|
|
|
|
"roadno": _this.roadno,
|
|
|
|
"roadno": _this.roadno,
|
|
|
|
"stano": _this.stano,
|
|
|
|
"stano": _this.stano,
|
|
|
|
"tollintervalidname":_this.queryfeename
|
|
|
|
"tollintervalidname":_this.queryfeename,
|
|
|
|
|
|
|
|
"pageNum":_this.pageNum,
|
|
|
|
|
|
|
|
"pageSize":_this.pageSize
|
|
|
|
}
|
|
|
|
}
|
|
|
|
getFeeunitListByPage(staParams).then(
|
|
|
|
getFeeunitListByPage(staParams).then(
|
|
|
|
res => {
|
|
|
|
res => {
|
|
|
|
if (res.data) {
|
|
|
|
_this.feeloading=false;
|
|
|
|
_this.tableDataDetail=res.records;
|
|
|
|
_this.tableDataDetail=res.records;
|
|
|
|
_this.tableloading=false;
|
|
|
|
|
|
|
|
_this.totalCount=res.total;
|
|
|
|
_this.totalCount=res.total;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//获取路线门架
|
|
|
|
|
|
|
|
function getGantryList() {
|
|
|
|
|
|
|
|
_this.roadLineloading=true;
|
|
|
|
|
|
|
|
let staParams = {
|
|
|
|
|
|
|
|
"roadLineNo":_this.roadLineNo,
|
|
|
|
|
|
|
|
"subcomno":_this.subcomno,
|
|
|
|
|
|
|
|
"queryStartTime":_this.begindate,
|
|
|
|
|
|
|
|
"queryEndTime":_this.enddate,
|
|
|
|
|
|
|
|
"directRoad":_this.directRoad
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
getGantryListByLineNo(staParams).then(
|
|
|
|
|
|
|
|
res => {
|
|
|
|
|
|
|
|
_this.roadLineloading=false;
|
|
|
|
|
|
|
|
console.log(res.data);
|
|
|
|
|
|
|
|
_this.roadLineTableData=res.data;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
