|
@@ -65,25 +65,12 @@
|
|
|
<!-- 搜索弹窗 -->
|
|
|
<search :showModal="showModal" @refresh="refreshList" @close="showModal = false" />
|
|
|
<!-- vin 详情 -->
|
|
|
- <div
|
|
|
- class="cpb_cart-mask"
|
|
|
- v-if="showCart"
|
|
|
- @click="
|
|
|
- showCart = false;
|
|
|
- selFlag = 0;
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="cpb_cart-box" @click.stop="showCart = true">
|
|
|
- <div
|
|
|
- class="cpb_close flex align-center justify_center"
|
|
|
- @click.stop="
|
|
|
- showCart = false;
|
|
|
- selFlag = 0;
|
|
|
- "
|
|
|
- >
|
|
|
+ <view class="cpb_cart-mask" v-if="showCart" @click=" showCart = false; selFlag = 0;">
|
|
|
+ <view class="cpb_cart-box" @click.stop="showCart = true">
|
|
|
+ <view class="cpb_close flex align-center justify_center" @click.stop="showCart = false;selFlag = 0;">
|
|
|
<u-icon name="close"></u-icon>
|
|
|
- </div>
|
|
|
- <div class="cpb_cart-tit">
|
|
|
+ </view>
|
|
|
+ <view class="cpb_cart-tit">
|
|
|
<view>VIN详情</view>
|
|
|
<view class="st-detailList-item-con flex">
|
|
|
<view class="pimgs">
|
|
@@ -94,15 +81,15 @@
|
|
|
<view class="font_13">VIN:{{ tempData.vinCode }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </div>
|
|
|
- <div class="cpb_body flex justify_between">
|
|
|
- <div class="cpb_tab">
|
|
|
- <div :class="selFlag == 0 ? 'active' : ''" @click.stop="changeSel(0)">空调滤清器</div>
|
|
|
- <div :class="selFlag == 1 ? 'active' : ''" @click.stop="changeSel(1)">空气滤清器</div>
|
|
|
- <div :class="selFlag == 2 ? 'active' : ''" @click.stop="changeSel(2)">机油滤清器</div>
|
|
|
- </div>
|
|
|
- <div class="cpb_cart-list" v-if="productList.length > 0">
|
|
|
- <div v-for="(item, index) in productList" :key="index">
|
|
|
+ </view>
|
|
|
+ <view class="cpb_body">
|
|
|
+ <view class="cpb_tab">
|
|
|
+ <view :class="selFlag == 0 ? 'active' : ''" @click.stop="changeSel(0)">空调滤清器</view>
|
|
|
+ <view :class="selFlag == 1 ? 'active' : ''" @click.stop="changeSel(1)">空气滤清器</view>
|
|
|
+ <view :class="selFlag == 2 ? 'active' : ''" @click.stop="changeSel(2)">机油滤清器</view>
|
|
|
+ </view>
|
|
|
+ <scroll-view scroll-y class="cpb_cart-list" v-if="productList.length > 0">
|
|
|
+ <view v-for="(item, index) in productList" :key="index">
|
|
|
<view class="nav-right-item flex">
|
|
|
<view class="uni-col-2">
|
|
|
<u-image
|
|
@@ -126,15 +113,48 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </div>
|
|
|
- <div class="loadmoreStyle"><u-loadmore status="nomore" :load-text="loadText" /></div>
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
+ <view class="sdsjdjsdj">
|
|
|
+ <u-image
|
|
|
+ :src="`../../static/${theme}/def_img@2x.png`"
|
|
|
+ width="100"
|
|
|
+ height="100"
|
|
|
+ border-radius="30"
|
|
|
+ ></u-image>
|
|
|
+ <u-image
|
|
|
+ :src="`../../static/${theme}/def_img@2x.png`"
|
|
|
+ width="100"
|
|
|
+ height="100"
|
|
|
+ border-radius="30"
|
|
|
+ ></u-image>
|
|
|
+ <u-image
|
|
|
+ :src="`../../static/${theme}/def_img@2x.png`"
|
|
|
+ width="100"
|
|
|
+ height="100"
|
|
|
+ border-radius="30"
|
|
|
+ ></u-image>
|
|
|
+ <u-image
|
|
|
+ :src="`../../static/${theme}/def_img@2x.png`"
|
|
|
+ width="100"
|
|
|
+ height="100"
|
|
|
+ border-radius="30"
|
|
|
+ ></u-image>
|
|
|
+ <u-image
|
|
|
+ :src="`../../static/${theme}/def_img@2x.png`"
|
|
|
+ width="100"
|
|
|
+ height="100"
|
|
|
+ border-radius="30"
|
|
|
+ ></u-image>
|
|
|
+ </view>
|
|
|
+ <view class="loadmoreStyle"><u-loadmore status="nomore" :load-text="loadText" /></view>
|
|
|
+ </scroll-view>
|
|
|
<view v-else class="emptyStyle u-flex">
|
|
|
<u-empty :src="`/static/${$config('themePath')}/def_no_data@3x.png`" icon-size="150" text="暂无匹配产品" mode="list"></u-empty>
|
|
|
</view>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -170,6 +190,7 @@ export default {
|
|
|
},
|
|
|
shelfName: '',
|
|
|
isRestCon:false,//是否点击重置按钮
|
|
|
+ scrollHeight:''
|
|
|
};
|
|
|
},
|
|
|
onNavigationBarButtonTap(e) {
|
|
@@ -248,9 +269,9 @@ export default {
|
|
|
this.noDataText = res.message;
|
|
|
}
|
|
|
this.status = 'loadmore';
|
|
|
- if (this.pullDownRefresh) {
|
|
|
+ /* if (this.pullDownRefresh) {
|
|
|
uni.stopPullDownRefresh();
|
|
|
- }
|
|
|
+ } */
|
|
|
});
|
|
|
},
|
|
|
changeSel(num) {
|
|
@@ -293,16 +314,16 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- onPullDownRefresh() {
|
|
|
- this.pullDownRefresh = true;
|
|
|
- this.pageNo = 1;
|
|
|
- let ajaxData = {
|
|
|
- shelfSn: this.shelfSn,
|
|
|
- pageNo: this.pageNo,
|
|
|
- pageSize: this.pageSize
|
|
|
- };
|
|
|
- this.getList(ajaxData);
|
|
|
- }
|
|
|
+ // onPullDownRefresh() {
|
|
|
+ // this.pullDownRefresh = true;
|
|
|
+ // this.pageNo = 1;
|
|
|
+ // let ajaxData = {
|
|
|
+ // shelfSn: this.shelfSn,
|
|
|
+ // pageNo: this.pageNo,
|
|
|
+ // pageSize: this.pageSize
|
|
|
+ // };
|
|
|
+ // this.getList(ajaxData);
|
|
|
+ // }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
@@ -421,6 +442,7 @@ export default {
|
|
|
.cpb_cart-mask {
|
|
|
position: fixed;
|
|
|
width: 100%;
|
|
|
+ height: 100%;
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
z-index: 900;
|
|
|
bottom: 0;
|
|
@@ -433,7 +455,7 @@ export default {
|
|
|
z-index: 1000;
|
|
|
bottom: 0;
|
|
|
border-radius: 30rpx 30rpx 0 0;
|
|
|
- max-height: 70vh;
|
|
|
+ height: 60vh;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
.cpb_close {
|
|
@@ -469,12 +491,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.cpb_body {
|
|
|
- height: 80vh;
|
|
|
+ height:calc(60vh - 202rpx);
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
.cpb_tab {
|
|
|
width: 25%;
|
|
|
height: 100%;
|
|
|
background-color: #f8f8f8;
|
|
|
- > div {
|
|
|
+ > view {
|
|
|
padding: 30rpx 20rpx;
|
|
|
font-size: 24rpx;
|
|
|
text-align: center;
|
|
@@ -485,7 +509,6 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.emptyStyle{
|
|
|
- margin-top: 100rpx;
|
|
|
align-items: center !important;
|
|
|
margin:160rpx auto 0;
|
|
|
/deep/.u-empty{
|
|
@@ -497,7 +520,6 @@ export default {
|
|
|
width: 75%;
|
|
|
height: 100%;
|
|
|
padding: 20rpx;
|
|
|
- overflow: auto;
|
|
|
flex-grow: 1;
|
|
|
box-sizing: border-box;
|
|
|
> view {
|
|
@@ -509,14 +531,6 @@ export default {
|
|
|
.item-name {
|
|
|
font-size: 30rpx;
|
|
|
width: 100%;
|
|
|
- // text{
|
|
|
- // background: rgba(3, 54, 146, 0.15);
|
|
|
- // color: #1c588a;
|
|
|
- // border-radius: 1em;
|
|
|
- // font-size: 0.8em;
|
|
|
- // padding: 0 0.5em;
|
|
|
- // margin-right: 10upx;
|
|
|
- // }
|
|
|
}
|
|
|
.item-info {
|
|
|
border-bottom: 2rpx solid #eee;
|