<template>
<div class="container">
  <div class="content">
    <my-modal-material ref="materialModal" @close="close"></my-modal-material>
  </div>
</div>
</template>

<script>
import MyModalMaterial from './components/my-modal-form/my-modal-material-update'

export default {
  name: 'store-in',
  data () {
    return {
      data: [],
      show: false,
      material: {}
    }
  },
  components: {
    MyModalMaterial
  },
  methods: {
    close () {
      this.$store.commit('closeTag', this.$route)
      setTimeout(() => {
        this.$router.push('inventory_record')
      }, 500)
    }
  },
  mounted () {
  },
  destroyed () {
  }
}
</script>

<style lang="less" scoped>
  .container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    //background: rgba(2, 125, 180, 1);

    .content {
      margin: 10px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      //background: rgba(1, 84, 120, 1);
      border-radius: 10px;
      .reading {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
        font-weight: bold;
        color: #00FFFF;
      }
      .title {
        padding: 10px 0;
        text-align: center;
        font-size: 36px;
        font-weight: bold;
        color: #2dc57c;
      }
      .list-wrap {
        width: 100%;
        height: calc(100% - 74px);
        //background: rgba(2, 125, 180, 0.486274509803922);
        background: #2c3034;
        border-radius: 10px;
        border: solid 1px #3879e7;
        overflow: auto;
        .item {
          padding: 20px 40px;
          //background: rgba(215, 215, 215, 1);
          //border-radius: 10px;
          cursor: pointer;
          color: #ffffff;
          border-bottom: solid 1px #2655ad;;
          .row {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 10px;
            &:last-child {
              margin-bottom: 0;
            }
            .col {
              flex: 1;
              font-size: 18px;
              text-align: left;
            }
          }
        }
      }
    }
  }
</style>
