|
|
|
|
@ -6,6 +6,8 @@
|
|
|
|
|
<div style="height: 94%;width: 100%">
|
|
|
|
|
<el-table :data="tableData" width="100%" id="table_el" :header-cell-style="{background:'#e9ecee',align:'center'}" border
|
|
|
|
|
v-loading="tableLoading"
|
|
|
|
|
:row-style="rowStyle"
|
|
|
|
|
@row-dblclick="showMatchDetail"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="index" label="序号" :index="indexmethod" width="100px" align="center"/>
|
|
|
|
|
<el-table-column prop="classdate" label="日期" :show-overflow-tooltip="true" :formatter="dateFormatter" width="150px" resizable align="center" />
|
|
|
|
|
@ -21,9 +23,33 @@
|
|
|
|
|
<el-table-column prop="createTime" label="处理时间" :show-overflow-tooltip="true" :formatter="dateFormatterSSS" width="200px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="datatype" label="数据类型" :show-overflow-tooltip="true" width="200px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="checkStatus" label="处理结果" :show-overflow-tooltip="true" width="200px" resizable align="center" />
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="divTollintervalid" label="计费单元组id" v-if="tableDisable" align="center" />
|
|
|
|
|
<el-table-column prop="datatype" label="数据类型" v-if="tableDisable" align="center" />
|
|
|
|
|
<el-table-column prop="divFeegroup" label="计费金额(元)" v-if="tableDisable" width="200px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="vehicleclassname" label="车种" v-if="tableDisable" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="vehicleclass" label="车种" v-if="tableDisable" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="divEntollstationname" label="入口计费单元名称" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="divExtollstationname" label="出口计费单元名称" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="divEnpointid" label="入口计费单元id" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="divExpointid" label="出口计费单元id" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="bak1" label="本省/跨省" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="divEntime" label="开始日期" width="200px" :formatter="dateFormatterSSS" v-if="tableDisable" align="center" />
|
|
|
|
|
<el-table-column prop="divExtime" label="结束日期" width="200px" :formatter="dateFormatterSSS" v-if="tableDisable" align="center" />
|
|
|
|
|
<el-table-column prop="gpaTollintervalid" label="计费单元组id" v-if="tableDisable" align="center" />
|
|
|
|
|
<el-table-column prop="gpaFeegroup" label="计费金额(元)" v-if="tableDisable" width="200px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="gpaEntollstationname" label="入口计费单元名称" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="gpaExtollstationname" label="出口计费单元名称" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="gpaEnpointid" label="入口计费单元id" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="gpaExpointid" label="出口计费单元id" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="gpaFeeOld" label="计费金额" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="vehicletype" label="车型" v-if="tableDisable" width="400px" resizable align="center" />
|
|
|
|
|
<el-table-column prop="gpaEntime" label="开始日期" :formatter="dateFormatterSSS" v-if="tableDisable" width="200px" align="center" />
|
|
|
|
|
<el-table-column prop="gpaExtime" label="结束日期" :formatter="dateFormatterSSS" v-if="tableDisable" width="200px" align="center" />
|
|
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
<div tyle="height: 5%;width: 100%">
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 分页 -->
|
|
|
|
|
<el-pagination
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
@ -38,6 +64,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog id="detail_dialog_fee_match" v-model="isShowFeeDetailMatch" draggable :close-on-click-modal="closeD">
|
|
|
|
|
<querySolveDataFee ref="querySolveDataFee" ></querySolveDataFee>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<el-dialog id="detail_dialog_div_match" v-model="isShowDivDetailMatch" draggable :close-on-click-modal="closeD">
|
|
|
|
|
<querySolveDataDiv ref="querySolveDataDiv" ></querySolveDataDiv>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style >
|
|
|
|
|
@ -45,28 +77,38 @@
|
|
|
|
|
height: 100% ;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
#detail_dialog_fee{
|
|
|
|
|
margin-top: 20px !important;
|
|
|
|
|
width:80%;
|
|
|
|
|
height: 75%;
|
|
|
|
|
padding-bottom: 0 !important;
|
|
|
|
|
#detail_dialog_fee_match{
|
|
|
|
|
height: 78% !important;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
width: 80%;
|
|
|
|
|
}
|
|
|
|
|
#detail_dialog_div_match{
|
|
|
|
|
height: 78% !important;
|
|
|
|
|
width: 80%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script >
|
|
|
|
|
|
|
|
|
|
import { ref} from "vue";
|
|
|
|
|
import {exportExcleQueryMatch, getMatchListByPage} from "@/util/api/api";
|
|
|
|
|
import { getMatchListByPage} from "@/util/api/api";
|
|
|
|
|
import tool from "@/util/tool";
|
|
|
|
|
import querySolveDataDiv from "@/views/dev/detail/nodivandnofee/querySolveDataDiv.vue";
|
|
|
|
|
import querySolveDataFee from "@/views/dev/detail/nodivandnofee/querySolveDataFee.vue";
|
|
|
|
|
var _this;
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
currentPage: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageSize: 15,
|
|
|
|
|
totalCount: 0,
|
|
|
|
|
tableData: ref([]),
|
|
|
|
|
tableLoading: false,
|
|
|
|
|
params:{}
|
|
|
|
|
params:{},
|
|
|
|
|
tableDisable:false,
|
|
|
|
|
isShowFeeDetailMatch:false,
|
|
|
|
|
isShowDivDetailMatch:false,
|
|
|
|
|
closeD:false,
|
|
|
|
|
doubleclikIndex:"-1"
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
@ -75,9 +117,7 @@ export default {
|
|
|
|
|
refreshQueryData(paramAll){
|
|
|
|
|
this.params=paramAll;
|
|
|
|
|
getQueryDataLists();
|
|
|
|
|
},exportExcleQuery(paramAll){
|
|
|
|
|
exportMatchData(paramAll);
|
|
|
|
|
},handleSizeChange(val) {
|
|
|
|
|
}, handleSizeChange(val) {
|
|
|
|
|
this.pageSize = val;
|
|
|
|
|
this.isLoding = true;
|
|
|
|
|
getQueryDataLists();
|
|
|
|
|
@ -87,11 +127,62 @@ export default {
|
|
|
|
|
getQueryDataLists();
|
|
|
|
|
},indexmethod(index){
|
|
|
|
|
return index + this.pageSize * (this.currentPage -1)+1;
|
|
|
|
|
},showMatchDetail(row,column,e){
|
|
|
|
|
debugger
|
|
|
|
|
this.doubleclikIndex=row.id;//序号值
|
|
|
|
|
let _params={
|
|
|
|
|
"divTollintervalid": row.divTollintervalid,
|
|
|
|
|
"classdate": this.dateFormatter(null,null,row.classdate),
|
|
|
|
|
"divEntime": this.dateFormatterSSS(null,null,row.divEntime),
|
|
|
|
|
"divExtime": this.dateFormatterSSS(null,null,row.divExtime),
|
|
|
|
|
"passid": row.id,
|
|
|
|
|
"vehicleid": row.vehicleid,
|
|
|
|
|
"vehicleidColor": row.vehicleidColor,
|
|
|
|
|
"divFeeGroup": row.divFeegroup,
|
|
|
|
|
"divFee": row.divFee,
|
|
|
|
|
"divFeeOld": row.divFeeOld,
|
|
|
|
|
"feeStatus": 4,
|
|
|
|
|
"vehicleclass": row.vehicleclass,
|
|
|
|
|
"startTime": tool.DayDec(row.classdate,0),
|
|
|
|
|
"endTime": tool.DayDec(row.classdate,-10),
|
|
|
|
|
"divEntollstationname": row.divEntollstationname ,
|
|
|
|
|
"divExtollstationname": row.divExtollstationname ,
|
|
|
|
|
"divEnpointid": row.divEnpointid ,
|
|
|
|
|
"bak1": row.bak1 ,
|
|
|
|
|
"divExpointid": row.divExpointid,
|
|
|
|
|
"gpaTollintervalid": row.gpaTollintervalid,
|
|
|
|
|
"gpaEntime": this.dateFormatterSSS(null,null,row.gpaEntime),
|
|
|
|
|
"gpaExtime": this.dateFormatterSSS(null,null,row.gpaExtime),
|
|
|
|
|
"gpaFeeGroup": row.gpaFeegroup,
|
|
|
|
|
"gpaFee": row.gpaFee,
|
|
|
|
|
"gpaFeeOld": row.gpaFeeOld,
|
|
|
|
|
"vehicletype": row.vehicletype,
|
|
|
|
|
"gpaEntollstationname": row.gpaEntollstationname ,
|
|
|
|
|
"gpaExtollstationname": row.gpaExtollstationname ,
|
|
|
|
|
"gpaEnpointid": row.gpaEnpointid ,
|
|
|
|
|
"gpaExpointid": row.gpaExpointid,
|
|
|
|
|
"checkStatus": row.checkStatus,
|
|
|
|
|
"datatype": row.datatype
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
if(row.datatype ==='有计费无拆分'){
|
|
|
|
|
this.isShowFeeDetailMatch=true;
|
|
|
|
|
this.isShowDivDetailMatch=false;
|
|
|
|
|
}else if(row.datatype ==='无计费有拆分'){
|
|
|
|
|
this.isShowFeeDetailMatch=false;
|
|
|
|
|
this.isShowDivDetailMatch=true;
|
|
|
|
|
}
|
|
|
|
|
this.$nextTick(() => {
|
|
|
|
|
if(row.datatype ==='有计费无拆分'){
|
|
|
|
|
this.$refs["querySolveDataFee"].refreshDataMatchFee(_params);
|
|
|
|
|
}else if(row.datatype ==='无计费有拆分'){
|
|
|
|
|
this.$refs["querySolveDataDiv"].refreshDataMatchDiv(_params);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}, dateFormatter(row, column, cellValue) {
|
|
|
|
|
if (cellValue == null || cellValue == "" || cellValue == undefined) {
|
|
|
|
|
return "";
|
|
|
|
|
}
|
|
|
|
|
//return `${date.toLocaleDateString()}`;
|
|
|
|
|
return formatDate(cellValue, "YYYY-MM-DD");
|
|
|
|
|
}, dateFormatterSSS(row, column, cellValue) {
|
|
|
|
|
if (cellValue == null || cellValue == "" || cellValue == undefined) {
|
|
|
|
|
@ -99,7 +190,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
return formatDate(cellValue, "YYYY-MM-DD HH:MM:SS");
|
|
|
|
|
}, rowStyle(row, rowIndex) {
|
|
|
|
|
if (this.doubleclikIndex === row.row.RN) {
|
|
|
|
|
if (this.doubleclikIndex === row.row.id) {
|
|
|
|
|
return {
|
|
|
|
|
"background-color": "lightcyan",
|
|
|
|
|
"cursor": "pointer"
|
|
|
|
|
@ -111,7 +202,8 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}, components: {
|
|
|
|
|
|
|
|
|
|
querySolveDataFee,
|
|
|
|
|
querySolveDataDiv
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
_this = this;
|
|
|
|
|
@ -169,58 +261,4 @@ function formatDate(dateString,format) {
|
|
|
|
|
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}`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function exportMatchData(paramsData) {
|
|
|
|
|
exportExcleQueryMatch({paramsData: JSON.stringify(paramsData)}).then(res => {
|
|
|
|
|
if (res.data != "") {
|
|
|
|
|
//fileName:下载的文件名
|
|
|
|
|
|
|
|
|
|
var fileName = '稽核数据_' + tool.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;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</script>
|
