<template>
  <div class='info_publish'>
    <AuditLists @click="onListClick" class="card" />
    <AuditDetails ref="refDetail" class="card" />
  </div>
</template>

<script>
import AuditDetails from "./Cards/AuditDetails/index.vue"
import AuditLists from "./Cards/AuditLists"

export default {
  name: 'InformationReleaseManagement',
  components: {
    AuditLists,
    AuditDetails
  },

  methods:{
    onListClick(id){
      this.$refs.refDetail.bind(id)
    }
  }
}
</script>

<style lang='scss' scoped>
.info_publish{
  height: 100%;
  padding: 24px;
  display: grid;
  gap: 30px;
  grid-template-columns: 0.42fr 1fr;

  .card {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}
</style>
