kd-aiot-frontend-mes/src/views/produce/components/warehousing/index.vue

<template>
    <div>

        <div class="top_fixed">
      <el-button type="primary" size="mini" @click="save"
        >一键报工</el-button
      >

    </div>

    <div class="warehousing_box"></div>

    </div>

</template>

<script>
  export default {
    
    data() {
      return {}
    }
  }

</script>


<style scoped lang="scss">
  .top_fixed {
    width: 100%;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .title_box {
    .name {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      color: #157a2c;
      padding-left: 5px;
      position: relative;

      &:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 2px;
        height: 14px;
        background: #157a2c;
        margin: auto;
      }
    }
  }

  .warehousing_box {
    margin-top: 6px;
    width: 100%;
    height: calc(100vh - 70px - 50px - 80px - 60px);
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .card_box {
    background: #fff;
    padding: 8px;
    border-radius: 2px;
  }
</style>