<template>
|
<view class="wrap">
|
<scroll-view class="scroll-list material-need-scan-record" scroll-y="true">
|
<u-cell-group class="list material-need-scan-record-cell" :border="false">
|
<u-card :title="item.partName" :sub-title="item.partNo" v-for="(item, index) in materialNeedList" :key="item.id"
|
:index="item.id" :showHead="showCardHead" @click="materialNeedCardClick(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="material-need-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="material-need-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="material-need-val-col">
|
<span>{{item.demandQuantity}}</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="material-need-val-col">
|
<span>{{item.transferQuantity}}</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="material-need-val-col">
|
<span>{{item.surplusQuantity}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
<view class="row-list">
|
<u-row justify="space-between">
|
<u-col span="4">
|
<span class="span-lable">IFS至库位</span>
|
</u-col>
|
<u-col span="8">
|
<view class="material-need-val-col">
|
<span>{{item.toIfsLocationNo}}</span>
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
</view>
|
</u-card>
|
</u-cell-group>
|
</scroll-view>
|
<view class="view-fixed-two material-need-bottom-btns">
|
<u-button type="success" text="确定" size="medium"
|
@click="toSaveDetail()">确定</u-button>
|
</view>
|
</view>
|
</template>
|
<script>
|
export default {
|
data() {
|
return {
|
showCardHead: false,
|
materialNeedList: [],
|
bodyStyle: {
|
background: '#bbf59c'
|
}
|
};
|
},
|
onLoad() {
|
this.loadList();
|
},
|
onShow() {
|
|
},
|
methods: {
|
loadList(){
|
// 获取页面栈
|
let pages = getCurrentPages()
|
// 获取上一页栈
|
let prevPage = pages[pages.length - 2]
|
this.materialNeedList=prevPage.$vm.getMaterialNeedList()
|
},
|
materialNeedCardClick(item){
|
item.selected=!item.selected
|
this.materialNeedList.forEach((el)=>{
|
if(el!==item){
|
el.selected=false
|
}
|
})
|
},
|
toSaveDetail() {
|
let materialNeed=this.materialNeedList.find((item)=>{
|
return item.selected
|
})
|
if(materialNeed){
|
this.refreshLastPage(materialNeed)
|
}else{
|
this.$u.toast('请选择物料需求');
|
}
|
},
|
//刷新上一个页面
|
refreshLastPage(materialNeed) {
|
// 告知 A.vue 更新数据
|
// 获取页面栈
|
let pages = getCurrentPages()
|
|
// 获取上一页栈
|
let prevPage = pages[pages.length - 2]
|
|
// 触发上一页 upData 函数(并携带参数)
|
prevPage.$vm.saveDetail(materialNeed)
|
|
// 返回上一页
|
uni.navigateBack({
|
delta: 1
|
})
|
}
|
|
}
|
};
|
</script>
|
<style lang="scss">
|
.material-need-val-col{
|
display: flex;
|
justify-content:flex-end;
|
}
|
.material-need-scan-record {
|
background-color: #F8F8F8;
|
height: calc(100vh - var(--window-top) - var(--window-bottom) - 100rpx);
|
}
|
|
.material-need-scan-record-cell {
|
::v-deep .u-cell-item-box {
|
background-color: #F8F8F8;
|
}
|
}
|
|
.material-need-bottom-btns{
|
width: 750rpx;
|
height: 100rpx;
|
background-color: #fff;
|
display: flex;
|
justify-content:center;
|
align-items: center;
|
}
|
|
</style>
|
