|
|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<Dialog v-model="modelVisible" title="收费站管制统计" style="width: 100%;"> |
|
|
|
<div class="search"> |
|
|
|
<InputSearch style="width: 502px;" /> |
|
|
|
<InputSearch :formList="searchFormList" @handleSearch="handleSearch" style="width: 502px;" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="StatsDetail"> |
|
|
|
@ -69,6 +69,20 @@ export default { |
|
|
|
return { |
|
|
|
tableData: [], |
|
|
|
weatherNum: [], |
|
|
|
startTime: "", |
|
|
|
endTime: "", |
|
|
|
searchFormList: [ |
|
|
|
{ |
|
|
|
label: "日期:", |
|
|
|
key: "date", |
|
|
|
required: true, |
|
|
|
type: "datePicker", |
|
|
|
options: { |
|
|
|
valueFormat: "yyyy-MM-dd", |
|
|
|
type: "daterange" |
|
|
|
} |
|
|
|
}, |
|
|
|
], |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
@ -84,6 +98,9 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
handleSearch(data) { |
|
|
|
this.getSelectTollStation(data) |
|
|
|
}, |
|
|
|
arraySpanMethod({ row, column, rowIndex, columnIndex }) { |
|
|
|
// console.log("+++++++", row, column, rowIndex, columnIndex) |
|
|
|
if (!row.causeTypeName) { |
|
|
|
@ -128,9 +145,18 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
getSelectTollStation() { |
|
|
|
let startTime = new Date("2024-01-01 11:12:21"); // 要转换的字符串日期 |
|
|
|
let endTime = new Date("2024-01-26 11:12:36"); |
|
|
|
getSelectTollStation(data) { |
|
|
|
console.log(45, data) |
|
|
|
let startTime = "" |
|
|
|
let endTime = "" |
|
|
|
if (data) { |
|
|
|
startTime = data.date[0] + ' 00:00:00' |
|
|
|
endTime = data.date[1] + ' 23:59:59' |
|
|
|
} else { |
|
|
|
startTime = new Date("2024-01-01 11:12:21") |
|
|
|
startTime = new Date("2024-01-26 11:12:36") |
|
|
|
} |
|
|
|
|
|
|
|
var formData = new FormData(); |
|
|
|
formData.append("controlType", '1'); |
|
|
|
formData.append("startTime", startTime); |
|
|
|
@ -158,13 +184,26 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.dialog { |
|
|
|
min-height: 800px; |
|
|
|
} |
|
|
|
|
|
|
|
.search { |
|
|
|
display: flex; |
|
|
|
flex-direction: row-reverse; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .is-scrolling-none { |
|
|
|
background: #0B6581; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-table__empty-text { |
|
|
|
color: #3AE0F8; |
|
|
|
} |
|
|
|
|
|
|
|
.StatsDetail { |
|
|
|
// height: 770px; |
|
|
|
margin: 20px 0; |
|
|
|
width: 100%; |
|
|
|
display: flex; |
|
|
|
@ -173,6 +212,7 @@ export default { |
|
|
|
|
|
|
|
.el-table { |
|
|
|
border: 1px solid #07AEC6; |
|
|
|
background: #0B6581; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .has-gutter {} |
|
|
|
|
zhangzhang
1 year ago
