|
@@ -1,17 +1,18 @@
|
|
|
<template>
|
|
|
<view class="content flex flex_column">
|
|
|
<view class="product-list flex" v-if="placeTab.length">
|
|
|
- <view class="leftTabs">
|
|
|
- <view v-for="item in placeTab" :key="item" :class="curTab==item?'active':''" @click="curTab = item">{{item}}层</view>
|
|
|
- </view>
|
|
|
+ <scroll-view scroll-y class="leftTabs">
|
|
|
+ <view class="tabbox">
|
|
|
+ <view v-for="item in placeTab" :key="item" :class="curTab==item?'active':''" @click="curTab = item">{{item}}层</view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
<scroll-view scroll-y class="rightCons" v-if="shelfPlaceList">
|
|
|
<view
|
|
|
class="partList-list-box"
|
|
|
v-for="item in shelfPlaceList[curTab]"
|
|
|
:key="item.shelfCartSn"
|
|
|
- @click="editRow(item)"
|
|
|
>
|
|
|
- <view class="flex align_center flex_1">
|
|
|
+ <view class="flex align_center flex_1" @click="editRow(item)">
|
|
|
<view class="pimgs">
|
|
|
<u-image :src="item.product&&item.product.images?item.product.images:`../../static/${$config('themePath')}/def_img@2x.png`" width="120" height="120" border-radius="10"></u-image>
|
|
|
</view>
|
|
@@ -377,19 +378,23 @@
|
|
|
.content{
|
|
|
width: 100%;
|
|
|
height: 100vh;
|
|
|
+ overflow: hidden;
|
|
|
.product-list{
|
|
|
flex-grow: 1;
|
|
|
.leftTabs{
|
|
|
width: 20%;
|
|
|
- overflow: auto;
|
|
|
- > view{
|
|
|
- padding: 0.8rem 0.5rem;
|
|
|
- border-left: 0.2rem solid #f8f8f8;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .active{
|
|
|
- border-color: rgb(47, 126, 209);
|
|
|
- background-color: #fff;
|
|
|
+ height: calc(100vh - 110rpx);
|
|
|
+ .tabbox{
|
|
|
+ > view{
|
|
|
+ padding: 0.8rem 0.5rem;
|
|
|
+ border-left: 0.2rem solid #f8f8f8;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .active{
|
|
|
+ border-color: rgb(47, 126, 209);
|
|
|
+ background-color: #fff;
|
|
|
+ color: rgb(47, 126, 209);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.rightCons{
|