38 lines
768 B
Vue
38 lines
768 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<List v-if="activeName=='List'" ref="list" />
|
||
|
|
<Edit v-if="activeName=='Edit'" />
|
||
|
|
<Device-list v-if="activeName=='DeviceList'" />
|
||
|
|
<Edit-device v-if="activeName=='EditDevice'" />
|
||
|
|
<info-list v-if="activeName=='infoList'" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import List from './components/list'
|
||
|
|
import Edit from './components/edit'
|
||
|
|
import DeviceList from './components/listDevice'
|
||
|
|
import EditDevice from './components/EditDevice'
|
||
|
|
import infoList from './components/infoList'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
List: List,
|
||
|
|
Edit: Edit,
|
||
|
|
DeviceList: DeviceList,
|
||
|
|
EditDevice: EditDevice,
|
||
|
|
infoList: infoList
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
activeName: 'List'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
</style>
|
||
|
|
|