// 盘库作业
<template>
  <div class="steel_inbound">
    <div class="top">
      <!-- 框计算 -->
      <el-input placeholder="请输入内容" class="input" v-model="inputText" clearable>
      </el-input>
      <el-button type="primary" class="btn" @click="onclick">
        <i class="el-icon-search"></i>查询
      </el-button>
      <el-button type="primary" class="btn1" @click="AddClick">
        <i class="el-icon-plus"></i>新增
      </el-button>
    </div>
    <div class="tab">
      <dilTable v-bind.sync="option">
      </dilTable>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 框计算的输入框的值
      inputText: null,
      // 表格渲染的表头及数据
      option: {
        requestUrl: "/api/v1/wms/getStockTakingList?apiId=442",
      },
    };
  },
  methods: {
    // 框计算查询按钮
    onclick() {
      console.log(this.inputText)
    },
    // 跳转新增运输路线页面
    AddClick() {
      this.$router.push({
        path: "/steel_addCheckWarehouse",
      });
    },
  },
};
</script>
<style lang="scss">
.steel_inbound{
  .top{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    .input{
      width: 250px;
    }
    .btn{
      margin: 20px;
    }
  }
}

</style>