分类列表添加风格页面商品列表

后端研发-倪永富
1 parent 09b6c3eb
Showing 4 changed files with 87 additions and 47 deletions
.idea/mshopweapp.iml
pages/goods/categoryList/categoryList.js
pages/goods/categoryList/categoryList.wxml
project.config.json
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
 \ No newline at end of file
@@ -63,6 +63,8 @@ Page({
       msgStatus:false,  //页面显示暂无数据状态
       countDownNum: 3,
       timer: '', //定时器
+      lastMsg:false,
+      toView:"",
     },
     onLoad: function(tt) { 
       var that = this;
@@ -543,10 +545,8 @@ Page({
    //==2的时候 请求数据为商品，不为分类
    if (this.data.is_used_share == 2) {
      this.style(this.data.stylePage, cid)
-     this.setData({ select_classify_on: indexs, index: indexs, classify_name: name, cat_id: cid });
+     this.setData({ select_classify_on: indexs, index: indexs, classify_name: name, cat_id: cid,lastMsg: false, });
    }else{
-     
-     
      if (arr != "undefined" && arr != undefined) {
        if (arr.length == 0) {
          this.setData({
@@ -569,7 +569,7 @@ Page({
          }
        }
      }
-     this.setData({ select_classify_on: indexs, index: indexs, classify_name: name, cat_id: cid, stylePage:1});
+     this.setData({ select_classify_on: indexs, index: indexs, classify_name: name, cat_id: cid, stylePage: 1,lastMsg: false,});
    }
  },
@@ -665,6 +665,7 @@ Page({
     that.setData({
       stylePage: that.data.stylePage + 1,
       countDownNum: 3,
+      lastMsg: false,
     });
     that.style(that.data.stylePage, that.data.cat_id);
   },
@@ -680,6 +681,7 @@ Page({
     that.setData({
       stylePage: that.data.stylePage + 1,
       countDownNum: 3,
+      lastMsg: false,
       });
     that.style(that.data.stylePage, that.data.cat_id);
   },
@@ -698,7 +700,16 @@ Page({
             msgStatus: false,
           });
           //如果有数据 怕断分页为第一页的时候直接渲染数据
-          if (page = 1) {
+          if (page > 1) {
+            //如果分页不是在第一页 那么就把返回的数据追加到原有数据后面
+            var arr = s.data.requestData
+            console.log("arr:=" + JSON.stringify(arr))
+            arr.push(e.data.data.pageData);
+            s.setData({
+              requestData: arr
+            });
+            
+          }else{
             s.setData({
               requestData: e.data.data.pageData
             });
@@ -707,14 +718,8 @@ Page({
                 scrollTop: 0
               })
             } 
-          }else{
-            //如果分页不是在第一页 那么就把返回的数据追加到原有数据后面
-            var arr = s.data.requestData
-            arr.push(e.data.data.pageData);
-            s.setData({
-              requestData: arr
-            });
           }
+         
         } else {
           //没有数据页面显示暂无数据
@@ -731,6 +736,10 @@ Page({
             });
             s.style(s.data.stylePage, dataArray[index + 1]['items']['id'])
           }else{
+            //没有数据而且是第一页的时候
+            s.setData({
+              stylePage: 1,
+            });
             let countDownNum = 3; //获取倒计时初始值 
             s.setData({
               msgStatus: true,
@@ -750,16 +759,25 @@ Page({
                   //没有数据根据当前分类id去找到下一个分类id再次传递给服务端请求数据
                   var dataArray = s.data.one_level_classify
                   var index = s.data.index
-                  console.log(dataArray[index + 1]['items'])
-                  s.setData({
-                    stylePage: 1,
-                    index: index + 1,
-                    select_classify_on: index + 1,
-                    cat_id: dataArray[index + 1]['items']['id'],
-                    classify_name: dataArray[index + 1]['items']['name']
-                  });
-                  s.style(s.data.stylePage, dataArray[index + 1]['items']['id']);
-                 
+                  console.log(dataArray[index + 1])
+                  if (dataArray[index + 1] == undefined || dataArray[index + 1] == "undefined"){
+                    console.log("dataArray[index + 1] = undefined")
+                    s.setData({
+                      stylePage: 1,
+                      msgStatus: false,
+                      lastMsg: true
+                    });
+                  }else{
+                    s.setData({
+                      stylePage: 1,
+                      index: index + 1,
+                      select_classify_on: index + 1,
+                      cat_id: dataArray[index + 1]['items']['id'],
+                      classify_name: dataArray[index + 1]['items']['name']
+                    });
+                    s.style(s.data.stylePage, dataArray[index + 1]['items']['id']);
+                  }
+                  
                 }
                 countDownNum--;
                 s.setData({
@@ -285,9 +285,9 @@
       </view>
       <!-- /头部 -->
           <!-- 分类项目内容 -->
-          <view class="flex project_height" style="margin-left:-10rpx;margin-top:120rpx;">
+          <view class="flex project_height" style="margin-left:-10rpx;">
             <!-- 分类项目的类型 -->
-            <view class="project_type" style="position:fixed;left:0;z-index:999999">
+            <view class="project_type" style="height:88%;overflow-y:auto;position:fixed;left:0;z-index:999999;top:120rpx;">
               <view class="project_type-frame">
                 <view wx:if="{{is_show_gb}}">
                   <view  bindtap="click_classify"  class="share_type fs30 flex-space-between xc-letter-spacing {{select_classify_on==223?'select_classify':''}}"data-index="223"data-name="国家" wx:if="{{is_country}}">
@@ -300,28 +300,23 @@
                    </view>
                 </view>
                 <view wx:if="{{is_show_pl}}">
-                <view wx:for="{{one_level_classify}}" wx:for-item="ittms" >
-                 <view bindtap="click_classify" data-arr="{{ittms.array}}" data-cid="{{ittms.items.id}}" data-pid="0" class="{{select_classify_on==index?'select_classify width80':''}} share_type fs30 t-c {{ittms.items.name.length==2? 'world_sn':''}} {{select_classify_on==index&&ittms.items.name.length==2?'text-indent':''}} {{select_classify_on==index&&ittms.items.name.length==3?'text3':''}}"data-index="{{index}}"data-name="{{ittms.items.name}}">
-                 <view class="{{ittms.items.name.length==3?'flex-center-around':'flex-space-between'}}" wx:if="{{ittms.items.name.length<4}}">
-                 <view wx:for="{{ittms.items.name}}" wx:for-item="name"wx:for-index="index">
-                 <view>
-                 {{name}}
-                 </view>
-                 </view>
-
-                 </view>
-                   <view wx:else class="sort-name ellipsis-1">{{ittms.items.name}}
-                 </view>
-                 </view>
-
+                  <view wx:for="{{one_level_classify}}" wx:for-item="ittms" >
+                    <view bindtap="click_classify" data-arr="{{ittms.array}}" data-cid="{{ittms.items.id}}" data-pid="0" class="{{select_classify_on==index?'select_classify width80':''}} share_type fs30 t-c {{ittms.items.name.length==2? 'world_sn':''}} {{select_classify_on==index&&ittms.items.name.length==2?'text-indent':''}} {{select_classify_on==index&&ittms.items.name.length==3?'text3':''}}"data-index="{{index}}"data-name="{{ittms.items.name}}">
+                      <view class="{{ittms.items.name.length==3?'flex-center-around':'flex-space-between'}}" wx:if="{{ittms.items.name.length<4}}">
+                        <view wx:for="{{ittms.items.name}}" wx:for-item="name"wx:for-index="index">
+                          <view>
+                          {{name}}
+                          </view>
+                        </view>
+                      </view>
+                      <view wx:else class="sort-name ellipsis-1">{{ittms.items.name}}</view>
+                    </view>
+                  </view>
+                </view>
               </view>
-
-        </view>
-           </view>
-
-        </view>
-               <!-- 分类项目的内容 -->
-                <view class="classify_content" style="margin-left:26%">
+            </view>
+            <!-- 分类项目的内容 -->
+            <view class="classify_content" style="margin-left:26%;margin-top:51px">
         <!-- 国家的样式 -->
         <block wx:if="{{select_classify_on==223&&is_show_gb}}">
         <view class="classify_name fs28 flex-space-between">
@@ -381,7 +376,7 @@
                 <!-- <view class="classify_content-frame flex-wrap" style="width:100%;overflow:hidden;heigth:100%;"> -->
                <!-- <view class="null" style="width:100%;margin-top:70rpx;"></view> -->
-                <scroll-view scroll-y scroll-into-view="{{cat_id}}" bindscrolltolower='scrollLower' style="height:{{windowHeight}};position:absolute;margin-top:70rpx;top:120rpx;bottom:0;rigth:0;left:26%;width:73%;">
+                <scroll-view scroll-y bindscrolltolower='scrollLower' style="height:{{windowHeight}};position:absolute;margin-top:70rpx;top:120rpx;bottom:0;rigth:0;left:26%;width:73%;">
                 <!-- <view class="null" style="width:100%;height:29px;"></view> -->
                 <!-- goodslist -->
                     <view class="choice_list">
@@ -469,6 +464,10 @@
                       <view class="no-data-title">该类别暂无推荐商品 {{countDownNum}} 秒后自动跳到下一个类别</view>
                       <!-- <navigator class="lookat" openType="switchTab" url="/pages/index/index/index"> 去逛逛 </navigator> -->
                     </view>
+                    <view class="no-data" wx:if="{{lastMsg == true}}">
+                      <image class="cart-image" src="{{iurl}}/miniapp/images/cart-null.png"></image>
+                      <view class="no-data-title">该类别暂无推荐商品</view>
+                    </view>
                 </scroll-view>
                 <!-- /goodslist -->
               </view>
@@ -31,13 +31,28 @@
 			"current": -1,
 			"list": []
 		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
 		"game": {
 			"currentL": -1,
 			"list": []
 		},
-		"miniprogram": {
+		"gamePlugin": {
 			"current": -1,
 			"list": []
+		},
+		"miniprogram": {
+			"current": -1,
+			"list": [
+				{
+					"id": -1,
+					"name": "pages/goods/categoryList/categoryList",
+					"pathName": "pages/goods/categoryList/categoryList",
+					"scene": null
+				}
+			]
 		}
 	}
 }
 \ No newline at end of file