<template>
|
<view class="has-foot">
|
<form>
|
<view class="cu-form-group margin-top">
|
<view class="title">库位号</view>
|
<input placeholder="请扫描库位编码" v-model="barcode" ></input>
|
<text class='cuIcon-search text-blue' @click="search"></text>
|
</view>
|
</form>
|
|
<view class="cu-list det menu sm-border padding">
|
<block v-for="(item, index) in list" :key="index" @click="clickTaskItem(index)">
|
<view class="cu-list det menu" @click="clickTaskItem(index)">
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-grey">库位号：</text><text class="text-black">{{item.stationName}}</text>
|
</view>
|
</view>
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-grey">库位类型：</text><text class="text-black ">{{item.type === 1 ? '箱壳' : '原材料'}}</text>
|
</view>
|
</view>
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-grey">容器号：</text><text class="text-black ">{{item.containerType}}</text>
|
</view>
|
</view>
|
<view class="cu-item">
|
<view class="content">
|
<text class="text-grey">库位状态：</text><text class="text-black ">{{item.status === 0 ? '在库' : '空闲' }}</text>
|
</view>
|
</view>
|
<view class="cu-item">
|
<button class="cu-btn bg-red shadow-blur margin-left-xl justify-center" @click="popupSubmit">禁用</button>
|
<button class="cu-btn bg-green shadow-blur margin-right-xl justify-center" @click="popupSubmit">解禁</button>
|
<!-- <text class="text-grey">容器号：</text><text class="text-black ">{{item.anfme}}</text> -->
|
|
<!-- <view class="content margin-left-xl justify-center">
|
</view> -->
|
</view>
|
</view>
|
</block>
|
</view>
|
|
<!-- <uni-popup ref="popup" class="cu-popup">
|
<view class="popup-content">
|
<view class="head">
|
<text>推荐</text>
|
<text class='cuIcon-close text-red close' @click="close"></text>
|
</view>
|
|
<div class="body">
|
<view class="cu-list grid col-3 no-border">
|
<view class="item" v-for="el in range">
|
<view class="cu-btn round sm" :class="[el===curCode?'bg-blue':'line-blue']"
|
@click="itemChange(el)">{{el}}</view>
|
</view>
|
</view>
|
</div>
|
|
<view class="cu-bar btn-group ">
|
<button class="cu-btn bg-blue shadow-blur" @click="popupSubmit">提交</button>
|
</view>
|
</view>
|
</uni-popup> -->
|
|
</view>
|
</template>
|
|
<script>
|
import {
|
request
|
} from '../../common/request.js'
|
import {
|
mapState,
|
mapMutations,
|
mapActions,
|
mapGetters
|
} from 'vuex';
|
export default {
|
data() {
|
return {
|
container: '',
|
list: [],
|
range: [],
|
curCode: ''
|
}
|
},
|
computed: {
|
...mapState('user', ['dynamicFields']),
|
},
|
mounted() {
|
this.search()
|
},
|
methods: {
|
async search() {
|
const {
|
code,
|
data,
|
msg
|
} = await request('/basStation/page', {
|
current: 1,
|
pageSize: 10000,
|
stationName: this.barcode
|
})
|
if (code === 200) {
|
this.list = data.records
|
} else {
|
uni.showToast({
|
title: msg,
|
icon: "none",
|
})
|
}
|
},
|
clickTaskItem(index){
|
let that = this
|
uni.navigateTo({
|
url: "./orderInItem",
|
// 通过eventChannel向被打开页面传送数据
|
success: function(res) {
|
res.eventChannel.emit('checkItem', {
|
data: that.list[index]
|
})
|
}
|
|
});
|
},
|
|
remove(index) {
|
this.list.splice(index, 1);
|
},
|
clear() {
|
this.list = []
|
this.container = ''
|
this.barcode = ''
|
},
|
|
open() {
|
this.$refs.popup.open()
|
},
|
|
close() {
|
this.$refs.popup.close()
|
},
|
|
popupSubmit() {
|
this.$refs.popup.close()
|
},
|
itemChange(el) {
|
this.curCode = el
|
},
|
|
async confirm() {
|
if(this.barcode === '' || this.barcode ===null){
|
uni.showToast({
|
title: "接驳站码不能为空",
|
icon: "none",
|
})
|
return ;
|
}
|
const {
|
code,
|
data,
|
msg
|
} = await request('/AGV/staBind',{
|
barcode: this.container,
|
sta: this.barcode
|
}
|
)
|
if (code === 200) {
|
uni.showToast({
|
title: '绑定成功'
|
})
|
this.clear()
|
} else {
|
uni.showToast({
|
title: msg,
|
icon: "none",
|
})
|
}
|
|
},
|
|
}
|
}
|
</script>
|
|
<style>
|
.index {
|
border: 1px solid #e54d42;
|
color: #e54d42;
|
border-radius: 50%;
|
display: block;
|
width: 50rpx;
|
height: 50rpx;
|
line-height: 48rpx;
|
text-align: center;
|
margin-right: 20rpx;
|
font-size: 30rpx;
|
}
|
|
.text-blue {
|
color: #0081ff !important;
|
|
}
|
|
.item {
|
position: relative;
|
display: flex;
|
min-height: 80upx;
|
align-items: center;
|
}
|
|
.uni-file-picker {
|
width: 100%;
|
margin-bottom: 10px;
|
}
|
|
.uni-select__selector {
|
z-index: 999;
|
}
|
|
.tj {
|
height: auto;
|
padding: 6px 8px;
|
display: inline-block;
|
border-radius: 6px;
|
}
|
|
.item {
|
display: flex;
|
justify-content: center;
|
}
|
|
.item .cu-btn {
|
font-size: 26upx;
|
}
|
</style>
|
