<template>
|
<u-popup :show="show" :round="10" closeable @close="show=false">
|
<view class="loaction-content bbox p30">
|
<scroll-view scroll-y="true" refresher-enabled="true" :refresher-triggered="refreshing"
|
@refresherrefresh="onRefresh">
|
<div class="content_list">
|
<div class="content_list_item" v-for="(item, i) in list" :key="i" @click="jump(item)">
|
<div class="wl">
|
<div class="content_list_item_name">入库货位：{{item.unionName}} | {{item.code}}</div>
|
</div>
|
</div>
|
</div>
|
</scroll-view>
|
</view>
|
</u-popup>
|
</template>
|
|
<script>
|
import {
|
getListByWarehouseId
|
} from '@/util/api/WorkOrderAPI'
|
export default {
|
name: "SelectLoaction",
|
data() {
|
return {
|
show: false,
|
refreshing: false,
|
wareHouseId: '',
|
list: []
|
};
|
},
|
methods: {
|
open(target) {
|
this.show = true
|
this.refreshing = false
|
this.wareHouseId = target.wareHouseId
|
this.onRefresh()
|
},
|
|
onRefresh() {
|
if (this.refreshing) return
|
this.refreshing = true;
|
getListByWarehouseId({
|
wareHouseId: this.wareHouseId
|
}).then(res => {
|
this.list = res.data
|
}).catch((err) => {
|
this.list = []
|
}).finally(() => {
|
this.refreshing = false;
|
})
|
},
|
jump(item) {
|
this.$emit('selected', item)
|
this.show = false
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.loaction-content {
|
height: 1200rpx;
|
}
|
|
.content_list {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
|
.content_list_item {
|
padding: 30rpx;
|
display: flex;
|
flex-direction: column;
|
border-bottom: 1rpx solid #ececec;
|
|
.wl {
|
display: flex;
|
align-items: center;
|
|
.content_list_item_status {
|
font-size: 28rpx;
|
margin-right: 10rpx;
|
}
|
|
.content_list_item_name {
|
font-size: 30rpx;
|
font-weight: 500;
|
color: #111111;
|
}
|
}
|
|
.sx {
|
margin-top: 15rpx;
|
|
span {
|
font-size: 26rpx;
|
font-weight: 400;
|
color: #444444;
|
}
|
}
|
|
.zl {
|
margin-top: 15rpx;
|
|
span {
|
font-size: 24rpx;
|
font-weight: 400;
|
color: #666666;
|
}
|
}
|
}
|
}
|
</style>
|
