|
@@ -7,6 +7,7 @@
|
|
<u-badge v-if="showDot" :is-dot="true" size="mini" type="error"></u-badge>
|
|
<u-badge v-if="showDot" :is-dot="true" size="mini" type="error"></u-badge>
|
|
</view>
|
|
</view>
|
|
</u-navbar>
|
|
</u-navbar>
|
|
|
|
+ <view class="body-content flex flex_column">
|
|
<view class="card-box" v-if="detailData">
|
|
<view class="card-box" v-if="detailData">
|
|
<view class="card-row flex align_center justify_between">
|
|
<view class="card-row flex align_center justify_between">
|
|
<view class="label">货架名称</view>
|
|
<view class="label">货架名称</view>
|
|
@@ -39,7 +40,7 @@
|
|
<u-action-sheet :list="actionList" @click="clickAction" v-model="updateShowPrice"></u-action-sheet>
|
|
<u-action-sheet :list="actionList" @click="clickAction" v-model="updateShowPrice"></u-action-sheet>
|
|
</view>
|
|
</view>
|
|
<!-- 货位信息 -->
|
|
<!-- 货位信息 -->
|
|
- <view class="shelfPlace" v-if="shelfPlaceList">
|
|
|
|
|
|
+ <view class="shelfPlace" :style="{height: scrollH+'px'}" v-if="shelfPlaceList">
|
|
<view class="flex align_center shelfPlaceHead">
|
|
<view class="flex align_center shelfPlaceHead">
|
|
<view class="lt"><text>□</text>表示没有绑定产品</view>
|
|
<view class="lt"><text>□</text>表示没有绑定产品</view>
|
|
<view class="search-btn flex align_center" @click="toSearchHw">
|
|
<view class="search-btn flex align_center" @click="toSearchHw">
|
|
@@ -65,7 +66,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view v-else>
|
|
|
|
|
|
+ <view style="width: 100%;" v-else>
|
|
<view class="nodata" v-if="!loading">
|
|
<view class="nodata" v-if="!loading">
|
|
<view>
|
|
<view>
|
|
<u-image :src="`../../static/${$config('themePath')}/def_no_data@3x.png`" width="180" height="180" border-radius="10"></u-image>
|
|
<u-image :src="`../../static/${$config('themePath')}/def_no_data@3x.png`" width="180" height="180" border-radius="10"></u-image>
|
|
@@ -83,6 +84,8 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
@@ -99,6 +102,7 @@
|
|
detailData: null,
|
|
detailData: null,
|
|
switchVal: false,
|
|
switchVal: false,
|
|
showMenus:false,
|
|
showMenus:false,
|
|
|
|
+ scrollH: 400,
|
|
popData:[{title:'快速补货',val:'0'},{title:'打印贴签',val:'1'}],
|
|
popData:[{title:'快速补货',val:'0'},{title:'打印贴签',val:'1'}],
|
|
pleft:0,
|
|
pleft:0,
|
|
ptop:0,
|
|
ptop:0,
|
|
@@ -123,6 +127,11 @@
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ watch:{
|
|
|
|
+ showMore(a,b){
|
|
|
|
+ this.getScrollHeight(a)
|
|
|
|
+ },
|
|
|
|
+ },
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
this.shelfSn = option.shelfSn
|
|
this.shelfSn = option.shelfSn
|
|
// 获取货架详情
|
|
// 获取货架详情
|
|
@@ -131,7 +140,7 @@
|
|
// 获取货物
|
|
// 获取货物
|
|
this.getShelfPlace()
|
|
this.getShelfPlace()
|
|
this.isLoad = true
|
|
this.isLoad = true
|
|
- this.webView = this.$mp.page.$getAppWebview();
|
|
|
|
|
|
+ // this.webView = this.$mp.page.$getAppWebview();
|
|
uni.$on("editCustome",(data)=>{
|
|
uni.$on("editCustome",(data)=>{
|
|
this.isLoad = true
|
|
this.isLoad = true
|
|
this.saveShelf(data,0)
|
|
this.saveShelf(data,0)
|
|
@@ -141,10 +150,10 @@
|
|
this.saveShelf(data,1)
|
|
this.saveShelf(data,1)
|
|
})
|
|
})
|
|
|
|
|
|
- const win = uni.getWindowInfo()
|
|
|
|
- this.pleft = Math.floor(win.windowWidth * 0.3)
|
|
|
|
- this.ptop = Math.floor(win.windowHeight - 70)
|
|
|
|
-
|
|
|
|
|
|
+ // const win = uni.getWindowInfo()
|
|
|
|
+ // this.pleft = Math.floor(win.windowWidth * 0.3)
|
|
|
|
+ // this.ptop = Math.floor(win.windowHeight - 70)
|
|
|
|
+ this.getScrollHeight(this.showMore)
|
|
console.log(this.shelfSn)
|
|
console.log(this.shelfSn)
|
|
},
|
|
},
|
|
onUnload() {
|
|
onUnload() {
|
|
@@ -157,6 +166,19 @@
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ getScrollHeight(a){
|
|
|
|
+ const sys = uni.getSystemInfoSync()
|
|
|
|
+ const h = a? 290 : 250
|
|
|
|
+ if(sys.platform == 'android'){
|
|
|
|
+ this.scrollH = sys.windowHeight - h
|
|
|
|
+ }else{
|
|
|
|
+ if(sys.safeArea.top){
|
|
|
|
+ this.scrollH = sys.windowHeight - h + sys.statusBarHeight - 34
|
|
|
|
+ }else{
|
|
|
|
+ this.scrollH = sys.windowHeight - h - 14
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
// 刷新货位
|
|
// 刷新货位
|
|
updateHw(){
|
|
updateHw(){
|
|
this.placeTab = []
|
|
this.placeTab = []
|
|
@@ -411,121 +433,128 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .moreSeting{
|
|
|
|
- text-align: center;
|
|
|
|
- color: #999;
|
|
|
|
- padding: 20upx;
|
|
|
|
- > text{
|
|
|
|
- margin-right: 10rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-.card-box{
|
|
|
|
- background-color: #fff;
|
|
|
|
- border-radius: 0.5rem;
|
|
|
|
- box-shadow: 0.1rem 0.2rem 0.3rem #eee;
|
|
|
|
- padding: 0 1rem;
|
|
|
|
- margin: 0.5rem;
|
|
|
|
- .card-row{
|
|
|
|
- border-bottom: 1rpx solid #eee;
|
|
|
|
- padding: 20rpx 0;
|
|
|
|
- min-height: 90rpx;
|
|
|
|
- &:last-child{
|
|
|
|
- border-bottom: 0;
|
|
|
|
- }
|
|
|
|
- .label{
|
|
|
|
- flex: 1;
|
|
|
|
- width: 20%;
|
|
|
|
- }
|
|
|
|
- .text{
|
|
|
|
- width: 80%;
|
|
|
|
- color: #666;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-.shelfPlace{
|
|
|
|
- .shelfPlaceHead{
|
|
|
|
- padding: 0.2rem 0.5rem 0.5rem;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- .lt{
|
|
|
|
- font-size: 0.9rem;
|
|
|
|
- color: #999;
|
|
|
|
- text{
|
|
|
|
- color: #ff5500;
|
|
|
|
- font-size: 1rem;
|
|
|
|
|
|
+ .body-content{
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+ .card-box{
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ border-radius: 0.5rem;
|
|
|
|
+ box-shadow: 0.1rem 0.2rem 0.3rem #eee;
|
|
|
|
+ padding: 0 1rem;
|
|
|
|
+ margin: 0.5rem;
|
|
|
|
+ .card-row{
|
|
|
|
+ border-bottom: 1rpx solid #eee;
|
|
|
|
+ padding: 20rpx 0;
|
|
|
|
+ min-height: 90rpx;
|
|
|
|
+ &:last-child{
|
|
|
|
+ border-bottom: 0;
|
|
|
|
+ }
|
|
|
|
+ .label{
|
|
|
|
+ flex: 1;
|
|
|
|
+ width: 20%;
|
|
|
|
+ }
|
|
|
|
+ .text{
|
|
|
|
+ width: 80%;
|
|
|
|
+ color: #666;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .search-btn{
|
|
|
|
- border:1rpx solid #eee;
|
|
|
|
- border-radius: 50rpx;
|
|
|
|
- width: 50%;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- padding:0.3rem 0.5rem;
|
|
|
|
|
|
+ .moreSeting{
|
|
|
|
+ text-align: center;
|
|
color: #999;
|
|
color: #999;
|
|
- background-color: #fff;
|
|
|
|
- font-size: 0.9rem;
|
|
|
|
- &:active{
|
|
|
|
- opacity: 0.6;
|
|
|
|
|
|
+ padding: 20upx;
|
|
|
|
+ > text{
|
|
|
|
+ margin-right: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .shelfTabs{
|
|
|
|
- height: calc(100vh - 150rpx);
|
|
|
|
- .leftTabs{
|
|
|
|
- width: 20%;
|
|
|
|
- overflow: auto;
|
|
|
|
- > view{
|
|
|
|
- padding: 0.8rem 0.5rem;
|
|
|
|
- border-left: 0.2rem solid #f8f8f8;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+
|
|
|
|
+ .shelfPlace{
|
|
|
|
+ height: calc(100% - 300rpx);
|
|
|
|
+ .shelfPlaceHead{
|
|
|
|
+ padding: 0.2rem 0.5rem 0.5rem;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ .lt{
|
|
|
|
+ font-size: 0.9rem;
|
|
|
|
+ color: #999;
|
|
|
|
+ text{
|
|
|
|
+ color: #ff5500;
|
|
|
|
+ font-size: 1rem;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- .active{
|
|
|
|
- border-color: rgb(47, 126, 209);
|
|
|
|
|
|
+ .search-btn{
|
|
|
|
+ border:1rpx solid #eee;
|
|
|
|
+ border-radius: 50rpx;
|
|
|
|
+ width: 50%;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ padding:0.3rem 0.5rem;
|
|
|
|
+ color: #999;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
|
+ font-size: 0.9rem;
|
|
|
|
+ &:active{
|
|
|
|
+ opacity: 0.6;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .rightCons{
|
|
|
|
- width: 80%;
|
|
|
|
- background-color: #fff;
|
|
|
|
- position: relative;
|
|
|
|
- .hwList{
|
|
|
|
|
|
+ .shelfTabs{
|
|
|
|
+ height: calc(100% - 85rpx);
|
|
|
|
+ .leftTabs{
|
|
|
|
+ width: 20%;
|
|
overflow: auto;
|
|
overflow: auto;
|
|
- padding: 0.5rem;
|
|
|
|
- padding-bottom: 105rpx;
|
|
|
|
- > text{
|
|
|
|
- border: 1rpx solid #eee;
|
|
|
|
- padding: 0.2rem 0.8rem;
|
|
|
|
- border-radius: 0.3rem;
|
|
|
|
- margin: 0.5rem 2%;
|
|
|
|
- float: left;
|
|
|
|
- width: 20%;
|
|
|
|
|
|
+ > view{
|
|
|
|
+ padding: 0.8rem 0.5rem;
|
|
|
|
+ border-left: 0.2rem solid #f8f8f8;
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
- .red{
|
|
|
|
- border-color: #ff5500;
|
|
|
|
- }
|
|
|
|
- .add{
|
|
|
|
- border-style: dashed;
|
|
|
|
- border-color: #999;
|
|
|
|
- color: #999;
|
|
|
|
|
|
+ .active{
|
|
|
|
+ border-color: rgb(47, 126, 209);
|
|
|
|
+ background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .hwAction{
|
|
|
|
- padding: 0.5rem;
|
|
|
|
- position: fixed;
|
|
|
|
- bottom: 0;
|
|
|
|
- right: 0;
|
|
|
|
|
|
+ .rightCons{
|
|
width: 80%;
|
|
width: 80%;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
- button{
|
|
|
|
- width: 240rpx;
|
|
|
|
|
|
+ position: relative;
|
|
|
|
+ .hwList{
|
|
|
|
+ overflow: auto;
|
|
|
|
+ padding: 0.5rem;
|
|
|
|
+ padding-bottom: 105rpx;
|
|
|
|
+ > text{
|
|
|
|
+ border: 1rpx solid #eee;
|
|
|
|
+ padding: 0.2rem 0.8rem;
|
|
|
|
+ border-radius: 0.3rem;
|
|
|
|
+ margin: 0.5rem 2%;
|
|
|
|
+ float: left;
|
|
|
|
+ width: 20%;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ .red{
|
|
|
|
+ border-color: #ff5500;
|
|
|
|
+ }
|
|
|
|
+ .add{
|
|
|
|
+ border-style: dashed;
|
|
|
|
+ border-color: #999;
|
|
|
|
+ color: #999;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- .newbtn{
|
|
|
|
- background-color: rgb(51, 95, 182);
|
|
|
|
- color: #fff;
|
|
|
|
|
|
+ .hwAction{
|
|
|
|
+ padding: 0.5rem;
|
|
|
|
+ position: fixed;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+ width: 80%;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ button{
|
|
|
|
+ width: 240rpx;
|
|
|
|
+ }
|
|
|
|
+ .newbtn{
|
|
|
|
+ background-color: rgb(51, 95, 182);
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+
|
|
</style>
|
|
</style>
|