|
|
|
|
@ -48,7 +48,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="check-content" v-for="item in data" :key="item.id">
|
|
|
|
|
<subsection v-if="item.id == select" :total="{row: item.leftRow, column: item.leftColumn}" :shelveId="leftShelveId.shelveId">
|
|
|
|
|
<subsection v-if="item.id == select" :total="{row: item.leftRow, column: item.leftColumn}" :shelveId="leftShelveId.shelveId" :streetId="item.id" :streetName="item.name" type="left" :inOut="leftShelveId.shelveType" >
|
|
|
|
|
<!-- <template v-slot="scope">
|
|
|
|
|
<div class="roadway-top">
|
|
|
|
|
<div class="roadway-box">
|
|
|
|
|
@ -91,7 +91,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="check-content" v-for="item in data" :key="item.name">
|
|
|
|
|
<subsection v-if="item.id == select" :total="{row:item.leftRow, column: item.leftColumn}" :shelveId="rightShelveId.shelveId">
|
|
|
|
|
<subsection v-if="item.id == select" :total="{row:item.leftRow, column: item.leftColumn}" :shelveId="rightShelveId.shelveId" :streetId="item.id" :streetName="item.name" type="right" :inOut="rightShelveId.shelveType">
|
|
|
|
|
<!-- <template v-slot="scope">
|
|
|
|
|
<div class="roadway-buttom">
|
|
|
|
|
<div class="roadway-box">
|
|
|
|
|
@ -131,46 +131,49 @@ export default {
|
|
|
|
|
left: {},
|
|
|
|
|
right: {}
|
|
|
|
|
},
|
|
|
|
|
timer: null
|
|
|
|
|
timer: null,
|
|
|
|
|
shelveId: '',
|
|
|
|
|
leftShelveId:{},
|
|
|
|
|
rightShelveId:{}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
// 获取左侧货架号
|
|
|
|
|
leftShelveId() {
|
|
|
|
|
let shelveId;
|
|
|
|
|
let shelveType = 'none';
|
|
|
|
|
if(this.streetDetail.leftShelveId) {
|
|
|
|
|
shelveId = this.streetDetail.leftShelveId;
|
|
|
|
|
}else if(this.streetDetail.leftInsideShelveId && this.size =='leftInsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.leftInsideShelveId;
|
|
|
|
|
shelveType = 'inside';
|
|
|
|
|
}else if(this.streetDetail.leftOutsideShelveId && this.size== 'leftOutsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.leftOutsideShelveId;
|
|
|
|
|
shelveType = 'out';
|
|
|
|
|
};
|
|
|
|
|
return {
|
|
|
|
|
shelveId,
|
|
|
|
|
shelveType
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
// leftShelveId() {
|
|
|
|
|
// let shelveId;
|
|
|
|
|
// let shelveType = 'none';
|
|
|
|
|
// if(this.streetDetail.leftShelveId) {
|
|
|
|
|
// shelveId = this.streetDetail.leftShelveId;
|
|
|
|
|
// }else if(this.streetDetail.leftInsideShelveId && this.size =='leftInsideShelveId'){
|
|
|
|
|
// shelveId = this.streetDetail.leftInsideShelveId;
|
|
|
|
|
// shelveType = 'inside';
|
|
|
|
|
// }else if(this.streetDetail.leftOutsideShelveId && this.size== 'leftOutsideShelveId'){
|
|
|
|
|
// shelveId = this.streetDetail.leftOutsideShelveId;
|
|
|
|
|
// shelveType = 'out';
|
|
|
|
|
// };
|
|
|
|
|
// return {
|
|
|
|
|
// shelveId,
|
|
|
|
|
// shelveType
|
|
|
|
|
// };
|
|
|
|
|
// },
|
|
|
|
|
// 获取右侧货架号
|
|
|
|
|
rightShelveId() {
|
|
|
|
|
let shelveId;
|
|
|
|
|
let shelveType = 'none';
|
|
|
|
|
if(this.streetDetail.rightShelveId) {
|
|
|
|
|
shelveId = this.streetDetail.rightShelveId;
|
|
|
|
|
}else if(this.streetDetail.rightInsideShelveId && this.size2 =='rightInsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.rightInsideShelveId;
|
|
|
|
|
shelveType = 'inside';
|
|
|
|
|
}else if(this.streetDetail.rightOutsideShelveId && this.size2 == 'rightOutsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.rightOutsideShelveId;
|
|
|
|
|
shelveType = 'out';
|
|
|
|
|
};
|
|
|
|
|
return {
|
|
|
|
|
shelveId,
|
|
|
|
|
shelveType
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
// rightShelveId() {
|
|
|
|
|
// let shelveId;
|
|
|
|
|
// let shelveType = 'none';
|
|
|
|
|
// if(this.streetDetail.rightShelveId) {
|
|
|
|
|
// shelveId = this.streetDetail.rightShelveId;
|
|
|
|
|
// }else if(this.streetDetail.rightInsideShelveId && this.size2 =='rightInsideShelveId'){
|
|
|
|
|
// shelveId = this.streetDetail.rightInsideShelveId;
|
|
|
|
|
// shelveType = 'inside';
|
|
|
|
|
// }else if(this.streetDetail.rightOutsideShelveId && this.size2 == 'rightOutsideShelveId'){
|
|
|
|
|
// shelveId = this.streetDetail.rightOutsideShelveId;
|
|
|
|
|
// shelveType = 'out';
|
|
|
|
|
// };
|
|
|
|
|
// return {
|
|
|
|
|
// shelveId,
|
|
|
|
|
// shelveType
|
|
|
|
|
// };
|
|
|
|
|
// }
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.request();
|
|
|
|
|
@ -193,46 +196,47 @@ export default {
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.data = res.data.list;
|
|
|
|
|
this.select = res.data.list[0].id
|
|
|
|
|
//this.getStockList(res.data.list[0].id)
|
|
|
|
|
this.getStreetDetail(res.data.list[0].id);
|
|
|
|
|
this.getStockRowColumn();
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 获取盘点状态
|
|
|
|
|
async getStockRowColumn() {
|
|
|
|
|
const init = () => {
|
|
|
|
|
let row = this.data.filter(item => item.id === this.select)[0];
|
|
|
|
|
let leftShelveId = null, rightShelveId = null;
|
|
|
|
|
this.rightShelveChange();
|
|
|
|
|
this.leftShelveChange();
|
|
|
|
|
|
|
|
|
|
if(row.leftInsideShelveId && this.size == 'leftInsideShelveId') {
|
|
|
|
|
leftShelveId = row.leftInsideShelveId;
|
|
|
|
|
}else if(row.leftOutsideShelveId && this.size == 'leftOutsideShelveId'){
|
|
|
|
|
leftShelveId = row.leftOutsideShelveId;
|
|
|
|
|
}else if(row.leftShelveId) {
|
|
|
|
|
leftShelveId = row.leftShelveId;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
rightShelveChange() {
|
|
|
|
|
let shelveId;
|
|
|
|
|
let shelveType = 'none';
|
|
|
|
|
if(this.streetDetail.rightShelveId) {
|
|
|
|
|
shelveId = this.streetDetail.rightShelveId;
|
|
|
|
|
}else if(this.streetDetail.rightInsideShelveId && this.size2 =='rightInsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.rightInsideShelveId;
|
|
|
|
|
shelveType = 'inside';
|
|
|
|
|
}else if(this.streetDetail.rightOutsideShelveId && this.size2 == 'rightOutsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.rightOutsideShelveId;
|
|
|
|
|
shelveType = 'out';
|
|
|
|
|
};
|
|
|
|
|
this.rightShelveId.shelveId = shelveId;
|
|
|
|
|
this.rightShelveId.shelveType = shelveType;
|
|
|
|
|
|
|
|
|
|
if(row.rightInsideShelveId && this.size2 == 'rightInsideShelveId') {
|
|
|
|
|
rightShelveId = row.rightInsideShelveId;
|
|
|
|
|
}else if(row.rightOutsideShelveId && this.size2 == 'rightOutsideShelveId'){
|
|
|
|
|
rightShelveId = row.rightOutsideShelveId;
|
|
|
|
|
}else if(row.rightShelveId) {
|
|
|
|
|
rightShelveId = row.rightShelveId;
|
|
|
|
|
}
|
|
|
|
|
let params = {
|
|
|
|
|
leftShelveId,
|
|
|
|
|
rightShelveId
|
|
|
|
|
},
|
|
|
|
|
leftShelveChange() {
|
|
|
|
|
let shelveId;
|
|
|
|
|
let shelveType = 'none';
|
|
|
|
|
if(this.streetDetail.leftShelveId) {
|
|
|
|
|
shelveId = this.streetDetail.leftShelveId;
|
|
|
|
|
}else if(this.streetDetail.leftInsideShelveId && this.size =='leftInsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.leftInsideShelveId;
|
|
|
|
|
shelveType = 'inside';
|
|
|
|
|
}else if(this.streetDetail.leftOutsideShelveId && this.size== 'leftOutsideShelveId'){
|
|
|
|
|
shelveId = this.streetDetail.leftOutsideShelveId;
|
|
|
|
|
shelveType = 'out';
|
|
|
|
|
};
|
|
|
|
|
// this.$api.httpNodeApi.getStockRowColumnAPI({params}).then(({data})=>{
|
|
|
|
|
// this.$set(this, 'stockInfo', data);
|
|
|
|
|
// // this.stockInfo = data;
|
|
|
|
|
// });
|
|
|
|
|
}
|
|
|
|
|
this.timer && clearInterval(this.timer);
|
|
|
|
|
init();
|
|
|
|
|
this.timer = setInterval(init, 5000);
|
|
|
|
|
this.leftShelveId.shelveId = shelveId;
|
|
|
|
|
this.leftShelveId.shelveType = shelveType;
|
|
|
|
|
},
|
|
|
|
|
getStatus(data, rowCol) {
|
|
|
|
|
return (data[rowCol] || {}).status;
|
|
|
|
|
@ -248,43 +252,29 @@ export default {
|
|
|
|
|
data: {}
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.streetDetail = res.data
|
|
|
|
|
|
|
|
|
|
this.leftShelveChange();
|
|
|
|
|
this.rightShelveChange();
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//获取盘点列表
|
|
|
|
|
// getStockList(streetId) {
|
|
|
|
|
// this.$api.httpApi.getStockList({
|
|
|
|
|
// params: {
|
|
|
|
|
// streetId: streetId,
|
|
|
|
|
// }
|
|
|
|
|
// }).then(res => {
|
|
|
|
|
// this.checkList = res.data
|
|
|
|
|
// }).catch(err => {
|
|
|
|
|
|
|
|
|
|
// });
|
|
|
|
|
// },
|
|
|
|
|
handleChange(value) {
|
|
|
|
|
|
|
|
|
|
this.select = value
|
|
|
|
|
|
|
|
|
|
this.getStreetDetail(value)
|
|
|
|
|
//this.getStockList(value);
|
|
|
|
|
this.getStockRowColumn()
|
|
|
|
|
//this.getStockRowColumn()
|
|
|
|
|
this.leftShelveChange();
|
|
|
|
|
this.rightShelveChange();
|
|
|
|
|
},
|
|
|
|
|
tocheckOperation(checkObj, item) {
|
|
|
|
|
console.log(checkObj)
|
|
|
|
|
console.log(item)
|
|
|
|
|
this.$router.push({name: 'checkOperation', query: {checkObj: checkObj, item: item}})
|
|
|
|
|
},
|
|
|
|
|
tocheck(row, column, shelveId, id, name, type, type2) {
|
|
|
|
|
console.log(type)
|
|
|
|
|
console.log(type2)
|
|
|
|
|
this.$router.push({
|
|
|
|
|
name: 'checkOperation',
|
|
|
|
|
query: {row: row, column: column, shelveId: shelveId, id: id, name, type: type, type2: type2}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
exportStock() {
|
|
|
|
|
this.$api.httpApi.exportStock({
|
|
|
|
|
params: {
|
|
|
|
|
|