|
@ -30,32 +30,35 @@
|
|
|
<span class="ml5 fs-12">故障</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="kitbox">
|
|
|
<div class="left-list">
|
|
|
<van-sidebar v-model="activeKey">
|
|
|
<van-sidebar-item v-for="(item, i) in list" :key="i" :title="(i+1)+'层'" />
|
|
|
</van-sidebar>
|
|
|
</div>
|
|
|
<div class="list box-flex-1 bgc-fff">
|
|
|
<template v-if="curItem">
|
|
|
<template v-for="(item, k) in curItem.list">
|
|
|
<div class="item" v-if="item.state!=20" :key="k">
|
|
|
<ProductItem v-longpress="()=>{gotoDetail(item)}" bussuness="quick" @onChange="onChange($event, item)" :data="item" :index="k"/>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<!-- <div class="item" v-for="(item, k) in curItem.list" :key="k">
|
|
|
<ProductItem v-if="item.state!=20" bussuness="quick" @onChange="onChange($event, item)" :data="item" :index="k"/>
|
|
|
</div> -->
|
|
|
</template>
|
|
|
<div class="list-panel">
|
|
|
<div class="kitbox ">
|
|
|
<div class="left-list">
|
|
|
<van-sidebar v-model="activeKey">
|
|
|
<van-sidebar-item v-for="(item, i) in list" :key="i" :title="(i+1)+'层'" />
|
|
|
</van-sidebar>
|
|
|
</div>
|
|
|
<div class="list box-flex-1 bgc-fff">
|
|
|
<template v-if="curItem">
|
|
|
<template v-for="(item, k) in curItem.list">
|
|
|
<div class="item" v-if="item.state!=20" :key="k">
|
|
|
<ProductItem v-longpress="()=>{gotoDetail(item)}" bussuness="quick" @onChange="onChange($event, item)" :data="item" :index="k"/>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<!-- <div class="item" v-for="(item, k) in curItem.list" :key="k">
|
|
|
<ProductItem v-if="item.state!=20" bussuness="quick" @onChange="onChange($event, item)" :data="item" :index="k"/>
|
|
|
</div> -->
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="bot-banner">
|
|
|
<div class="kitbox">
|
|
|
<div class="box-flex-1 plr5"><van-button @click="openAndCloseCargo" block plain color="#17b3ec" size="small" type="primary" round>关闭/开启货道</van-button></div>
|
|
|
<div class="box-flex-1 plr5"><van-button @click="mergeAndSplitCargo" block plain color="#17b3ec" size="small" type="primary" round>合并/拆分货道</van-button></div>
|
|
|
<div class="box-flex-1 plr5"><van-button @click="sumit" block color="#17b3ec" size="small" type="primary" round>完成补货({{allNum}})</van-button></div>
|
|
|
<div class="box-flex-1 plr5"><van-button @click="openAndCloseCargo" block plain color="#17b3ec" type="primary" round>关闭/开启货道</van-button></div>
|
|
|
<div class="box-flex-1 plr5"><van-button @click="mergeAndSplitCargo" block plain color="#17b3ec" type="primary" round>合并/拆分货道</van-button></div>
|
|
|
<div class="box-flex-1 plr5"><van-button @click="sumit" block color="#17b3ec" type="primary" round>完成补货({{allNum}})</van-button></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@ -482,6 +485,18 @@ export default{
|
|
|
</script>
|
|
|
<style lang='scss' scoped>
|
|
|
.replenishment-start-quick{
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
height: 100vh;
|
|
|
.list-panel{
|
|
|
-webkit-box-flex: 1;
|
|
|
position: relative;
|
|
|
>.kitbox{
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
position: absolute;
|
|
|
}
|
|
|
}
|
|
|
.drug-item{
|
|
|
img{
|
|
|
width: 60px;
|
|
@ -517,7 +532,7 @@ export default{
|
|
|
|
|
|
}
|
|
|
.left-list, .list{
|
|
|
height: calc(100vh - 178px);
|
|
|
height: 100%;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
.color-block{
|
|
@ -533,7 +548,7 @@ export default{
|
|
|
}
|
|
|
.bot-banner{
|
|
|
padding: 10px 5px;
|
|
|
position: absolute;
|
|
|
position: relative;
|
|
|
bottom: 0;
|
|
|
width: 100%;
|
|
|
left: 0;
|
|
@ -541,6 +556,11 @@ export default{
|
|
|
z-index: 3;
|
|
|
>div{
|
|
|
-webkit-box-flex: 1;
|
|
|
.van-button{
|
|
|
padding: 0;
|
|
|
font-size: 13px;
|
|
|
height: 36px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@ -549,8 +569,18 @@ export default{
|
|
|
<style lang="scss">
|
|
|
.mainNobotHasTop{
|
|
|
.replenishment-start-quick{
|
|
|
.list, .left-list{
|
|
|
height: calc(100vh - 225px);
|
|
|
height: calc(100vh - 46px);
|
|
|
}
|
|
|
}
|
|
|
@supports(bottom: env(safe-area-inset-bottom)){
|
|
|
.replenishment-start-quick{
|
|
|
.bot-banner{
|
|
|
&::after{
|
|
|
content: "";
|
|
|
height: env(safe-area-inset-bottom);
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|