|
|
@ -36,8 +36,8 @@ |
|
|
|
<div style="height: 40%;" > |
|
|
|
<div id="tableChart" style="height: 95%;width: 100%"></div> |
|
|
|
</div> |
|
|
|
<!--车流量 不分方向--> |
|
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '2'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
|
<!--车流量 不分方向 小类--> |
|
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '2' && queryForm.carType == '1'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn prop="trafficNumberOfInAndSmall" align="center" label="中小客车" /> |
|
|
|
<ElTableColumn prop="busTrafficVolume" align="center" label="大客车" /> |
|
|
@ -50,9 +50,16 @@ |
|
|
|
<!-- <ElTableColumn prop="tractorTrafficVolume" align="center" label="拖拉机" />--> |
|
|
|
<ElTableColumn prop="trafficVolume" align="center" label="合计" /> |
|
|
|
</Table> |
|
|
|
<!--车流量 不分方向 大类--> |
|
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '2' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn prop="bus" align="center" label="客车" /> |
|
|
|
<ElTableColumn prop="goodsCar" align="center" label="货车" /> |
|
|
|
<ElTableColumn prop="trafficVolume" align="center" label="合计" /> |
|
|
|
</Table> |
|
|
|
|
|
|
|
<!--车流量 分方向--> |
|
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '1'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
|
<!--车流量 分方向 小类--> |
|
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '1' && queryForm.carType == '1'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="中小客车" > |
|
|
|
<ElTableColumn prop="trafficNumberOfInAndSmallHZ" align="center" label="菏泽" ></ElTableColumn> |
|
|
@ -96,9 +103,26 @@ |
|
|
|
</ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="总计车流量" prop="allTrafficVolume" ></ElTableColumn> |
|
|
|
</Table> |
|
|
|
<!--车流量 分方向 大类--> |
|
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '1' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="客车" > |
|
|
|
<ElTableColumn prop="busHZ" align="center" label="菏泽" ></ElTableColumn> |
|
|
|
<ElTableColumn prop="busJN" align="center" label="济南" ></ElTableColumn> |
|
|
|
</ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="货车" > |
|
|
|
<ElTableColumn prop="goodsCarHZ" align="center" label="菏泽" ></ElTableColumn> |
|
|
|
<ElTableColumn prop="goodsCarJN" align="center" label="济南" ></ElTableColumn> |
|
|
|
</ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="合计" > |
|
|
|
<ElTableColumn prop="trafficVolumeHZ" align="center" label="菏泽" ></ElTableColumn> |
|
|
|
<ElTableColumn prop="trafficVolumeJN" align="center" label="济南" ></ElTableColumn> |
|
|
|
</ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="总计车流量" prop="allTrafficVolume" ></ElTableColumn> |
|
|
|
</Table> |
|
|
|
|
|
|
|
<!--车速 不分方向--> |
|
|
|
<Table v-if="queryForm.dataType == '2' && queryForm.direction == '2'" style="width:85vw" :data="tableData" :key="tableKey" v-loading="loading" height="50%" > |
|
|
|
<!--车速 不分方向 小类--> |
|
|
|
<Table v-if="queryForm.dataType == '2' && queryForm.direction == '2' && queryForm.carType == '1'" style="width:85vw" :data="tableData" :key="tableKey" v-loading="loading" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn prop="inAndSmallAverageVehicleSpeed" align="center" label="中小客车" /> |
|
|
|
<ElTableColumn prop="averageSpeedOfBus" align="center" label="大客车" /> |
|
|
@ -111,9 +135,16 @@ |
|
|
|
<!-- <ElTableColumn prop="averageSpeedOfTractor" align="center" label="拖拉机" />--> |
|
|
|
<ElTableColumn prop="avgSpeed" align="center" label="车速平均" /> |
|
|
|
</Table> |
|
|
|
<!--车速 不分方向 大类--> |
|
|
|
<Table v-if="queryForm.dataType == '2' && queryForm.direction == '2' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" v-loading="loading" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn prop="busVehicleSpeed" align="center" label="客车" /> |
|
|
|
<ElTableColumn prop="goodsCarVehicleSpeed" align="center" label="货车" /> |
|
|
|
<ElTableColumn prop="avgSpeed" align="center" label="车速平均" /> |
|
|
|
</Table> |
|
|
|
|
|
|
|
<!--车速 分方向--> |
|
|
|
<Table v-if="queryForm.dataType == '2' && queryForm.direction == '1'" style="width:85vw" :data="tableData" :key="tableKey" v-loading="loading" height="50%" > |
|
|
|
<!--车速 分方向 小类--> |
|
|
|
<Table v-if="queryForm.dataType == '2' && queryForm.direction == '1' && queryForm.carType == '1'" style="width:85vw" :data="tableData" :key="tableKey" v-loading="loading" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="中小客车" > |
|
|
|
<ElTableColumn prop="inAndSmallAverageVehicleSpeedHZ" align="center" label="菏泽" /> |
|
|
@ -145,20 +176,23 @@ |
|
|
|
<ElTableColumn prop="averageSpeedOfExtraLargeTrucksJN" align="center" label="济南" /> |
|
|
|
</ElTableColumn> |
|
|
|
|
|
|
|
<!-- <ElTableColumn align="center" label="集装箱车" > |
|
|
|
<ElTableColumn prop="averageSpeedOfContainerTruckHZ" align="center" label="菏泽" /> |
|
|
|
<ElTableColumn prop="averageSpeedOfContainerTruckJN" align="center" label="济南" /> |
|
|
|
<ElTableColumn align="center" label="车速平均" > |
|
|
|
<ElTableColumn prop="avgSpeedHZ" align="center" label="菏泽" /> |
|
|
|
<ElTableColumn prop="avgSpeedJN" align="center" label="济南" /> |
|
|
|
</ElTableColumn> |
|
|
|
|
|
|
|
<ElTableColumn align="center" label="摩托车" > |
|
|
|
<ElTableColumn prop="averageSpeedOfMotorcycleHZ" align="center" label="菏泽" /> |
|
|
|
<ElTableColumn prop="averageSpeedOfMotorcycleJN" align="center" label="济南" /> |
|
|
|
</Table> |
|
|
|
<!--车速 分方向 大类--> |
|
|
|
<Table v-if="queryForm.dataType == '2' && queryForm.direction == '1' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" v-loading="loading" height="50%" > |
|
|
|
<ElTableColumn prop="time" align="center" min-width="140" label="时间"></ElTableColumn> |
|
|
|
<ElTableColumn align="center" label="客车" > |
|
|
|
<ElTableColumn prop="busVehicleSpeedHZ" align="center" label="菏泽" /> |
|
|
|
<ElTableColumn prop="busVehicleSpeedJN" align="center" label="济南" /> |
|
|
|
</ElTableColumn> |
|
|
|
|
|
|
|
<ElTableColumn align="center" label="拖拉机" > |
|
|
|
<ElTableColumn prop="averageSpeedOfTractorHZ" align="center" label="菏泽" /> |
|
|
|
<ElTableColumn prop="averageSpeedOfTractorJN" align="center" label="济南" /> |
|
|
|
</ElTableColumn>--> |
|
|
|
<ElTableColumn align="center" label="货车" > |
|
|
|
<ElTableColumn prop="goodsCarVehicleSpeedHZ" align="center" label="菏泽" /> |
|
|
|
<ElTableColumn prop="goodsCarVehicleSpeedJN" align="center" label="济南" /> |
|
|
|
</ElTableColumn> |
|
|
|
|
|
|
|
<ElTableColumn align="center" label="车速平均" > |
|
|
|
<ElTableColumn prop="avgSpeedHZ" align="center" label="菏泽" /> |
|
|
@ -276,6 +310,7 @@ |
|
|
|
date:moment(new Date()).format("YYYY-MM-DD HH:mm:ss"), |
|
|
|
type:'1', |
|
|
|
dataType:'1', |
|
|
|
carType:'1', |
|
|
|
}, |
|
|
|
modelVisible:false, |
|
|
|
loading:false, |
|
|
@ -320,6 +355,10 @@ |
|
|
|
this.queryForm.type = data.type; |
|
|
|
this.queryForm.dataType = data.dataType; |
|
|
|
this.queryForm.direction = data.direction; |
|
|
|
this.queryForm.carType = data.carType; |
|
|
|
this.queryForm.startTime = data.timeRange[0]; |
|
|
|
this.queryForm.endTime = data.timeRange[1]; |
|
|
|
|
|
|
|
this.initData(); |
|
|
|
}, |
|
|
|
initData(){ |
|
|
@ -347,7 +386,7 @@ |
|
|
|
//车流量去掉自然合计值、折算值、自然平均值,车速去掉平均值 |
|
|
|
if (this.queryForm.dataType == '1'){ |
|
|
|
tableChartsOptions.yAxis[0].name = '流量' |
|
|
|
dataList = this.tableData.slice(0,this.tableData.length - 3); |
|
|
|
dataList = this.tableData.slice(0,this.tableData.length - 4); |
|
|
|
tableChartsOptions.xAxis.data = dataList.map(item => item.time.slice(item.time.length - 2,item.time.length)) |
|
|
|
if (this.queryForm.direction == '1'){ |
|
|
|
tableChartsOptions.series = [ |
|
|
@ -511,7 +550,7 @@ |
|
|
|
}, |
|
|
|
onExport(){ |
|
|
|
const self = this; |
|
|
|
this.$confirm("是否确认导出综合查询内容?", "警告", { |
|
|
|
this.$confirm("是否确认导出站点查询内容?", "警告", { |
|
|
|
confirmButtonText: "确定", |
|
|
|
cancelButtonText: "取消", |
|
|
|
type: "warning", |
|
|
@ -532,7 +571,7 @@ |
|
|
|
let link = document.createElement("a"); |
|
|
|
link.style.display = "none"; |
|
|
|
link.href = url; |
|
|
|
link.setAttribute("download", "综合查询.xlsx"); |
|
|
|
link.setAttribute("download", "站点查询.xlsx"); |
|
|
|
document.body.appendChild(link); |
|
|
|
link.click(); |
|
|
|
URL.revokeObjectURL(link.href); // 释放URL 对象 |
|
|
|