<template>
|
<view class="wrap">
|
<scroll-view class="scroll-list ifs-stock-scan-record" scroll-y="true">
|
<u-cell-group class="list ifs-stock-scan-record-cell" :border="false">
|
<u-card :title="item.partName" :sub-title="item.partNo" v-for="(item, index) in stockList" :key="item.id"
|
:index="item.id" :showHead="showCardHead" @click="stockCardClick(item)" :bodyStyle="item.selected?bodyStyle:{}">
|
<view slot="body">
|
<view class="row-list">
|
<u-row justify="space-between">
|
<u-col span="4">
|
<span class="span-lable">零件号</span>
|
</u-col>
|
<u-col span="8">
|
<view class="stock-val-col">
|
<span>{{item.partNo}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
<view class="row-list">
|
<u-row justify="space-between">
|
<u-col span="4">
|
<span class="span-lable">零件描述</span>
|
</u-col>
|
<u-col span="8">
|
<view class="stock-val-col">
|
<span>{{item.partDesc}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
<view class="row-list">
|
<u-row justify="space-between">
|
<u-col span="4">
|
<span class="span-lable">库位</span>
|
</u-col>
|
<u-col span="8">
|
<view class="stock-val-col">
|
<span>{{item.locationDesc}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
<view class="row-list">
|
<u-row justify="space-between">
|
<u-col span="4">
|
<span class="span-lable">批次号</span>
|
</u-col>
|
<u-col span="8">
|
<view class="stock-val-col">
|
<span>{{item.batchNo}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
<view class="row-list">
|
<u-row justify="space-between">
|
<u-col span="4">
|
<span class="span-lable">WDR</span>
|
</u-col>
|
<u-col span="8">
|
<view class="stock-val-col">
|
<span>{{item.wdr}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
<view class="row-list">
|
<u-row justify="space-between">
|
<u-col span="4">
|
<span class="span-lable">可用库存</span>
|
</u-col>
|
<u-col span="8">
|
<view class="stock-val-col">
|
<span>{{item.available}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
</view>
|
</u-card>
|
</u-cell-group>
|
</scroll-view>
|
<view class="view-fixed-two ifs-stock-bottom-btns">
|
<u-button type="success" text="确定" size="medium"
|
@click="toFindMaterialNeed()">确定</u-button>
|
</view>
|
</view>
|
</template>
|
<script>
|
export default {
|
data() {
|
return {
|
showCardHead: false,
|
stockList: [],
|
bodyStyle: {
|
background: '#bbf59c'
|
}
|
};
|
},
|
onLoad() {
|
this.loadList();
|
},
|
onShow() {
|
|
},
|
methods: {
|
loadList(){
|
// 获取页面栈
|
let pages = getCurrentPages()
|
// 获取上一页栈
|
let prevPage = pages[pages.length - 2]
|
this.stockList=prevPage.$vm.getIsfStockList()
|
|
},
|
stockCardClick(item){
|
item.selected=!item.selected
|
this.stockList.forEach((el)=>{
|
if(el!==item){
|
el.selected=false
|
}
|
})
|
},
|
toFindMaterialNeed() {
|
let selectStock=this.stockList.find((item)=>{
|
return item.selected
|
})
|
if(selectStock){
|
this.refreshLastPage(selectStock)
|
}else{
|
this.$u.toast('请选择IFS库存');
|
}
|
},
|
//刷新上一个页面
|
refreshLastPage(item) {
|
// 告知 A.vue 更新数据
|
// 获取页面栈
|
let pages = getCurrentPages()
|
|
// 获取上一页栈
|
let prevPage = pages[pages.length - 2]
|
|
// 触发上一页 upData 函数(并携带参数)
|
prevPage.$vm.findMaterial(item)
|
|
// 返回上一页
|
uni.navigateBack({
|
delta: 1
|
})
|
}
|
|
}
|
};
|
</script>
|
<style lang="scss">
|
.stock-val-col{
|
display: flex;
|
justify-content:flex-end;
|
}
|
.ifs-stock-scan-record {
|
background-color: #F8F8F8;
|
height: calc(100vh - var(--window-top) - var(--window-bottom) - 100rpx);
|
}
|
|
.ifs-stock-scan-record-cell {
|
::v-deep .u-cell-item-box {
|
background-color: #F8F8F8;
|
}
|
}
|
|
.ifs-stock-bottom-btns{
|
width: 750rpx;
|
height: 100rpx;
|
background-color: #fff;
|
display: flex;
|
justify-content:center;
|
align-items: center;
|
}
|
|
</style>
|
