拆分核验，数据稽核
parent
b0138bbbf3
commit
744122a98a
@ -0,0 +1,226 @@
|
||||
<!-- 稽核数据查看-->
|
||||
|
||||
<template>
|
||||
<div id="contain_query" style="width:100%;height: 100%;position: inherit">
|
||||
<div style="height:99%;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
|
||||
v-loading="tableLoading"
|
||||
>
|
||||
<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" />
|
||||
<el-table-column prop="id" label="PASSID" :show-overflow-tooltip="true" width="200px" resizable align="center" />
|
||||
<el-table-column prop="matchId" label="匹配数据PASSID" :show-overflow-tooltip="true" width="200px" resizable align="center" />
|
||||
<el-table-column prop="vehicleid" label="车牌号" :show-overflow-tooltip="true" width="220px" resizable align="center" />
|
||||
<el-table-column prop="vehicleidColor" label="车牌颜色" :show-overflow-tooltip="true" width="220px" resizable align="center" />
|
||||
<el-table-column prop="gpaFee" label="计费金额(元)" width="250px" resizable align="center" />
|
||||
<el-table-column prop="divFee" label="拆分金额(元)" width="250px" resizable align="center" />
|
||||
<el-table-column prop="vehicletype" label="车型" :show-overflow-tooltip="true" width="250px" resizable align="center" />
|
||||
<el-table-column prop="vehicleclass" label="车种" :show-overflow-tooltip="true" width="100px" resizable align="center" />
|
||||
<el-table-column prop="maname" label="处理人" :show-overflow-tooltip="true" width="180px" resizable align="center" />
|
||||
<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>
|
||||
</div>
|
||||
<div tyle="height: 5%;width: 100%">
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[20, 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>
|
||||
</template>
|
||||
|
||||
<style >
|
||||
#table_el{
|
||||
height: 100% ;
|
||||
width: 100%;
|
||||
}
|
||||
#detail_dialog_fee{
|
||||
margin-top: 20px !important;
|
||||
width:80%;
|
||||
height: 75%;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script >
|
||||
|
||||
import { ref} from "vue";
|
||||
import {exportExcleQueryMatch, getMatchListByPage} from "@/util/api/api";
|
||||
import tool from "@/util/tool";
|
||||
var _this;
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
tableData: ref([]),
|
||||
tableLoading: false,
|
||||
params:{}
|
||||
|
||||
}
|
||||
},
|
||||
//props: ['params'],
|
||||
methods: {
|
||||
refreshQueryData(paramAll){
|
||||
this.params=paramAll;
|
||||
getQueryDataLists();
|
||||
},exportExcleQuery(paramAll){
|
||||
exportMatchData(paramAll);
|
||||
},handleSizeChange(val) {
|
||||
this.pageSize = val;
|
||||
this.isLoding = true;
|
||||
getQueryDataLists();
|
||||
},handleCurrentChange(val) {
|
||||
this.currentPage = val;
|
||||
this.isLoding = true;
|
||||
getQueryDataLists();
|
||||
},indexmethod(index){
|
||||
return index + this.pageSize * (this.currentPage -1)+1;
|
||||
}, 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) {
|
||||
return "";
|
||||
}
|
||||
return formatDate(cellValue, "YYYY-MM-DD HH:MM:SS");
|
||||
}, rowStyle(row, rowIndex) {
|
||||
if (this.doubleclikIndex === row.row.RN) {
|
||||
return {
|
||||
"background-color": "lightcyan",
|
||||
"cursor": "pointer"
|
||||
}
|
||||
}
|
||||
return {
|
||||
"cursor": "pointer"
|
||||
}
|
||||
}
|
||||
|
||||
}, components: {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
_this = this;
|
||||
}
|
||||
}
|
||||
function getQueryDataLists(){
|
||||
_this.tableLoading=true;
|
||||
var paramsData=_this.params;
|
||||
paramsData.pageNum=_this.currentPage;
|
||||
paramsData.pageSize=_this.pageSize;
|
||||
paramsData.status="";
|
||||
getMatchListByPage(paramsData).then(res=>{
|
||||
_this.tableLoading=false;
|
||||
if(res.code<=0){
|
||||
return false;
|
||||
}else{
|
||||
debugger
|
||||
_this.totalCount=res.total;
|
||||
_this.tableData=res.records;
|
||||
_this.isLoding=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}`;
|
||||
}
|
||||
|
||||
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>
|
||||
Loading…
Reference in New Issue