<template>
    <div class="container">
        <div class="title_top">
            <div class="title_name" @click="handleHome">
                {{ this.$dictLabel('node_title6') }}
            </div>
        </div>

        <leftNav selNavId="5" />

        <div class="content_box">
            <div class="xmind_box"></div>
            <div class="but_box">
                <div class="but but_2"></div>
                <div class="but but_3" @click="handleChecklists"></div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Deduced',
    props: {

    },
    components: {

    },
    data(){
        return {
            
        }
    },
    methods: {
        handleHome() {
            this.$router.push('/home')
        }
    }
}
</script>

<style lang="scss" scoped>
.container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
    padding-left: 260px;

    .content_box {
        // height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;

        .xmind_box {
            width: 1176px;
            // height: 686px;
            height: calc(86vh - 80px);
            background-color: #0857ac;
        }

        .but_box {
            margin-left: 80px;
            margin-bottom: 80px;

            .but {
                width: 180px;
                height: 59px;
                background-repeat: no-repeat;
                background-position: -40px -40px;
                background-size: 260px 140px;
                cursor: pointer;
            }

            .but+.but {
                margin-top: 20px;
            }

            .but_2 {
                background-image: url('~@/assets/bigScreen/task/but_sub_2.png');
            }

            .but_3 {
                background-image: url('~@/assets/bigScreen/task/but_exp.png');
            }
        }
    }
}
</style>