|
@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<div class='replenishment-start-device-detail fs-14' :class="{'is-view': isView}">
|
|
<div class='replenishment-start-device-detail fs-14' :class="{'is-view': isView}">
|
|
<van-sticky v-if="!isView" :offset-top="offsetTop">
|
|
|
|
<div class="bgc-17b3ec c-fff">
|
|
|
|
|
|
<!-- <van-sticky v-if="!isView" :offset-top="offsetTop"> -->
|
|
|
|
<div v-if="!isView" class="bgc-17b3ec c-fff">
|
|
<div class="pt10 plr15 ellipsis_1">当前货柜:{{deviceInfo.device.equName}}</div>
|
|
<div class="pt10 plr15 ellipsis_1">当前货柜:{{deviceInfo.device.equName}}</div>
|
|
<van-row>
|
|
<van-row>
|
|
<van-col span="6">
|
|
<van-col span="6">
|
|
@ -39,7 +39,7 @@
|
|
<div class="box-flex-1 ml5">关闭:{{deviceInfo.closedCargo || 0}}</div>
|
|
<div class="box-flex-1 ml5">关闭:{{deviceInfo.closedCargo || 0}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</van-sticky>
|
|
|
|
|
|
<!-- </van-sticky> -->
|
|
<div class="fs-14 pl15 ptb10 bgc-fff kitbox">
|
|
<div class="fs-14 pl15 ptb10 bgc-fff kitbox">
|
|
<div class="box-flex-1 lh24">
|
|
<div class="box-flex-1 lh24">
|
|
<span>从上往下数</span>
|
|
<span>从上往下数</span>
|
|
@ -56,7 +56,8 @@
|
|
<van-button @click="gotoUrl('/replenishment/start/deviceDetail', {deviceId: deviceId})" type="primary" color="#17b3ec" size="mini">点击进行入库</van-button>
|
|
<van-button @click="gotoUrl('/replenishment/start/deviceDetail', {deviceId: deviceId})" type="primary" color="#17b3ec" size="mini">点击进行入库</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="kitbox">
|
|
|
|
|
|
<div class=" list-panel">
|
|
|
|
<div class="kitbox">
|
|
<div class="left-list">
|
|
<div class="left-list">
|
|
<van-sidebar v-model="activeKey">
|
|
<van-sidebar v-model="activeKey">
|
|
<van-sidebar-item v-for="(item, i) in list" :key="i" :title="i==0? '药品库' : (i)+'层'" />
|
|
<van-sidebar-item v-for="(item, i) in list" :key="i" :title="i==0? '药品库' : (i)+'层'" />
|
|
@ -85,15 +86,16 @@
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="bot-banner">
|
|
<div class="bot-banner">
|
|
<div class="kitbox">
|
|
<div class="kitbox">
|
|
<div v-if="!isManage" class="box-flex-1 plr5"><van-button @click="changeManage" block plain color="#17b3ec" size="small" type="primary" round>货道管理</van-button></div>
|
|
|
|
|
|
<div v-if="!isManage" class="box-flex-1 plr5"><van-button @click="changeManage" block plain color="#17b3ec" type="primary" round>货道管理</van-button></div>
|
|
<template v-else>
|
|
<template v-else>
|
|
<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="plr5"><van-button @click="changeManage" class="w50" block plain color="red" size="small" round type="primary" >取消</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="plr5"><van-button @click="changeManage" class="w50" block plain color="red" round type="primary" >取消</van-button></div>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@ -594,8 +596,17 @@ export default{
|
|
</script>
|
|
</script>
|
|
<style lang='scss' scoped>
|
|
<style lang='scss' scoped>
|
|
.replenishment-start-device-detail{
|
|
.replenishment-start-device-detail{
|
|
.van-sidebar{
|
|
|
|
// width: 56px;
|
|
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
height: 100vh;
|
|
|
|
.list-panel{
|
|
|
|
-webkit-box-flex: 1;
|
|
|
|
position: relative;
|
|
|
|
>.kitbox{
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
}
|
|
}
|
|
.list{
|
|
.list{
|
|
display: flex;
|
|
display: flex;
|
|
@ -618,7 +629,7 @@ export default{
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.left-list, .list{
|
|
.left-list, .list{
|
|
height: calc(100vh - 210px);
|
|
|
|
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
.color-block{
|
|
.color-block{
|
|
@ -634,9 +645,6 @@ export default{
|
|
}
|
|
}
|
|
|
|
|
|
&.is-view{
|
|
&.is-view{
|
|
.list, .left-list{
|
|
|
|
height: calc(100vh - 44px);
|
|
|
|
}
|
|
|
|
.bot-banner{
|
|
.bot-banner{
|
|
display: none;
|
|
display: none;
|
|
}
|
|
}
|
|
@ -660,7 +668,7 @@ export default{
|
|
|
|
|
|
.bot-banner{
|
|
.bot-banner{
|
|
padding: 10px 5px;
|
|
padding: 10px 5px;
|
|
position: absolute;
|
|
|
|
|
|
position: relative;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
width: 100%;
|
|
left: 0;
|
|
left: 0;
|
|
@ -668,6 +676,11 @@ export default{
|
|
z-index: 3;
|
|
z-index: 3;
|
|
>div{
|
|
>div{
|
|
-webkit-box-flex: 1;
|
|
-webkit-box-flex: 1;
|
|
|
|
.van-button{
|
|
|
|
padding: 0;
|
|
|
|
font-size: 13px;
|
|
|
|
height: 36px;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@ -676,12 +689,17 @@ export default{
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
.mainNobotHasTop{
|
|
.mainNobotHasTop{
|
|
.replenishment-start-device-detail{
|
|
.replenishment-start-device-detail{
|
|
.list, .left-list{
|
|
|
|
height: calc(100vh - 258px);
|
|
|
|
}
|
|
|
|
&.is-view{
|
|
|
|
.list, .left-list{
|
|
|
|
height: calc(100vh - 91px);
|
|
|
|
|
|
height: calc(100vh - 46px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@supports(bottom: env(safe-area-inset-bottom)){
|
|
|
|
.replenishment-start-device-detail{
|
|
|
|
.bot-banner{
|
|
|
|
&::after{
|
|
|
|
content: "";
|
|
|
|
height: env(safe-area-inset-bottom);
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|