<template>
  <Card title="物资管理">
    <div class="list-group">
      <div class="list"><MaterialTable title="材料订单" /></div>
      <div class="list"><MaterialTable title="材料运单" /></div>
      <div class="list"><MaterialTable title="材料验收" /></div>
    </div>
  </Card>
</template>

<script>
import Card from '../components/Card.vue'
import MaterialTable from './components/MaterialTable.vue'
export default {
  components: { Card, MaterialTable }
}
</script>

<style lang="less" scoped>
.list-group {
  height: 100%;
  display: flex;
  justify-content: space-around;
  .list {
    width: 28%;
  }
}
</style>
