|
@@ -2,20 +2,23 @@
|
|
|
<view class="content flex flex_column">
|
|
|
<view class="searchBar">
|
|
|
<view class="p-title flex align_center">
|
|
|
- <view class="shelfName flex"><text></text>{{nowData.shelfName}}</view>
|
|
|
- <view class="btns" @click="showTab = true">筛选<u-icon name="more-circle"></u-icon></view>
|
|
|
+ <text></text>
|
|
|
+ <view class="shelfName">
|
|
|
+ <view>{{nowData.shelfName}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="btns" @click="showTab = true">筛选<u-icon size="20" name="arrow-down"></u-icon></view>
|
|
|
</view>
|
|
|
<view class="search flex align_center">
|
|
|
<view class="input">
|
|
|
<u-search
|
|
|
focus
|
|
|
v-model="queryWord"
|
|
|
- @input="change"
|
|
|
@custom="getpartList"
|
|
|
@search="getpartList"
|
|
|
@clear="clearSearch"
|
|
|
+ @input="$u.debounce(changeSearch, 800)"
|
|
|
bg-color="#fff"
|
|
|
- :action-style="{border:'0.1rpx solid #00aaff',borderRadius:'50rpx',color:'#00aaff'}"
|
|
|
+ :show-action="false"
|
|
|
placeholder="请输入产品编码或名称搜索"></u-search>
|
|
|
</view>
|
|
|
<view class="icon" @click="toScan">
|
|
@@ -165,11 +168,11 @@
|
|
|
<view class="tabBox flex flex_column">
|
|
|
<view class="tabs">
|
|
|
<view>
|
|
|
- <view :class="'available'==curType?'active':''" @click="curType='available'">有可用库存的产品</view>
|
|
|
- <view :class="'blocked'==curType?'active':''" @click="curType='blocked'">有冻结库存的产品</view>
|
|
|
+ <view :class="'available'==curType?'active':''" @click="curType=curType=='available'?'':'available'">有可用库存的产品</view>
|
|
|
+ <view :class="'blocked'==curType?'active':''" @click="curType=curType=='blocked'?'':'blocked'">有冻结库存的产品</view>
|
|
|
</view>
|
|
|
<view class="flex">
|
|
|
- <view :class="item==curTab?'active':''" v-for="item in placeTab" :key="item" @click="curTab=item">{{item}}层</view>
|
|
|
+ <view :class="item==curTab?'active':''" v-for="item in placeTab" :key="item" @click="curTab=curTab==item?'':item">{{item}}层</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="btns">
|
|
@@ -448,15 +451,13 @@
|
|
|
},
|
|
|
clearSearch(){
|
|
|
this.queryWord = ''
|
|
|
+ this.changeSearch()
|
|
|
+ },
|
|
|
+ changeSearch(){
|
|
|
this.pageNo = 1
|
|
|
this.partList = []
|
|
|
this.getpartList()
|
|
|
},
|
|
|
- change(v){
|
|
|
- if(v==''){
|
|
|
- this.clearSearch()
|
|
|
- }
|
|
|
- },
|
|
|
// 获取数字货架列表
|
|
|
getpartList(){
|
|
|
const _this = this
|
|
@@ -584,49 +585,51 @@
|
|
|
width: 100%;
|
|
|
background: #fff;
|
|
|
.searchBar{
|
|
|
- padding: 0 0.5rem;
|
|
|
+ padding: 0 0.8rem 0.3rem;
|
|
|
.p-title{
|
|
|
- padding: 0 20rpx;
|
|
|
+ padding: 0 15rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
color: #222;
|
|
|
- font-size: 32rpx;
|
|
|
- .shelfName{
|
|
|
- width: 80%;
|
|
|
- height: 50rpx;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- flex-grow: 1;
|
|
|
- font-weight: bold;
|
|
|
- text{
|
|
|
+ font-size: 30rpx;
|
|
|
+ > text{
|
|
|
display: block;
|
|
|
height: 30rpx;
|
|
|
width: 6rpx;
|
|
|
background: #0485F6;
|
|
|
margin-right: 10rpx;
|
|
|
border-radius: 10rpx;
|
|
|
- margin-top: 10rpx;
|
|
|
+ }
|
|
|
+ .shelfName{
|
|
|
+ flex-grow: 1;
|
|
|
+ font-weight: bold;
|
|
|
+ width: 80%;
|
|
|
+ > view{
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
}
|
|
|
.btns{
|
|
|
width:100rpx;
|
|
|
text-align: right;
|
|
|
font-size: 28rpx;
|
|
|
+ color: #0485F6;
|
|
|
}
|
|
|
}
|
|
|
.search{
|
|
|
- padding: 0.5rem 0.5rem 0.3rem 0.5rem;
|
|
|
+ margin-top: 15upx;
|
|
|
+ padding: 0.1rem;
|
|
|
+ border-radius: 50rpx;
|
|
|
+ border:0.1rpx solid #eee;
|
|
|
.input{
|
|
|
flex-grow: 1;
|
|
|
- border:0.1rpx solid #eee;
|
|
|
padding: 0.1rpx;
|
|
|
- border-radius: 50rpx;
|
|
|
- padding-right: 10rpx;
|
|
|
}
|
|
|
.icon{
|
|
|
- width: 10%;
|
|
|
+ width: 13%;
|
|
|
text-align: center;
|
|
|
- font-size: 50rpx;
|
|
|
+ font-size: 46rpx;
|
|
|
color: #999;
|
|
|
}
|
|
|
}
|
|
@@ -819,7 +822,7 @@
|
|
|
padding-top: 20rpx;
|
|
|
font-size: 26upx;
|
|
|
> text{
|
|
|
- color: #333;
|
|
|
+ color: #00aaff;
|
|
|
}
|
|
|
> view{
|
|
|
color: #999;
|