zhgdyun/src/views/projectAdmin/fourEngin/sourse/rightBottom.vue

<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>