<template>
    <div class="page">
        <div class="top adfacjb">
            <div class="t_l adfac">
                <img src="@/assets/images/agent/arrow_left.png" @click="handleBack">
                <span>查看报告</span>
            </div>
            <div class="t_r">
                <el-button type="primary">下载</el-button>
            </div>
        </div>
        <div class="content adfacjc">

        </div>
    </div>
</template>

<script setup name="">
    import { ref, getCurrentInstance } from 'vue'
    const { proxy } = getCurrentInstance();
    
    const handleBack = () => {
        proxy.$router.back();
    }
</script>

<style scoped lang="scss">
    .page{
        background: #FAFAFA;
        .top{
            width: 100%;
            height: 64px;
            background: #FFFFFF;
            border: 1px solid #F3F4F6;
            padding: 0 24px;
            box-sizing: border-box;
            .t_l{
                img{
                    width: 36px;
                    height: 36px;
                    cursor: pointer;
                }
                span{
                    font-family: PingFangSC, PingFang SC;
                    font-weight: 400;
                    font-size: 14px;
                    color: #252525;
                    line-height: 14px;
                    margin-left: 27px;
                }
            }
        } 
        
        .content{
            width: calc(100% - 24px);
            height: calc(100vh - 88px);
            margin: 12px;
            border-radius: 6px 6px 0px 0px;
            border: 1px solid #F3F4F6;
        }
    }
</style>