|
|
|
|
@ -1,759 +0,0 @@
|
|
|
|
|
<!-- 数据核验子菜单页面：未知状态-->
|
|
|
|
|
<template>
|
|
|
|
|
<div id="contain" style="width:100%;height: 100%;position: inherit">
|
|
|
|
|
<div class="detail" v-loading="isLoding" style="width:100%;height: 100%;position: inherit">
|
|
|
|
|
<div style="height:10%;width:100%;position: relative;margin-bottom: 5px">
|
|
|
|
|
<el-form :inline="true" :model="formInline" :label-position="right" class="demo-form-inline" style="width:100%;height: 100%">
|
|
|
|
|
<el-form-item label="日期：" class="s_el_row">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="dataTime"
|
|
|
|
|
type="date"
|
|
|
|
|
placeholder="选择日期"
|
|
|
|
|
:size="5"
|
|
|
|
|
format="YYYY-MM-DD"
|
|
|
|
|
value-format="YYYY-MM-DD"
|
|
|
|
|
:default-value="new Date()"
|
|
|
|
|
style="width:100%"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="PASSID：" class="s_el_row">
|
|
|
|
|
<el-input type="text" style="width:100%;height:30px;border-color: gainsboro" v-model="SPASSID" clearable/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="入口名称：" class="s_el_row">
|
|
|
|
|
<el-select v-model="SENSTANAMEID" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in ENSTANNAMELIST"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="出口名称：" class="s_el_row">
|
|
|
|
|
<el-select v-model="SEXSTANAMEID" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in EXSTANNAMELIST"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="车牌：" class="s_el_row">
|
|
|
|
|
<el-input type="text" style="width:100%;height:100%;border-color: gainsboro" v-model="SVEHICLEID" placeholder="请输入准确的车牌" clearable/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="车牌颜色：" style="width:12%" class="s_el_row">
|
|
|
|
|
<el-select v-model="SPlateColor" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in PlateColor"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="车型：" style="width:12%" class="s_el_row">
|
|
|
|
|
<el-select v-model="SVECHETYPE" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in options"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="车种：" class="s_el_row">
|
|
|
|
|
<el-select v-model="SVECHECLASS" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in vecheClassList"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="出口计费方式：" class="s_el_row" v-if="false">
|
|
|
|
|
<el-select v-model="SEXITFEETYPE" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in exitfeeType"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="拆分状态：" style="margin-bottom: 5px;" class="s_el_row">
|
|
|
|
|
<el-select v-model="SSTATUS" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in statusList"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="计费类型：" class="exitfeeetype" style="margin-bottom: 5px; width:25%;margin:0 2px 10px 0;position: inherit" >
|
|
|
|
|
<el-select v-model="SEXITTYPE" filterable clearable multiple="true" style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择"
|
|
|
|
|
collapse-tags
|
|
|
|
|
collapse-tags-tooltip
|
|
|
|
|
:max-collapse-tags="2">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in exitfeeType"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="特情：" class="SPECIAL" style="margin-bottom: 5px; width:13%;margin:0 2px 10px 0;position: inherit" >
|
|
|
|
|
<el-select v-model="SPECIALEVENT" filterable clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in specialList"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="方式：" style="margin-bottom: 5px;" class="s_el_row" >
|
|
|
|
|
<el-select v-model="SQUERYFILTER" clearable style="width:100%;height:100%;border-color: gainsboro" placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in querryFilterList"
|
|
|
|
|
:key="item.VALUE"
|
|
|
|
|
:label="item.LABEL"
|
|
|
|
|
:value="item.VALUE">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="" style="width:8%;margin-bottom: 5px;" class="s_el_row">
|
|
|
|
|
<div style="display:flex;text-align: left; height:100%; position: relative;margin:0;padding:0">
|
|
|
|
|
<el-button type="primary" @click="search" :icon="searchButton" style="padding: 0px 5px 0px 5px; position: relative;margin:0 0 1% 1%;">查询</el-button>
|
|
|
|
|
<el-button type="success" @click="exportExcle" style="padding: 0px 5px 0px 5px; position: relative;margin:0 0 1% 1%;">
|
|
|
|
|
<el-icon style="vertical-align: middle;">
|
|
|
|
|
<Upload />
|
|
|
|
|
</el-icon>
|
|
|
|
|
<span style="vertical-align: middle;"> 导出Excel </span>
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="height:88%;width:100%;position:relative">
|
|
|
|
|
<div style="height: 94%;width: 100%">
|
|
|
|
|
<el-table :data="tableData" width="100%" id="table_el" :header-cell-style="{background:'#e9ecee',align:'center'}" border
|
|
|
|
|
@row-dblclick="showDetail"
|
|
|
|
|
v-loading="tableLoading"
|
|
|
|
|
:row-style="rowStyle">
|
|
|
|
|
<el-table-column prop="RN" label="序号" align="center" width="60px" />
|
|
|
|
|
<el-table-column prop="PASSID" label="PASSID" :show-overflow-tooltip="true" width="100px" resizable align="center"/>
|
|
|
|
|
<el-table-column prop="CLASSDATE" label="日期" :show-overflow-tooltip="true" width="100px" :formatter="dateFormatter" resizable align="center" />
|
|
|
|
|
<el-table-column prop="PASSTYPE" label="通行类型" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_ENTOLLSTATIONNAME" label="入口站" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_ENTIME" label="入口时间" :show-overflow-tooltip="true" width="100px" :formatter="dateFormatterSSS" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_EXTOLLSTATIONNAME" label="出口站" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_EXTIME" label="出口时间" :show-overflow-tooltip="true" width="100px" :formatter="dateFormatterSSS" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_VEHICLEID" label="车牌" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_VEHICLETYPE" label="车型" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="VEHICLENAME" label="车型" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="VEHICLECLASS" label="车种" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="VEHICLECLASSNAME" label="车种" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="EXITFEETYPENAME" label="计费类型" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="FLAG" label="出口特情" width="100px" :show-overflow-tooltip="true" align="center" resizable/>
|
|
|
|
|
<el-table-column prop="PAYTYPE" label="出口支付方式" width="100px" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="EXITFEETYPE" label="出口计费方式" width="100px" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="PAYFEE" label="出口应收(元)" width="110px" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="FEE" label="出口实收(元)" width="110px" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_FEE" label="计费金额(元)" :show-overflow-tooltip="true" width="110px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="DIV_FEE" label="拆分金额(元)" :show-overflow-tooltip="true" width="110px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="VEHICLECLASSNAME" label="基础里程" v-if="false" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="STATUS" label="拆分状态" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="STATUSNAME" label="拆分状态" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="CHECKSTATUS" label="稽核状态" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="CHECKSTATUSNAME" label="稽核状态" v-if="false" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_TOLLINTERVALID" label="计费单元编码组" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_FEEGROUP" label="计费单元金额组" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_FEE" label="计费总计" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="DIV_TOLLINTERVALID" label="拆分单元编码组" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="DIV_FEEGROUP" label="拆分单元金额组" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="DIV_FEE" label="拆分总金额" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_ENPOINTID" label="入口站ID" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<el-table-column prop="GPA_EXPOINTID" label="出口站ID" v-if="false" :show-overflow-tooltip="true" resizable align="center" />
|
|
|
|
|
<!-- 出口站信息-->
|
|
|
|
|
<el-table-column prop="REMARK" label="备注" :show-overflow-tooltip="true" v-if="false" width="100px" resizable/>
|
|
|
|
|
<el-table-column label="操作" v-slot="slot" fixed="right" align="center">
|
|
|
|
|
<!-- <HintButton type="primary" :icon="Filter" title="地图查看" circle @click="skipMapVue(slot.row)"></HintButton>-->
|
|
|
|
|
<el-button type="primary" :icon="Filter" circle @click="skipMapVue(slot.row)"></el-button>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
<div tyle="height: 5%;width: 100%">
|
|
|
|
|
<!-- 分页 -->
|
|
|
|
|
<el-pagination
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
:current-page="currentPage"
|
|
|
|
|
:page-sizes="[15, 30,50,100]"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
:total="totalCount"
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
style="width: 90%;height:5%;padding: 0;position:relative;margin-top:10px;bottom: 0;font-size: x-small">
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog id="map_dialog" v-model="isShowMap" title="地图" style="width: 80%;height:76%;" draggable >
|
|
|
|
|
<mapData ref="mapD" :key="new Date().getTime()" :params="mapParams" ></mapData>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<el-dialog id="detail_dialog" v-model="isShowDivDetail" title="详细信息" style="width: 80%;height:76%;" draggable >
|
|
|
|
|
<divMoneyDetail ref="divDetail" :key="new Date().getTime()" :params="dataParams" ></divMoneyDetail>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<style>
|
|
|
|
|
body{
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
height: 100% !important;
|
|
|
|
|
}
|
|
|
|
|
#contain{
|
|
|
|
|
height: 100% ;
|
|
|
|
|
width:100% ;
|
|
|
|
|
|
|
|
|
|
margin: 0px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
#table_el{
|
|
|
|
|
height: 100% !important;
|
|
|
|
|
}
|
|
|
|
|
.el-table .cell{
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
.el-table__inner-wrapper{
|
|
|
|
|
height:100%
|
|
|
|
|
}
|
|
|
|
|
.s_el_row {
|
|
|
|
|
width:13%;
|
|
|
|
|
margin:0 2px 10px 0;
|
|
|
|
|
position: inherit
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-table__cell{
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
width:100%;
|
|
|
|
|
height:10% !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-dialog__body{
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
padding-top: 2px;
|
|
|
|
|
height: 93%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.el-dialog__headerbtn{
|
|
|
|
|
height: 0 !important;
|
|
|
|
|
margin-top: 1px;
|
|
|
|
|
}
|
|
|
|
|
.el-table__header{
|
|
|
|
|
height:50px !important;
|
|
|
|
|
}
|
|
|
|
|
.el-form-item__content{
|
|
|
|
|
align-items:self-start;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script >
|
|
|
|
|
|
|
|
|
|
import { ref} from "vue";
|
|
|
|
|
import {getDivDatasTable, getSelectList,exportDivPassidAllData} from "../../../util/api/api.js";
|
|
|
|
|
import mapData from "./map-01.vue";
|
|
|
|
|
import divMoneyDetail from "./divMoneyDetail.vue";
|
|
|
|
|
import {Filter,Search} from '@element-plus/icons-vue'
|
|
|
|
|
import HintButton from "@/Components/HintButton/tipButton.vue";
|
|
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
|
var _this;
|
|
|
|
|
export default{
|
|
|
|
|
data(){
|
|
|
|
|
return {
|
|
|
|
|
SPASSID:"",
|
|
|
|
|
ENSTANAME:"",
|
|
|
|
|
EXSTANAME:"",
|
|
|
|
|
SENSTANAMEID:"",
|
|
|
|
|
SEXSTANAMEID:"",
|
|
|
|
|
SVEHICLEID:"",
|
|
|
|
|
SVECHECLASS:"",
|
|
|
|
|
SVECHETYPE:"",
|
|
|
|
|
SPlateColor:"",
|
|
|
|
|
SEXITFEETYPE:"",
|
|
|
|
|
SSTATUS:"",
|
|
|
|
|
SEXITTYPE:"",
|
|
|
|
|
SPECIALEVENT:"",
|
|
|
|
|
specialList:[],
|
|
|
|
|
SQUERYFILTER:"1",
|
|
|
|
|
querryFilterList:[{"VALUE":"1","LABEL":"等于"},{"VALUE":"2","LABEL":"不等于"}],
|
|
|
|
|
SBAK1:"b",
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
fitvalue:true,
|
|
|
|
|
dataTime:'',
|
|
|
|
|
totalCount:0,
|
|
|
|
|
tableData :ref([]),
|
|
|
|
|
isShowMap:false,
|
|
|
|
|
isShowDivDetail:false,
|
|
|
|
|
isLoding:false,
|
|
|
|
|
dataParams:{},
|
|
|
|
|
mapParams:{},
|
|
|
|
|
Filter:Filter,
|
|
|
|
|
tableLoading:true,
|
|
|
|
|
searchButton:Search,
|
|
|
|
|
options:[],
|
|
|
|
|
vecheClassList:[],
|
|
|
|
|
exitfeeType:[],
|
|
|
|
|
ENSTANNAMELIST:[],
|
|
|
|
|
EXSTANNAMELIST:[],
|
|
|
|
|
PlateColor:[],
|
|
|
|
|
doubleclikIndex:-1,//双击选中的行号
|
|
|
|
|
statusList:[{"VALUE":"1","LABEL":"拆分正常"},{"VALUE":"2","LABEL":"计费大于拆分"},{"VALUE":"3","LABEL":"计费小于拆分"},{"VALUE":"4","LABEL":"无计费"},{"VALUE":"5","LABEL":"无拆分"}]
|
|
|
|
|
}},
|
|
|
|
|
props:['params'],
|
|
|
|
|
methods:{
|
|
|
|
|
showDetail(row,column,e){
|
|
|
|
|
//skipMoneyVue(row);
|
|
|
|
|
this.doubleclikIndex=row.RN;//序号值
|
|
|
|
|
let _params={
|
|
|
|
|
"GPA_TOLLINTERVALID": row.GPA_TOLLINTERVALID,
|
|
|
|
|
"GPA_FEEGROUP": row.GPA_FEEGROUP,
|
|
|
|
|
"GPA_FEE": row.GPA_FEE,
|
|
|
|
|
"DIV_TOLLINTERVALID": row.DIV_TOLLINTERVALID,
|
|
|
|
|
"DIV_FEEGROUP": row.DIV_FEEGROUP,
|
|
|
|
|
"DIV_FEE": row.DIV_FEE,
|
|
|
|
|
"PASSID":row.PASSID,
|
|
|
|
|
"GPA_ENPOINTID":row.GPA_ENPOINTID,
|
|
|
|
|
"GPA_EXPOINTID":row.GPA_EXPOINTID,
|
|
|
|
|
"CHECKSTATUS":row.CHECKSTATUS
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
_this.isShowDivDetail=true;
|
|
|
|
|
_this.dataParams=_params;
|
|
|
|
|
// _this.$refs.divDetail.getDivDatas(_params);
|
|
|
|
|
/* window.localStorage.setItem("params",JSON.stringify(params));
|
|
|
|
|
window.open(href.href,'Map',"",false)*/
|
|
|
|
|
},skipMapVue(row){
|
|
|
|
|
this.isShowMap=true;
|
|
|
|
|
let _params={
|
|
|
|
|
"GPA_TOLLINTERVALID": row.GPA_TOLLINTERVALID,
|
|
|
|
|
"GPA_FEEGROUP": row.GPA_FEEGROUP,
|
|
|
|
|
"GPA_FEE": row.GPA_FEE,
|
|
|
|
|
"DIV_TOLLINTERVALID": row.DIV_TOLLINTERVALID,
|
|
|
|
|
"DIV_FEEGROUP": row.DIV_FEEGROUP,
|
|
|
|
|
"DIV_FEE": row.DIV_FEE,
|
|
|
|
|
"PASSID":row.PASSID,
|
|
|
|
|
"GPA_ENPOINTID":row.GPA_ENPOINTID,
|
|
|
|
|
"GPA_EXPOINTID":row.GPA_EXPOINTID,
|
|
|
|
|
"CHECKSTATUS":row.CHECKSTATUS
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
_this.isShowMap=true;
|
|
|
|
|
_this.mapParams=_params;
|
|
|
|
|
// _this.$refs.mapD.getMapDatas(_params);
|
|
|
|
|
},
|
|
|
|
|
handleSizeChange(val) {
|
|
|
|
|
this.pageSize = val;
|
|
|
|
|
this.isLoding=true;
|
|
|
|
|
getTableDatas();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
|
this.currentPage = val;
|
|
|
|
|
this.isLoding=true;
|
|
|
|
|
getTableDatas();
|
|
|
|
|
}, dateFormatter(row, column, cellValue){
|
|
|
|
|
if(cellValue==null || cellValue=="" || cellValue==undefined){
|
|
|
|
|
return "";
|
|
|
|
|
}
|
|
|
|
|
const date = new Date(cellValue);
|
|
|
|
|
// 格式化日期，并返回字符串
|
|
|
|
|
//return `${date.toLocaleDateString()}`;
|
|
|
|
|
return formatDate(cellValue,"YYYY-MM-DD");
|
|
|
|
|
}, dateFormatterSSS(row, column, cellValue){
|
|
|
|
|
if(cellValue==null || cellValue=="" || cellValue==undefined){
|
|
|
|
|
return "";
|
|
|
|
|
}
|
|
|
|
|
const date = new Date(cellValue);
|
|
|
|
|
// 格式化日期，并返回字符串
|
|
|
|
|
//return `${date.toLocaleDateString()}`;
|
|
|
|
|
return formatDate(cellValue,"YYYY-MM-DD HH:MM:SS:SSS");
|
|
|
|
|
},search(){
|
|
|
|
|
searchTableDatas();
|
|
|
|
|
},exportExcle(){
|
|
|
|
|
exportData();
|
|
|
|
|
},rowStyle(row,rowIndex){
|
|
|
|
|
if(this.doubleclikIndex===row.row.RN){
|
|
|
|
|
return {
|
|
|
|
|
"background-color":"lightcyan",
|
|
|
|
|
"cursor":"pointer"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
"cursor":"pointer"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},components:{
|
|
|
|
|
HintButton,
|
|
|
|
|
mapData,
|
|
|
|
|
divMoneyDetail,
|
|
|
|
|
Search
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
_this=this;
|
|
|
|
|
getTableDatas();
|
|
|
|
|
//查询下拉值
|
|
|
|
|
let selectType={
|
|
|
|
|
"selectType":"VECHECLASS"
|
|
|
|
|
}
|
|
|
|
|
getSelectList(selectType).then(res=>{
|
|
|
|
|
if(res.code>0){
|
|
|
|
|
this.vecheClassList=res.data;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
selectType={
|
|
|
|
|
"selectType":"VECHETYPE"
|
|
|
|
|
}
|
|
|
|
|
getSelectList(selectType).then(res=>{
|
|
|
|
|
if(res.code>0){
|
|
|
|
|
this.options=res.data;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
selectType={
|
|
|
|
|
"selectType":"EXITFEETYPE"
|
|
|
|
|
}
|
|
|
|
|
getSelectList(selectType).then(res=>{
|
|
|
|
|
if(res.code>0){
|
|
|
|
|
this.exitfeeType=res.data;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
selectType={
|
|
|
|
|
"selectType":"STANAME"
|
|
|
|
|
}
|
|
|
|
|
getSelectList(selectType).then(res=>{
|
|
|
|
|
if(res.code>0){
|
|
|
|
|
this.ENSTANNAMELIST=res.data;
|
|
|
|
|
this.EXSTANNAMELIST=res.data;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
selectType={
|
|
|
|
|
"selectType":"PLATECOLOR"
|
|
|
|
|
}
|
|
|
|
|
getSelectList(selectType).then(res=>{
|
|
|
|
|
if(res.code>0){
|
|
|
|
|
this.PlateColor=res.data;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
selectType={
|
|
|
|
|
"selectType":"SPECIAL"
|
|
|
|
|
}
|
|
|
|
|
getSelectList(selectType).then(res=>{
|
|
|
|
|
if(res.code>0){
|
|
|
|
|
this.specialList=res.data;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function getTableDatas(){
|
|
|
|
|
// let paramDatas=JSON.parse(window.localStorage.getItem("params"));
|
|
|
|
|
let paramDatas=_this.$props.params;
|
|
|
|
|
if(paramDatas !=undefined){
|
|
|
|
|
if(paramDatas.dataTime !=undefined && paramDatas.dataTime !="" && _this.dataTime==""){
|
|
|
|
|
_this.dataTime=paramDatas.dataTime;
|
|
|
|
|
}else{
|
|
|
|
|
if(_this.dataTime =='' || _this.dataTime==undefined || _this.dataTime==""){
|
|
|
|
|
_this.dataTime=getCurrentDate();//获取前一天的数据
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
if(_this.dataTime =='' || _this.dataTime==undefined || _this.dataTime==""){
|
|
|
|
|
_this.dataTime=getCurrentDate();//获取前一天的数据
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
if(_this.SVEHICLEID.length>0 || _this.SPlateColor.toString().length > 0){
|
|
|
|
|
console.log(_this.SVEHICLEID +"=======>"+ _this.SPlateColor )
|
|
|
|
|
if(_this.SVEHICLEID.length <1){
|
|
|
|
|
console.log("11111");
|
|
|
|
|
ElMessage({
|
|
|
|
|
type:"warning",
|
|
|
|
|
message:"请输入车牌号",
|
|
|
|
|
duration:2000
|
|
|
|
|
})
|
|
|
|
|
return false;
|
|
|
|
|
}else if(_this.SPlateColor.toString() ==""){
|
|
|
|
|
ElMessage({
|
|
|
|
|
type:"warning",
|
|
|
|
|
message:"请选择车牌颜色",
|
|
|
|
|
duration:2000
|
|
|
|
|
})
|
|
|
|
|
return false;
|
|
|
|
|
}else{
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var paramsData={
|
|
|
|
|
"dataTime": _this.dataTime,
|
|
|
|
|
"vecheType": paramDatas !=undefined && paramDatas.vecheType !=undefined?paramDatas.vecheType:"",
|
|
|
|
|
"pageSize":_this.pageSize,
|
|
|
|
|
"pageNum":_this.currentPage,
|
|
|
|
|
"vecheClass":paramDatas !=undefined && paramDatas.vecheClass !=undefined?paramDatas.vecheClass:"",
|
|
|
|
|
"status":paramDatas !=undefined && paramDatas.status !=undefined?paramDatas.status:"",
|
|
|
|
|
"SPASSID": _this.SPASSID ,
|
|
|
|
|
"ENSTANAME": _this.ENSTANAME ,
|
|
|
|
|
"EXSTANAME": _this.EXSTANAME ,
|
|
|
|
|
"SVEHICLEID":_this.SVEHICLEID !="" ?_this.SVEHICLEID+"_"+_this.SPlateColor:"",
|
|
|
|
|
"SVECHECLASS": _this.SVECHECLASS,
|
|
|
|
|
"SVECHETYPE": _this.SVECHETYPE,
|
|
|
|
|
"SEXITFEETYPE": _this.SEXITFEETYPE,
|
|
|
|
|
"SENSTANAMEID": _this.SENSTANAMEID,
|
|
|
|
|
"SEXSTANAMEID": _this.SEXSTANAMEID,
|
|
|
|
|
"SSTATUS": _this.SSTATUS,
|
|
|
|
|
"SBAK1": _this.SBAK1,
|
|
|
|
|
"SEXITTYPE":_this.SEXITTYPE,
|
|
|
|
|
"SPECIALEVENT":_this.SPECIALEVENT,
|
|
|
|
|
"SQUERYFILTER":_this.SQUERYFILTER
|
|
|
|
|
}
|
|
|
|
|
getDivDatasTable(paramsData).then(res=>{
|
|
|
|
|
_this.tableLoading=false;
|
|
|
|
|
if(res.code<=0){
|
|
|
|
|
return false;
|
|
|
|
|
}else{
|
|
|
|
|
_this.totalCount=res.count;
|
|
|
|
|
_this.tableData=res.data;
|
|
|
|
|
_this.isLoding=false;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
function searchTableDatas(){
|
|
|
|
|
let paramDatas=_this.$props.params;
|
|
|
|
|
//需要校验车牌和车牌颜色，二者必须同时存在才可以查询
|
|
|
|
|
if(_this.SVEHICLEID.length>0 || _this.SPlateColor.toString().length > 0){
|
|
|
|
|
console.log(_this.SVEHICLEID +"=======>"+ _this.SPlateColor )
|
|
|
|
|
if(_this.SVEHICLEID.length <1){
|
|
|
|
|
console.log("11111");
|
|
|
|
|
ElMessage({
|
|
|
|
|
type:"warning",
|
|
|
|
|
message:"请输入车牌号",
|
|
|
|
|
duration:2000
|
|
|
|
|
})
|
|
|
|
|
return false;
|
|
|
|
|
}else if(_this.SPlateColor.toString() ==""){
|
|
|
|
|
ElMessage({
|
|
|
|
|
type:"warning",
|
|
|
|
|
message:"请选择车牌颜色",
|
|
|
|
|
duration:2000
|
|
|
|
|
})
|
|
|
|
|
return false;
|
|
|
|
|
}else{
|
|
|
|
|
console.log("3333");
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
console.log("4444");
|
|
|
|
|
}
|
|
|
|
|
_this.tableLoading=true;
|
|
|
|
|
var paramsData={
|
|
|
|
|
"dataTime": _this.dataTime,
|
|
|
|
|
"vecheType": paramDatas !=undefined && paramDatas.vecheType !=undefined?paramDatas.vecheType:"",
|
|
|
|
|
"pageSize":_this.pageSize,
|
|
|
|
|
"pageNum":_this.currentPage,
|
|
|
|
|
"vecheClass":paramDatas !=undefined && paramDatas.vecheClass !=undefined?paramDatas.vecheClass:"",
|
|
|
|
|
"status":paramDatas !=undefined && paramDatas.status !=undefined?paramDatas.status:"",
|
|
|
|
|
"SPASSID": _this.SPASSID ,
|
|
|
|
|
"ENSTANAME": _this.ENSTANAME ,
|
|
|
|
|
"EXSTANAME": _this.EXSTANAME ,
|
|
|
|
|
"SVEHICLEID": _this.SVEHICLEID !="" ?_this.SVEHICLEID+"_"+_this.SPlateColor:"",
|
|
|
|
|
"SVECHECLASS": _this.SVECHECLASS,
|
|
|
|
|
"SVECHETYPE": _this.SVECHETYPE,
|
|
|
|
|
"SEXITFEETYPE": _this.SEXITFEETYPE,
|
|
|
|
|
"SENSTANAMEID": _this.SENSTANAMEID,
|
|
|
|
|
"SEXSTANAMEID": _this.SEXSTANAMEID,
|
|
|
|
|
"SSTATUS": _this.SSTATUS,
|
|
|
|
|
"SBAK1": _this.SBAK1,
|
|
|
|
|
"SEXITTYPE":_this.SEXITTYPE,
|
|
|
|
|
"SPECIALEVENT":_this.SPECIALEVENT,
|
|
|
|
|
"SQUERYFILTER":_this.SQUERYFILTER
|
|
|
|
|
}
|
|
|
|
|
getDivDatasTable(paramsData).then(res=>{
|
|
|
|
|
_this.tableLoading=false;
|
|
|
|
|
if(res.code<=0){
|
|
|
|
|
return false;
|
|
|
|
|
}else{
|
|
|
|
|
_this.totalCount=res.count;
|
|
|
|
|
_this.tableData=res.data;
|
|
|
|
|
_this.isLoding=false;
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function exportData(){
|
|
|
|
|
let paramDatas=_this.$props.params;
|
|
|
|
|
if(_this.SVEHICLEID.length>0 || _this.SPlateColor.toString().length > 0){
|
|
|
|
|
console.log(_this.SVEHICLEID +"=======>"+ _this.SPlateColor )
|
|
|
|
|
if(_this.SVEHICLEID.length <1){
|
|
|
|
|
console.log("11111");
|
|
|
|
|
ElMessage({
|
|
|
|
|
type:"warning",
|
|
|
|
|
message:"请输入车牌号",
|
|
|
|
|
duration:2000
|
|
|
|
|
})
|
|
|
|
|
return false;
|
|
|
|
|
}else if(_this.SPlateColor.toString() ==""){
|
|
|
|
|
ElMessage({
|
|
|
|
|
type:"warning",
|
|
|
|
|
message:"请选择车牌颜色",
|
|
|
|
|
duration:2000
|
|
|
|
|
})
|
|
|
|
|
return false;
|
|
|
|
|
}else{
|
|
|
|
|
}
|
|
|
|
|
}else{
|
|
|
|
|
}
|
|
|
|
|
_this.tableLoading=true;
|
|
|
|
|
let _SEXITTYPE=_this.SEXITTYPE;
|
|
|
|
|
if(_SEXITTYPE=='' || _SEXITTYPE.length<1){
|
|
|
|
|
_SEXITTYPE="";
|
|
|
|
|
}
|
|
|
|
|
var paramsData={
|
|
|
|
|
"dataTime": _this.dataTime,
|
|
|
|
|
"vecheType": paramDatas !=undefined && paramDatas.vecheType !=undefined?paramDatas.vecheType:"",
|
|
|
|
|
"pageSize":_this.pageSize,
|
|
|
|
|
"pageNum":_this.currentPage,
|
|
|
|
|
"isPage":"Y",
|
|
|
|
|
/* "pageSize":_this.totalCount,
|
|
|
|
|
"pageNum":1,*/
|
|
|
|
|
"vecheClass":paramDatas !=undefined && paramDatas.vecheClass !=undefined?paramDatas.vecheClass:"",
|
|
|
|
|
"status":paramDatas !=undefined && paramDatas.status !=undefined?paramDatas.status:"",
|
|
|
|
|
"SPASSID": _this.SPASSID ,
|
|
|
|
|
"ENSTANAME": _this.ENSTANAME ,
|
|
|
|
|
"EXSTANAME": _this.EXSTANAME ,
|
|
|
|
|
"SVEHICLEID": _this.SVEHICLEID !="" ?_this.SVEHICLEID+"_"+_this.SPlateColor:"",
|
|
|
|
|
"SVECHECLASS": _this.SVECHECLASS,
|
|
|
|
|
"SVECHETYPE": _this.SVECHETYPE,
|
|
|
|
|
"SEXITFEETYPE": _this.SEXITFEETYPE,
|
|
|
|
|
"SENSTANAMEID": _this.SENSTANAMEID,
|
|
|
|
|
"SEXSTANAMEID": _this.SEXSTANAMEID,
|
|
|
|
|
"SSTATUS": _this.SSTATUS,
|
|
|
|
|
"SBAK1": _this.SBAK1,
|
|
|
|
|
"SEXITTYPE":_SEXITTYPE,
|
|
|
|
|
"SPECIALEVENT":_this.SPECIALEVENT,
|
|
|
|
|
"SQUERYFILTER":_this.SQUERYFILTER
|
|
|
|
|
}
|
|
|
|
|
exportDivPassidAllData({paramsData:encodeURIComponent(JSON.stringify(paramsData))}).then(res => {
|
|
|
|
|
if (res.data != "") {
|
|
|
|
|
//fileName:下载的文件名
|
|
|
|
|
|
|
|
|
|
var fileName ='数据核验_'+getCurrentDateHour(); //decodeURIComponent(res.headers["Content-Disposition"].split("=")[1])
|
|
|
|
|
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel;charset=utf-8' });
|
|
|
|
|
// 针对ie浏览器
|
|
|
|
|
if (window.navigator && window.navigator.msSaveOrOpenBlob) {
|
|
|
|
|
window.navigator.msSaveOrOpenBlob(blob, fileName);
|
|
|
|
|
} else {
|
|
|
|
|
//非ie浏览器
|
|
|
|
|
var downloadElement = document.createElement("a");
|
|
|
|
|
var href = window.URL.createObjectURL(blob); //下载的url
|
|
|
|
|
downloadElement.href = href;
|
|
|
|
|
downloadElement.download = fileName; //下载后文件名
|
|
|
|
|
document.body.appendChild(downloadElement);
|
|
|
|
|
downloadElement.click(); //点击下载
|
|
|
|
|
document.body.removeChild(downloadElement); //下载完成移除元素
|
|
|
|
|
window.URL.revokeObjectURL(href); //释放blob对象
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
//设置加载状态为false
|
|
|
|
|
_this.tableLoading=false;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function skipMoneyVue(row){
|
|
|
|
|
let _params={
|
|
|
|
|
"GPA_TOLLINTERVALID": row.GPA_TOLLINTERVALID,
|
|
|
|
|
"GPA_FEEGROUP": row.GPA_FEEGROUP,
|
|
|
|
|
"GPA_FEE": row.GPA_FEE,
|
|
|
|
|
"DIV_TOLLINTERVALID": row.DIV_TOLLINTERVALID,
|
|
|
|
|
"DIV_FEEGROUP": row.DIV_FEEGROUP,
|
|
|
|
|
"DIV_FEE": row.DIV_FEE,
|
|
|
|
|
"PASSID":row.PASSID,
|
|
|
|
|
"GPA_ENPOINTID":row.GPA_ENPOINTID,
|
|
|
|
|
"GPA_EXPOINTID":row.GPA_EXPOINTID,
|
|
|
|
|
"CHECKSTATUS":row.CHECKSTATUS,
|
|
|
|
|
"STATUS":row.STATUS
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
_this.isShowDivDetail=true;
|
|
|
|
|
_this.dataParams=_params;
|
|
|
|
|
// _this.$refs.divDetail.getDivDatas(_params);
|
|
|
|
|
/* window.localStorage.setItem("params",JSON.stringify(params));
|
|
|
|
|
window.open(href.href,'Map',"",false)*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//日期格式修改
|
|
|
|
|
|
|
|
|
|
function formatDate(dateString,format) {
|
|
|
|
|
const date = new Date(dateString);
|
|
|
|
|
const year = date.getFullYear();
|
|
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
|
|
|
|
const day = date.getDate().toString().padStart(2, '0');
|
|
|
|
|
|
|
|
|
|
let hour=date.getHours();
|
|
|
|
|
let minute=date.getMinutes();
|
|
|
|
|
let second=date.getSeconds();
|
|
|
|
|
if(hour<10){
|
|
|
|
|
hour ="0"+hour;
|
|
|
|
|
}
|
|
|
|
|
if(minute<10){
|
|
|
|
|
minute ="0"+minute;
|
|
|
|
|
}
|
|
|
|
|
if(second<10){
|
|
|
|
|
second ="0"+second;
|
|
|
|
|
}
|
|
|
|
|
const milSecond=date.getMilliseconds();
|
|
|
|
|
if(format=="YYYY-MM-DD"){
|
|
|
|
|
return `${year}-${month}-${day}`;
|
|
|
|
|
}else if(format=="YYYY-MM-DD HH:MM:SS"){
|
|
|
|
|
return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
|
|
|
|
|
}else if(format=="YYYY-MM-DD HH:MM:SS:SSS"){
|
|
|
|
|
return `${year}-${month}-${day} ${hour}:${minute}:${second}:${milSecond}`;
|
|
|
|
|
}else if(format=="HH:MM:SS"){
|
|
|
|
|
return `${hour}:${minute}:${second}:${milSecond}`;
|
|
|
|
|
}
|
|
|
|
|
return "";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function getCurrentDate(){
|
|
|
|
|
var myDate = new Date(); //获取今天日期
|
|
|
|
|
myDate.setDate(myDate.getDate() - 1);
|
|
|
|
|
// dateTemp = myDate.getFullYear()+"/"+(c)+"/"+myDate.getDate();
|
|
|
|
|
return myDate.getFullYear()+"-"+((myDate.getMonth()+1) >9?(myDate.getMonth()+1):"0"+(myDate.getMonth()+1))+"-"+(myDate.getDate() >9?myDate.getDate():"0"+myDate.getDate());
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function getCurrentDateHour(){
|
|
|
|
|
var date = new Date(); //获取今天日期
|
|
|
|
|
const year = date.getFullYear();
|
|
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
|
|
|
|
const day = date.getDate().toString().padStart(2, '0');
|
|
|
|
|
let hour=date.getHours();
|
|
|
|
|
let minute=date.getMinutes();
|
|
|
|
|
let second=date.getSeconds();
|
|
|
|
|
if(hour<10){
|
|
|
|
|
hour ="0"+hour;
|
|
|
|
|
}
|
|
|
|
|
if(minute<10){
|
|
|
|
|
minute ="0"+minute;
|
|
|
|
|
}
|
|
|
|
|
if(second<10){
|
|
|
|
|
second ="0"+second;
|
|
|
|
|
}
|
|
|
|
|
// dateTemp = myDate.getFullYear()+"/"+(c)+"/"+myDate.getDate();
|
|
|
|
|
return `${year}${month}${day}${hour}${minute}${second}`;
|
|
|
|
|
}
|
|
|
|
|
</script>
|
