<template>
    <div class="index-main">
        <PRow :gutter="10" v-for="(row,rowIndex) in portalList" :key="rowIndex">
            <PCol :span="colVal" v-for="(colVal,colIndex) in row.layoutCols" :key="colIndex">
                <template v-for="(panels,panelIndex) in row.panels[colIndex]">
                    <PPortalPanel :tabList='panels.columns' :height="panels.height"></PPortalPanel> 
                </template> 
            </PCol>
        </PRow>
    </div>
</template>
<script>
import {PRow,PCol} from "@main/components/grid";
import PPortalPanel from "@main/components/portalPanel";
export default {
    components:{
        PRow,PCol,PPortalPanel
    },
    computed:{
        portalList(){
            let pList = this.$store.getters.portalList;
            return pList;
        }
    },
    mounted(){
    }
}
</script>
<style lang='less' scoped>
    .index-main{
        padding:10px;
        .pl-portal-panel{
            margin-bottom:10px;
        }
    }
</style>