<template>
  <el-card>
    <div style="display: flex;justify-content: space-between">
      <h2>最近出库记录</h2>
      <el-button type="text" @click="goTarget('ware/oaOutWarehouse')">更多
        <i class="el-icon-arrow-right"></i>
      </el-button>
    </div>


    <el-skeleton v-if="loading" rows="3" animated />
    <div v-else class="inventory-item" v-for="(item, index) in outWareHouseList" :key="index">
      {{ item.createTime }}
      <div>
        项目{{item.projectName}}出库了
        <strong>
          {{ item.warehouseName }}
        </strong>
      </div>
    </div>
  </el-card>
</template>

<script>
import {listOaOutWarehouse} from "../../api/oa/oaOutWarehouse";

export default {
  name: 'Inventory',
  data() {
    return {

      queryParams:{
        pageNum: 1,
        pageSize: 3,
      },
      outWareHouseList:[],
      loading: true
    };
  },
  mounted() {
    this.getList()
  },
  methods: {
    /** 查询仓库出库列表 */
    getList() {
      this.loading = true;
      listOaOutWarehouse(this.queryParams).then(res => {
        this.outWareHouseList = res.rows
        console.log(res.rows)
        this.total = res.total
        this.loading = false
      })
    },
    goTarget(href) {
      this.$router.push({ path: href});
    },
  }
};
</script>

<style scoped>
.inventory-item {
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
</style>
