<template>


    <div>
        <div class="coentent">
         
            <div class="contents-area">
              
                <div class="areas">
                    <div>
                        <baogao :type="5" @getaudit="getaudit" @getadd="getadd"></baogao>
                    </div>
                  
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import baogao from './conponent/baogao.vue'

export default {
    data(){
        return{
            active:0,
            tableDate:[
                {
                    name:'专项审计报告'
                },
                {
                    name:'审计机构证明'
                },
              
            ]
        }
    },
    methods:{
        //企业所得税纳税情况
        getaudit(row){
            if (row && row.id) {
                this.$router.push({
                    path: '/auditDetail',
                    query: { id: row.id, type: row.type || 5 }
                })
            }
        },
        // 新增
        getadd(params) {
            const type = params?.type || 5
            this.$router.push({
                path: '/auditEdit',
                query: { type: type }
            })
        },
        differenceDetail(){
            this.$router.push('/auditDetail')
        },
        btnHeder(e){
            this.active=e
        }
    },
    components:{
        baogao,
        
    }
    
}
</script>
<style scoped>
.areas{
 
    padding-bottom: 15px;
    width: 97%;
    margin: 0 auto;
    padding-top: 20px;
}
.active{
    color: #5165f7 !important;
}
.heng{
    width: 20px;
    height: 6px;
    background: #5165f7;
    margin: 0 auto;
    margin-top: 6px;
}
.header-table{
 cursor: pointer;
}
.contentss-header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    width: 220px;
}
.contentss{
    width: 97%;
    margin: 0 auto;
    padding-top: 12px;
}
.contents-area{
    width: 100%;
    
    background: white;
    margin-top: 20px;

}
.header-title{
    position: relative;
    top: 20px;
    left: 25px;
}
.numbers{
    position: relative;
    top: -7px;
    color: #2AB95F;
}
.number-name2{
    margin-top: 8px;
    font-size: 14px;
    color: #979BBC;
}
.number-name{
    font-weight: bold;
    font-size:25px;
    color: #17192C;
}
.header-names{
  display: flex;
  width: 82%;
    justify-content: space-between;
    margin: 0 auto;
    padding-top: 20px;
}
.headers{
    width: 304px;
    height: 102px;
    background: #F7F7FA;
    margin-top: 38px;
    border-radius: 8px;
    
}
.header-area{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 97%;
    margin: 0 auto;
}
.content-header{
    width: 100%;
   
    background:white;
    padding-bottom: 22px;
   
}
    .coentent{
        background: #f8f8f8;
        height: 80vh;
        width: 100%;
    }
</style>