<template>
    <div class="all">
        <div class="left">
            <tpm-device-list></tpm-device-list>
        </div>
        <div class="right">
            <tpm-tag-list></tpm-tag-list>
        </div>
    </div>
</template>

<script>
import TpmTagList from './TpmTagList.vue';
import TpmDeviceList from './TpmDeviceList.vue';

    export default({
        components: {
            TpmTagList,
            TpmDeviceList
        },
        data () {
            return {
                
            }
        }
    })
</script>

<style scoped>
.all{
    height: calc(100vh - 135px);
    width: 100%;
    display: flex;
}
.left{
    height: 100%;
    width: 20%;
    /* border: 2px solid red; */
    margin-right: 10px;
    margin-left: 5px;
}
.right{
    height: 100%;
    width: 80%;
    /* border: 2px solid red; */
}
</style>
