分类页面优化-0714

commons/style.css

@@ -328,7 +328,8 @@ page {background-color: #eaeaea;}
 	width: 0;
 	height: 0;
 }
-.shop-list-bg .tips{
+.shop-list-bg .tips,
+.cate-nothing-tips{
 	font-size: 24rpx;
 	color: #999;
 	line-height: 2;

pages/tabbar/cate/cate.vue

@@ -11,7 +11,7 @@
 			</view>
 		</view>
 		<!-- 一级分类列表 -->
-		<view class="cate-nav-bg" :style="{'height':scrollHeight+'px','top':topHieght+'px'}" :class="businessId==0?'':'to-top'">
+		<view class="cate-nav-bg" :style="{'height':scrollHeight+'px','top':topHieght+'px'}" :class="businessId==0?'':'to-top'" v-if="cateList.length>0">
 			<view class="cate-nav">
 				<view class="cate-nav-item" :class="cateIndex == index?'active':''" @tap="changeCate(index,item.id)" v-for="(item,index) in cateList" :key="index">{{item.title}}</view>
 			</view>
@@ -26,6 +26,7 @@
 			</view>
 			<view class="tips" v-if="secondList.length==0 && isTips">---没有更多分类---</view>
 		</scroll-view>
+		<view class="cate-nothing-tips" v-if="cateList.length==0">---该商户没有分类---</view>
 		<!-- 购物车btn -->
 		<enter-cart></enter-cart>
 		<!-- 底部tab -->
@@ -162,25 +163,32 @@
 			getCateList(pid){
 				this.$requst.get('/api/spu/category',{business_id:pid}).then(res=>{
 					if(res.code==0) {
-						if(res.data.length>0){
-							uni.setStorageSync('companyIndex',this.companyIndex); //工厂index
-							uni.setStorageSync('businessId',this.businessId); //工厂id
-							this.cateIndex = 0;
-							this.cateList = [];
-							this.cateList = res.data; //一级分类
-							// 查询二级
-							this.getSecondList(this.cateIndex);
-						}else{
-							this.$toolAll.tools.showToast('该商户不能选择');
-							this.companyIndex = uni.getStorageSync('companyIndex'); //还原工厂index
-							this.businessId = uni.getStorageSync('businessId'); //还原工厂id
-						}
+						uni.setStorageSync('businessId',this.businessId); //工厂id
+						this.cateIndex = 0;
+						this.cateList = [];
+						this.cateList = res.data; //一级分类
+						// 查询二级
+						this.getSecondList(this.cateIndex);
+						// if(res.data.length>0){
+						// 	uni.setStorageSync('companyIndex',this.companyIndex); //工厂index
+						// 	uni.setStorageSync('businessId',this.businessId); //工厂id
+						// 	this.cateIndex = 0;
+						// 	this.cateList = [];
+						// 	this.cateList = res.data; //一级分类
+						// 	// 查询二级
+						// 	this.getSecondList(this.cateIndex);
+						// }else{
+						// 	this.$toolAll.tools.showToast('该商户不能选择');
+						// 	this.companyIndex = uni.getStorageSync('companyIndex'); //还原工厂index
+						// 	this.businessId = uni.getStorageSync('businessId'); //还原工厂id
+						// }
 					}
 					uni.hideLoading();
 				})
 			},
 			// 查询二级分类
 			getSecondList(index){
+				this.secondList=[];
 				if(this.cateList[index].has_children){
 					this.secondList = this.cateList[index].children;
 				}else{

unpackage/dist/dev/mp-weixin/common/main.wxss

@@ -890,7 +890,8 @@ page {background-color: #eaeaea;}
 	width: 0;
 	height: 0;
 }
-.shop-list-bg .tips{
+.shop-list-bg .tips,
+.cate-nothing-tips{
 	font-size: 24rpx;
 	color: #999;
 	line-height: 2;

unpackage/dist/dev/mp-weixin/pages/tabbar/cate/cate.js

@@ -194,6 +194,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 var _publicApi = __webpack_require__(/*! @/jsFile/public-api.js */ 9);
@@ -320,25 +321,32 @@ var _default = {
     getCateList: function getCateList(pid) {var _this4 = this;
       this.$requst.get('/api/spu/category', { business_id: pid }).then(function (res) {
         if (res.code == 0) {
-          if (res.data.length > 0) {
-            uni.setStorageSync('companyIndex', _this4.companyIndex); //工厂index
-            uni.setStorageSync('businessId', _this4.businessId); //工厂id
-            _this4.cateIndex = 0;
-            _this4.cateList = [];
-            _this4.cateList = res.data; //一级分类
-            // 查询二级
-            _this4.getSecondList(_this4.cateIndex);
-          } else {
-            _this4.$toolAll.tools.showToast('该商户不能选择');
-            _this4.companyIndex = uni.getStorageSync('companyIndex'); //还原工厂index
-            _this4.businessId = uni.getStorageSync('businessId'); //还原工厂id
-          }
+          uni.setStorageSync('businessId', _this4.businessId); //工厂id
+          _this4.cateIndex = 0;
+          _this4.cateList = [];
+          _this4.cateList = res.data; //一级分类
+          // 查询二级
+          _this4.getSecondList(_this4.cateIndex);
+          // if(res.data.length>0){
+          // 	uni.setStorageSync('companyIndex',this.companyIndex); //工厂index
+          // 	uni.setStorageSync('businessId',this.businessId); //工厂id
+          // 	this.cateIndex = 0;
+          // 	this.cateList = [];
+          // 	this.cateList = res.data; //一级分类
+          // 	// 查询二级
+          // 	this.getSecondList(this.cateIndex);
+          // }else{
+          // 	this.$toolAll.tools.showToast('该商户不能选择');
+          // 	this.companyIndex = uni.getStorageSync('companyIndex'); //还原工厂index
+          // 	this.businessId = uni.getStorageSync('businessId'); //还原工厂id
+          // }
         }
         uni.hideLoading();
       });
     },
     // 查询二级分类
     getSecondList: function getSecondList(index) {
+      this.secondList = [];
       if (this.cateList[index].has_children) {
         this.secondList = this.cateList[index].children;
       } else {

unpackage/dist/dev/mp-weixin/pages/tabbar/cate/cate.wxml

@@ -1 +1 @@
-<view class="pad-b150"><status-nav vue-id="c7684662-1" ifReturn="{{false}}" navBarTitle="分类" marginBottom="{{0}}" bind:__l="__l"></status-nav><view data-event-opts="{{[['tap',[['closeMore',['$event']]]]]}}" hidden="{{!(isShow)}}" class="pull-all-bg" bindtap="__e"></view><block wx:if="{{businessId==0}}"><view class="company-top"></view></block><block wx:if="{{businessId==0}}"><view class="company" style="{{'top:'+(topHieght+'px')+';'}}"><input type="text" data-event-opts="{{[['tap',[['openMore',['$event']]]]]}}" value="{{companyList[companyIndex].name?'工厂选择：'+companyList[companyIndex].name:''}}" bindtap="__e"/><block wx:if="{{isShow}}"><view class="company-list"><block wx:for="{{companyList}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['checkValue',[index,'$0'],[[['companyList','',index,'id']]]]]]]}}" class="{{['company-item',companyIndex==index?'cur':'']}}" bindtap="__e">{{item.name}}</view></block></view></block></view></block><view class="{{['cate-nav-bg',businessId==0?'':'to-top']}}" style="{{'height:'+(scrollHeight+'px')+';'+('top:'+(topHieght+'px')+';')}}"><view class="cate-nav"><block wx:for="{{cateList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeCate',[index,'$0'],[[['cateList','',index,'id']]]]]]]}}" class="{{['cate-nav-item',cateIndex==index?'active':'']}}" bindtap="__e">{{item.title}}</view></block></view></view><scroll-view class="{{['shop-list-bg',businessId==0?'':'to-top']}}"><view class="shop-list flex"><block wx:for="{{secondList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['toShop',['$0'],[[['secondList','',index,'id']]]]]]]}}" class="shop-item" bindtap="__e"><view class="img flex"><image src="{{item.cover}}" mode="widthFix"></image></view><view class="txt clips1">{{item.title}}</view></view></block></view><block wx:if="{{secondList.length==0&&isTips}}"><view class="tips">---没有更多分类---</view></block></scroll-view><enter-cart vue-id="c7684662-2" bind:__l="__l"></enter-cart><foot-tab vue-id="c7684662-3" current="1" bind:__l="__l"></foot-tab></view>
+<view class="pad-b150"><status-nav vue-id="c7684662-1" ifReturn="{{false}}" navBarTitle="分类" marginBottom="{{0}}" bind:__l="__l"></status-nav><view data-event-opts="{{[['tap',[['closeMore',['$event']]]]]}}" hidden="{{!(isShow)}}" class="pull-all-bg" bindtap="__e"></view><block wx:if="{{businessId==0}}"><view class="company-top"></view></block><block wx:if="{{businessId==0}}"><view class="company" style="{{'top:'+(topHieght+'px')+';'}}"><input type="text" data-event-opts="{{[['tap',[['openMore',['$event']]]]]}}" value="{{companyList[companyIndex].name?'工厂选择：'+companyList[companyIndex].name:''}}" bindtap="__e"/><block wx:if="{{isShow}}"><view class="company-list"><block wx:for="{{companyList}}" wx:for-item="item" wx:for-index="index"><view data-event-opts="{{[['tap',[['checkValue',[index,'$0'],[[['companyList','',index,'id']]]]]]]}}" class="{{['company-item',companyIndex==index?'cur':'']}}" bindtap="__e">{{item.name}}</view></block></view></block></view></block><block wx:if="{{cateList.length>0}}"><view class="{{['cate-nav-bg',businessId==0?'':'to-top']}}" style="{{'height:'+(scrollHeight+'px')+';'+('top:'+(topHieght+'px')+';')}}"><view class="cate-nav"><block wx:for="{{cateList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['changeCate',[index,'$0'],[[['cateList','',index,'id']]]]]]]}}" class="{{['cate-nav-item',cateIndex==index?'active':'']}}" bindtap="__e">{{item.title}}</view></block></view></view></block><scroll-view class="{{['shop-list-bg',businessId==0?'':'to-top']}}"><view class="shop-list flex"><block wx:for="{{secondList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['toShop',['$0'],[[['secondList','',index,'id']]]]]]]}}" class="shop-item" bindtap="__e"><view class="img flex"><image src="{{item.cover}}" mode="widthFix"></image></view><view class="txt clips1">{{item.title}}</view></view></block></view><block wx:if="{{secondList.length==0&&isTips}}"><view class="tips">---没有更多分类---</view></block></scroll-view><block wx:if="{{cateList.length==0}}"><view class="cate-nothing-tips">---该商户没有分类---</view></block><enter-cart vue-id="c7684662-2" bind:__l="__l"></enter-cart><foot-tab vue-id="c7684662-3" current="1" bind:__l="__l"></foot-tab></view>