|
|
@ -55,6 +55,10 @@ |
|
|
<!-- <ElTableColumn prop="motorcycleTrafficVolume" align="center" label="摩托车" />--> |
|
|
<!-- <ElTableColumn prop="motorcycleTrafficVolume" align="center" label="摩托车" />--> |
|
|
<!-- <ElTableColumn prop="tractorTrafficVolume" align="center" label="拖拉机" />--> |
|
|
<!-- <ElTableColumn prop="tractorTrafficVolume" align="center" label="拖拉机" />--> |
|
|
<ElTableColumn prop="trafficVolume" align="center" label="合计" /> |
|
|
<ElTableColumn prop="trafficVolume" align="center" label="合计" /> |
|
|
|
|
|
|
|
|
|
|
|
<ElTableColumn align="center" label="周日均" prop="avgDailyTrafficVolume" v-if="queryForm.type == '5'"></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="同比增长率" prop="yoyGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="环比增长率" prop="momGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
</Table> |
|
|
</Table> |
|
|
<!--车流量 不分方向 大类--> |
|
|
<!--车流量 不分方向 大类--> |
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '2' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '2' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
@ -64,6 +68,9 @@ |
|
|
<ElTableColumn prop="goodsCar" align="center" label="货车" /> |
|
|
<ElTableColumn prop="goodsCar" align="center" label="货车" /> |
|
|
<ElTableColumn prop="goodsCarRatio" align="center" label="占比" /> |
|
|
<ElTableColumn prop="goodsCarRatio" align="center" label="占比" /> |
|
|
<ElTableColumn prop="trafficVolume" align="center" label="合计" /> |
|
|
<ElTableColumn prop="trafficVolume" align="center" label="合计" /> |
|
|
|
|
|
<ElTableColumn align="center" label="周日均" prop="avgDailyTrafficVolume" v-if="queryForm.type == '5'"></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="同比增长率" prop="yoyGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="环比增长率" prop="momGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
</Table> |
|
|
</Table> |
|
|
|
|
|
|
|
|
<!--车流量 分方向 小类--> |
|
|
<!--车流量 分方向 小类--> |
|
|
@ -124,6 +131,9 @@ |
|
|
<ElTableColumn prop="trafficVolumeRatioJN" align="center" label="占比" ></ElTableColumn> |
|
|
<ElTableColumn prop="trafficVolumeRatioJN" align="center" label="占比" ></ElTableColumn> |
|
|
</ElTableColumn> |
|
|
</ElTableColumn> |
|
|
<ElTableColumn align="center" label="总计车流量" prop="allTrafficVolume" ></ElTableColumn> |
|
|
<ElTableColumn align="center" label="总计车流量" prop="allTrafficVolume" ></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="周日均" prop="avgDailyTrafficVolume" v-if="queryForm.type == '5'"></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="同比增长率" prop="yoyGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="环比增长率" prop="momGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
</Table> |
|
|
</Table> |
|
|
<!--车流量 分方向 大类--> |
|
|
<!--车流量 分方向 大类--> |
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '1' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
<Table v-if="queryForm.dataType == '1' && queryForm.direction == '1' && queryForm.carType == '2'" style="width:85vw" :data="tableData" :key="tableKey" height="50%" > |
|
|
@ -147,6 +157,9 @@ |
|
|
<ElTableColumn prop="trafficVolumeRatioJN" align="center" label="占比" ></ElTableColumn> |
|
|
<ElTableColumn prop="trafficVolumeRatioJN" align="center" label="占比" ></ElTableColumn> |
|
|
</ElTableColumn> |
|
|
</ElTableColumn> |
|
|
<ElTableColumn align="center" label="总计车流量" prop="allTrafficVolume" ></ElTableColumn> |
|
|
<ElTableColumn align="center" label="总计车流量" prop="allTrafficVolume" ></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="周日均" prop="avgDailyTrafficVolume" v-if="queryForm.type == '5'"></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="同比增长率" prop="yoyGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
|
|
|
<ElTableColumn align="center" label="环比增长率" prop="momGrowthRate" v-if="queryForm.type == '5'" ></ElTableColumn> |
|
|
</Table> |
|
|
</Table> |
|
|
|
|
|
|
|
|
<!--车速 不分方向 小类--> |
|
|
<!--车速 不分方向 小类--> |
|
|
@ -415,7 +428,12 @@ |
|
|
if (this.queryForm.dataType == '1'){ |
|
|
if (this.queryForm.dataType == '1'){ |
|
|
tableChartsOptions.yAxis[0].name = '流量' |
|
|
tableChartsOptions.yAxis[0].name = '流量' |
|
|
dataList = this.tableData.slice(0,this.tableData.length - 4); |
|
|
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.type == '5'){ |
|
|
|
|
|
tableChartsOptions.xAxis.data = dataList.map(item => item.time) |
|
|
|
|
|
} else { |
|
|
|
|
|
tableChartsOptions.xAxis.data = dataList.map(item => item.time.slice(item.time.length - 2,item.time.length)) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
if (this.queryForm.direction == '1'){ |
|
|
if (this.queryForm.direction == '1'){ |
|
|
tableChartsOptions.series = [ |
|
|
tableChartsOptions.series = [ |
|
|
{ |
|
|
{ |
|
|
@ -462,8 +480,11 @@ |
|
|
} else { |
|
|
} else { |
|
|
tableChartsOptions.yAxis[0].name = '车速' |
|
|
tableChartsOptions.yAxis[0].name = '车速' |
|
|
dataList = this.tableData.slice(0,this.tableData.length - 1); |
|
|
dataList = this.tableData.slice(0,this.tableData.length - 1); |
|
|
tableChartsOptions.xAxis.data = dataList.map(item => item.time.slice(item.time.length - 2,item.time.length)) |
|
|
if (this.queryForm.type == '5'){ |
|
|
|
|
|
tableChartsOptions.xAxis.data = dataList.map(item => item.time) |
|
|
|
|
|
} else { |
|
|
|
|
|
tableChartsOptions.xAxis.data = dataList.map(item => item.time.slice(item.time.length - 2,item.time.length)) |
|
|
|
|
|
} |
|
|
if (this.queryForm.direction == '1'){ |
|
|
if (this.queryForm.direction == '1'){ |
|
|
tableChartsOptions.series = [ |
|
|
tableChartsOptions.series = [ |
|
|
{ |
|
|
{ |
|
|
|