<template>
|
<div class="v-view-basic-passenger-flow colorfff">
|
<div class="nav">
|
<img
|
class="nav-icon"
|
:src="require('@/assets/safety/location.png')"
|
alt=""
|
/>
|
<div class="nav-content">
|
<span @click="handlePreClick">基础资源 </span>
|
<i class="el-icon el-icon-arrow-right"></i>
|
<span @click="handlePreClick">{{ $route.query.typeName || '站点' }} </span>
|
<i class="el-icon el-icon-arrow-right"></i>
|
<span>客流详情 </span>
|
</div>
|
</div>
|
<div v-if="$route.query.typeName == '线路'">
|
<lineTable></lineTable>
|
</div>
|
<div v-else>
|
<timeLine></timeLine>
|
<dateBar></dateBar>
|
</div>
|
|
</div>
|
</template>
|
|
<script>
|
import timeLine from '@/components/basicResource/passengerFlow/timeLine.vue';
|
import dateBar from '@/components/basicResource/passengerFlow/dateBar.vue';
|
import lineTable from '@/components/basicResource/passengerFlow/lineTable.vue';
|
export default {
|
name: "passengerFlow",
|
components: { timeLine, dateBar, lineTable },
|
data() {
|
return {
|
sence: {
|
'线路': 3,
|
'站点': 5,
|
}
|
};
|
},
|
created() {},
|
activated() {
|
|
},
|
methods: {
|
handlePreClick() {
|
const { query = {}} = this.$route;
|
console.log(this.sence[query.typeName], 'this.sence[query.typeName]');
|
|
this.$router.push({
|
path: '/branchOfficeResource',
|
query: {
|
sence: this.sence[query.typeName] || 1
|
}
|
|
})
|
|
}
|
},
|
};
|
</script>
|
|
<style lang="less">
|
.v-view-basic-passenger-flow {
|
background: #141A26;
|
padding: 20px 30px;
|
padding-bottom: 0;
|
.title-box1 {
|
justify-content: flex-start
|
}
|
._title-box {
|
height: 34px;
|
margin-top: 20px;
|
display: flex;
|
background: url("../../assets/newImg/bg_jiubai@2x.png") no-repeat left / cover !important;
|
.el-date-editor .el-range__icon {
|
line-height: 18px;
|
color: #fff
|
}
|
.el-date-editor .el-range-input {
|
color: #fff;
|
font-size: 12px;
|
}
|
.el-input--prefix .el-input__inner, .el-range-editor.el-input__inner {
|
background-color: transparent;
|
border: 1px solid transparent;
|
color: #fff
|
}
|
.el-range-editor.el-input__inner {
|
background: none;
|
height: 24px;
|
background: transparent;
|
border: transparent;
|
border-radius: 0;
|
font-size: 12px;
|
input {
|
border: none;
|
background: none;
|
}
|
.el-range-separator {
|
color: #fff;
|
line-height: 20px;
|
}
|
.el-range__close-icon {
|
line-height: 24px;
|
}
|
}
|
}
|
.nav {
|
display: flex;
|
font-size: 14px;
|
width: 100%;
|
height: 20px;
|
align-items: center;
|
position: relative;
|
.nav-icon {
|
width: 18px;
|
margin-left: 11px;
|
flex-shrink: 0;
|
margin-right: 11px;
|
}
|
.nav-content {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
}
|
}
|
}
|
</style>
|
