You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.4 KiB
73 lines
1.4 KiB
<template>
|
|
<div class="comp_box">
|
|
<el-tabs class="footTabs" v-model="activeName">
|
|
<el-tab-pane label="按事件分类" name="first">
|
|
<Eventfiltering />
|
|
</el-tab-pane>
|
|
<el-tab-pane label="按卡口" name="second">
|
|
<Sitefiltering />
|
|
</el-tab-pane>
|
|
<el-tab-pane label="按日期" name="third">
|
|
<Timefiltering />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Eventfiltering from "./components/Eventfiltering/index.vue";
|
|
import Sitefiltering from "./components/Sitefiltering/index.vue";
|
|
import Timefiltering from "./components/Timefiltering/index.vue";
|
|
|
|
export default {
|
|
name: "StatisticalAnalysis",
|
|
components: {
|
|
Eventfiltering,
|
|
Sitefiltering,
|
|
Timefiltering,
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: "first",
|
|
};
|
|
},
|
|
props: {
|
|
text: {
|
|
type: String,
|
|
default: "暂无数据",
|
|
},
|
|
},
|
|
methods: {
|
|
// changeTabs(tab, event) {
|
|
// console.log(tab, event);
|
|
// // this.activeName = value;
|
|
// },
|
|
},
|
|
mounted() {},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.comp_box {
|
|
// padding-top:160px;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: #8a9eaa;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: relative;
|
|
padding: 15px 25px;
|
|
.footTabs {
|
|
display: inline;
|
|
width: 99%;
|
|
height: 100%;
|
|
}
|
|
::v-deep .el-tabs__content {
|
|
height: 100%;
|
|
}
|
|
::v-deep .el-tab-pane {
|
|
height: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
|