42 lines
1.0 KiB
Vue
42 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<div class="app-container">
|
||
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||
|
|
<el-tab-pane label="监控项" name="first">
|
||
|
|
<FirstMonitor></FirstMonitor>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="自动发现项" name="second">
|
||
|
|
<template v-if="activeName === 'second'">
|
||
|
|
<SecondAutoFind></SecondAutoFind>
|
||
|
|
</template>
|
||
|
|
</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
<div style="float: right;margin-top: 20px;">
|
||
|
|
<el-button type="primary" @click="goBack">返回</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import FirstMonitor from "./firstMonitor";
|
||
|
|
import SecondAutoFind from "./secondAutoFind";
|
||
|
|
export default {
|
||
|
|
name: "MonitorChart",
|
||
|
|
components: {FirstMonitor, SecondAutoFind},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
activeName: 'first',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleClick(tab, event) {},
|
||
|
|
goBack() {
|
||
|
|
this.$router.push("/resource/switchRegister");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|