<template>
|
<view class="wrap">
|
<scroll-view class="scroll-list workstation-feed-list" scroll-y="true">
|
<u-cell-group class="list workstation-feed-list-cell" :border="false">
|
<view class="item u-border-bottom workstation-feed-view" :style="{backgroundColor: item.selected?backgroundColor.selectedColor:backgroundColor.unSelectedColor}" v-for="(item, index) in list" :key="item.id" @click="materialCardClick(item)"
|
>
|
<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>
|
<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>
|
<span>{{item.partName}}</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>
|
<span>{{item.ifsBatchNo}}</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>
|
<span>{{item.partBatchNo}}</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>
|
<span>{{item.specs}}</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>
|
|
<span>{{item.availableStockQuantity}}</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>
|
|
<span>{{item.stockQuantity}}</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>
|
<span>{{item.unit}}</span>
|
|
</view>
|
</u-col>
|
</u-row>
|
</view>
|
</view>
|
</u-cell-group>
|
</scroll-view>
|
<view class="view-fixed-two" style="width: 750rpx;text-align: center;">
|
<u-button type="success" text="确定" size="medium" :customStyle="{borderRadius:'0rpx'}"
|
@click="addFeed()">确定</u-button>
|
</view>
|
</view>
|
</template>
|
<script>
|
export default {
|
data() {
|
return {
|
queryParams: {
|
workstationId: null
|
},
|
list: [],
|
backgroundColor:{
|
selectedColor:'#bbf59c',
|
unSelectedColor:'#ffffff'
|
}
|
};
|
},
|
onLoad(params) {
|
if (params && params.workstationId !== "undefined") {
|
this.queryParams.workstationId=params.workstationId
|
this.loadList();
|
}
|
},
|
onShow() {
|
},
|
methods: {
|
materialCardClick(item) {
|
item.selected = !item.selected
|
},
|
addFeed(){
|
let selectedFeedList=[]
|
this.list.forEach((item) => {
|
if(item.selected){
|
selectedFeedList.push(item)
|
}
|
})
|
this.refreshLastPage(selectedFeedList)
|
},
|
loadList() {
|
let that=this
|
that.$u.api.pigxFeed.getFeedingStock(that.queryParams).then(res => {
|
that.list = res.data
|
that.list.forEach((item) => {
|
that.$set(item, 'selected', false)
|
})
|
});
|
},
|
//刷新上一个页面
|
refreshLastPage(selectedFeedList) {
|
// 告知 A.vue 更新数据
|
// 获取页面栈
|
let pages = getCurrentPages()
|
|
// 获取上一页栈
|
let prevPage = pages[pages.length - 2]
|
|
// 触发上一页 upData 函数(并携带参数)
|
prevPage.$vm.selectWorkstationFeed(selectedFeedList)
|
|
// 返回上一页
|
uni.navigateBack({
|
delta: 1
|
})
|
}
|
}
|
};
|
</script>
|
<style lang="scss">
|
.custom-edit-input {
|
border-bottom: 2rpx solid #F8F8F8;
|
}
|
|
.list .content {
|
font-size: 12px;
|
background-color: #efefef;
|
box-sizing: border-box;
|
border-radius: 14rpx;
|
margin: 8px;
|
padding: 5px 10px;
|
box-shadow: none;
|
}
|
.workstation-feed-list{
|
background-color: #F8F8F8;
|
}
|
.workstation-feed-list-cell {
|
::v-deep .u-cell-item-box {
|
background-color: #F8F8F8;
|
}
|
}
|
.workstation-feed-view{
|
margin-left: 30rpx;
|
margin-right: 30rpx;
|
margin-top: 30rpx;
|
border-radius: 20rpx;
|
padding-left: 10rpx;
|
padding-right: 10rpx;
|
padding-bottom: 10rpx;
|
}
|
</style>
|
