|
|
|
|
@ -48,25 +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" :streetId="item.id" :streetName="item.name" type="left" :inOut="leftShelveId.shelveType" >
|
|
|
|
|
<!-- <template v-slot="scope">
|
|
|
|
|
<div class="roadway-top">
|
|
|
|
|
<div class="roadway-box">
|
|
|
|
|
<div class="line" v-for="(column,index) in item.leftColumn" :key="index" v-if="column >= scope.data.random.column[0] && column <= scope.data.random.column[1]">
|
|
|
|
|
<div v-for="(row,i) in item.leftRow" :key="i" class="el" v-if="row >= scope.data.random.row[0] && row <= scope.data.random.row[1]">
|
|
|
|
|
渲染默认巷道框架规格 定位浮在 已有巷道上做对应
|
|
|
|
|
<span
|
|
|
|
|
class="default"
|
|
|
|
|
:style="{background:getStatusBg(stockInfo.left, `${row}-${column}`)}"
|
|
|
|
|
@click="tocheck(row,column,leftShelveId.shelveId,item.id,item.name,'left',leftShelveId.shelveType)"
|
|
|
|
|
>
|
|
|
|
|
{{row}}-{{column}}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
<subsection v-if="item.id == select" :total="{row: item.leftColumn, column: item.leftRow}" :shelveId="leftShelveId.shelveId" :streetId="item.id" :streetName="item.name" type="left" :inOut="leftShelveId.shelveType" >
|
|
|
|
|
</subsection>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -91,25 +73,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" :streetId="item.id" :streetName="item.name" type="right" :inOut="rightShelveId.shelveType">
|
|
|
|
|
<!-- <template v-slot="scope">
|
|
|
|
|
<div class="roadway-buttom">
|
|
|
|
|
<div class="roadway-box">
|
|
|
|
|
<div class="line" v-for="(column,index) in item.rightColumn" :key="index" v-if="column >= scope.data.random.column[0] && column <= scope.data.random.column[1]">
|
|
|
|
|
<div v-for="(row,index) in item.rightRow" :key="index" class="el" v-if="row >= scope.data.random.row[0] && row <= scope.data.random.row[1]">
|
|
|
|
|
|
|
|
|
|
渲染默认巷道框架规格 定位浮在 已有巷道上做对应
|
|
|
|
|
<span
|
|
|
|
|
class="default"
|
|
|
|
|
:style="{background:getStatusBg(stockInfo.right, `${row}-${column}`)}"
|
|
|
|
|
@click="tocheck(row,column,rightShelveId.shelveId,item.id,item.name,'right',rightShelveId.shelveType)">
|
|
|
|
|
{{row}}-{{column}}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template> -->
|
|
|
|
|
<subsection v-if="item.id == select" :total="{row:item.rightColumn, column: item.rightRow}" :shelveId="rightShelveId.shelveId" :streetId="item.id" :streetName="item.name" type="right" :inOut="rightShelveId.shelveType">
|
|
|
|
|
</subsection>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -132,48 +96,13 @@ export default {
|
|
|
|
|
right: {}
|
|
|
|
|
},
|
|
|
|
|
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
|
|
|
|
|
// };
|
|
|
|
|
// },
|
|
|
|
|
// 获取右侧货架号
|
|
|
|
|
// 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();
|
|
|
|
|
@ -197,6 +126,7 @@ export default {
|
|
|
|
|
this.data = res.data.list;
|
|
|
|
|
this.select = res.data.list[0].id
|
|
|
|
|
this.getStreetDetail(res.data.list[0].id);
|
|
|
|
|
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
@ -252,8 +182,7 @@ export default {
|
|
|
|
|
data: {}
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.streetDetail = res.data
|
|
|
|
|
this.leftShelveChange();
|
|
|
|
|
this.rightShelveChange();
|
|
|
|
|
this.getStockRowColumn()
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|