68 lines
1.4 KiB
Vue
68 lines
1.4 KiB
Vue
<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>
|