xjc-vue/src/views/xjc-integratedmachine/decision/balance_sheet/decision_balance_sheet.vue

<template>
    <div class="decision_balance_sheet">
        <head-component :headinfo=headinfo></head-component>
        <div class="page-content">
            <div class="page-box">
                <div>

                </div>
            </div>
            <drag_component></drag_component>
        </div>
    </div>

</template>

<script setup>
    import headComponent from '@/views/xjc-integratedmachine/components/head_component.vue'
    import {onMounted, reactive} from "vue";
    import drag_component from "@/views/xjc-integratedmachine/components/drag_component.vue";
    const headinfo = ref({})

    function setHeadinfo(){
        headinfo.value = {
            title: '决策平衡单',
            user: {
                avatar: '头像路径',
                nickName: '张三'
            },
            backUrl : '/xjc-integratedmachine/wakeup/career_recognize/index'
        }
    }

    onMounted(() => {
        setHeadinfo()
    })

</script>

<style scoped lang="scss">
    p{
        margin: 0;
        padding: 0;
    }
    .decision_balance_sheet{
        background: url('@/assets/images/decision/common/background.png') no-repeat;
        background-size: 1920px 1080px;
        z-index:10;
        width: 100%;
        height: 1080px;
        .page-content {
            width: 100%;
            height: 980px;
            position: absolute;
            top: 100px;
            bottom: 0;
        }
        .page-box{
            width: 1832px;
            height: 910px;
            overflow: auto;
            margin: 13px auto 0;
            padding-top: 25px;
            position: relative;
            overflow: auto;

        }

    }

</style>