40 lines
825 B
Vue
40 lines
825 B
Vue
<template>
|
|
<Page>
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
<el-tab-pane label="操作日志" name="first">
|
|
<Operation></Operation>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="运维日志" name="second">
|
|
<Maintenance></Maintenance>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</Page>
|
|
</template>
|
|
<script>
|
|
import Operation from './operation.vue'
|
|
import Maintenance from './maintenance.vue'
|
|
|
|
export default {
|
|
components: {
|
|
Operation,
|
|
Maintenance
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: 'first'
|
|
}
|
|
},
|
|
methods: {
|
|
handleClick(tab, event) {
|
|
console.log(tab, event)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.log {
|
|
padding: 10px;
|
|
}
|
|
</style>
|