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

后端研发-倪永富
1 parent 6deb07e1
Showing 3 changed files with 576 additions and 48 deletions
pages/goods/categoryList/categoryList.js
pages/goods/categoryList/categoryList.wxml
pages/goods/categoryList/categoryList.wxss
 var t = getApp(), e = t.request, oo = t.globalData.setting;
+var i = function (i) {
+  return i && i.__esModule ? i : {
+    default: i
+  };
+}(require("../../../utils/LoadMore.js")), a = new i.default(), ut = require("../../../utils/util.js");
+//t = i,e = t
 Page({
     data: {
-        is_date:true,
-        scrollHeight: 0,
-        currentTab:-1,
-        abc:0,
+      is_date:true,
+      scrollHeight: 0,
+      currentTab:-1,
+      abc:0,
       windowHeight:0,
       windowWidth: 0,
       eachLetterHeight:0,
@@ -39,13 +45,32 @@ Page({
       cat_id:0,
       pl_timer: null,//只有品类的定时器
       is_pl_time:0,
-
+      requestData:null, //风格三的商品数据列表 分页
+      stylePage:1, //商品列表分页标识
+
+      //风格三使用
+      url: t.globalData.setting.imghost,
+      currentPage: 1,
+      requestData: null,
+      allData: null,
+      openFilterModal: !1,
+      baseUrl: "api/weshop/goods/page?1=1&cat_id=1&parent_id=0&orderField=goods_id&orderType=desc&page=1&is_mainshow=1&isonsale=1&store_id=1&is_recommend=1",
+      requestUrl: "",
+      tabname: "goods_id",   //排序的字段
+      adname: "desc",        //升降的字段
+      is_new: 0,
+      is_hot: 0,
+      msgStatus:false,  //页面显示暂无数据状态
+      countDownNum: 3,
+      timer: '', //定时器
     },
     onLoad: function(tt) { 
+      var that = this;
+     
       const res = wx.getSystemInfoSync(),
         letters = this.data.letters;
-      var that = this;
+      
       this.setData({
         abc: t.globalData.heigth-88-88-16,
@@ -77,11 +102,55 @@ Page({
       if (this.data.is_used_share==0){  
         this.get_nation();
       }
-
+      
+      //风格三
+      //t = i,e = t
+      var th = this;
+      a.init(this, "", "requestData");
+      var url = this.data.baseUrl;
+      this.data.is_new = i.is_new;
+      this.data.is_hot = i.is_hot;
+      if (0 != this.data.cat_id) {
+        url += "&cat_id=" + this.data.cat_id;
+      }
+  
+     // this.requestGoodsList(url);
+      getApp().getConfig2(function (rs) {
+        //计算等级价相关
+        var swithc_list = rs.switch_list;
+        var sw_arr = JSON.parse(swithc_list);
+        //---如果后台又开等级卡的开关---
+        if (sw_arr.rank_switch && sw_arr.rank_switch == "2") {
+          th.setData({ rank_switch: true });
+          var user = getApp().globalData.userInfo;
+          var ti = setInterval(function () {
+            if (!user) return false;
+            clearInterval(ti);
+            //---回调卡的列表---
+            th.getPlusCardType(function (ob) {
+              th.setData({ card_list: ob.card_list });
+              if (user.card_field) {
+                var str = user['card_expiredate'].replace(/-/g, '/');
+                var end = new Date(str);
+                end = Date.parse(end) / 1000;
+                var now = ut.gettimestamp();
+
+                //--- 判断是等级会员，且在有效期范围内 ---
+                if (user.card_field && now < end) {
+                  var card_name = ob.name_map.get(user.card_field);
+                  if (card_name.length > 4) card_name = card_name.substring(0, 4);
+                  th.setData({ card_field: user.card_field, card_name: card_name, card_list: ob.card_list });
+                }
+              }
+            })
+          }, 500)
+        }
+      });
     },
     onShow:function(){
       var that=this;
+
       //this.requestFirstCategoris();
       if(getApp().globalData.user_id)  getApp().requestCardNum();
       getApp().getConfig2(function (e) {
@@ -150,6 +219,7 @@ Page({
           that.setData({ currentTab: 0 });
         }
       })
+    
     },
     //---------------分类请求接口,数据进行拼装------------------
@@ -180,7 +250,7 @@ Page({
                   }
                 }
                 t.setData({ catelist: arr});
-                }else{
+              } else if (t.data.is_used_share == 1 || t.data.is_used_share == 2){
                 //---------新的版本----------------
                 for (var i = 0; i < dda.length; i++) { 
@@ -221,11 +291,11 @@ Page({
               }
                 t.setData({one_level_classify:arr});
-                }
+              } 
             }
         });
     },
-   
+
     requestCategories: function(t) {
         var s = this;
         e.get("/api/goods/goodsSecAndThirdCategoryList", {
@@ -460,36 +530,48 @@ Page({
   },
   // 新的版本分类点击一级分类
  click_classify:function(e){
-   this.data.ishaf_three=0;
-   var indexs=e.currentTarget.dataset.index;
+   clearInterval(this.data.timer);
+   this.setData({ countDownNum:3 ,stylePage:1});
+   this.data.ishaf_three = 0;
+   var indexs = e.currentTarget.dataset.index;
    var name = e.currentTarget.dataset.name;
    var cid = e.currentTarget.dataset.cid;
    var pid = e.currentTarget.dataset.pid;
    var arr = e.currentTarget.dataset.arr;
-
-   if (indexs==220){ this.get_brand();}
-   if (arr!="undefined" && arr!=undefined){
-      if (arr.length==0){
-           this.setData({ select_classify_on: indexs, index: indexs, classify_name: name,cat_id:cid,
-               goodslist: null,is_level_three: 0 });
-           return false;
-      }
-      if (arr.length != 0){
-        var is_lev_thr=0
-        for(var i=0;i<arr.length;i++){
-            if (arr[i].arrays.length>0) {is_lev_thr=1;break; }
-        }
-        this.setData({ is_level_three: is_lev_thr });
-
-        if (this.data.is_level_three!=1) {
-            this.setData({ select_classify_on: indexs, index: indexs, classify_name: name, goodslist: arr });
-        } else {
-          this.setData({ select_classify_on: indexs, index: indexs, goodslist: arr });
-        }
+   console.log("cid:=" + cid)
+   if (indexs == 220) { this.get_brand(); }
+   //==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 });
+   }else{
+     
+     
+     if (arr != "undefined" && arr != undefined) {
+       if (arr.length == 0) {
+         this.setData({
+           select_classify_on: indexs, index: indexs, classify_name: name, cat_id: cid,
+           goodslist: null, is_level_three: 0
+         });
+         return false;
+       }
+       if (arr.length != 0) {
+         var is_lev_thr = 0
+         for (var i = 0; i < arr.length; i++) {
+           if (arr[i].arrays.length > 0) { is_lev_thr = 1; break; }
+         }
+         this.setData({ is_level_three: is_lev_thr });
+
+         if (this.data.is_level_three != 1) {
+           this.setData({ select_classify_on: indexs, index: indexs, classify_name: name, goodslist: arr });
+         } else {
+           this.setData({ select_classify_on: indexs, index: indexs, goodslist: arr });
+         }
+       }
      }
+     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});
-  
+   
  },
@@ -527,4 +609,220 @@ Page({
     this.destroyActivityTimer();
   },
+
+  //风格三使用
+  changeTab: function (t) {
+    var ord = t.currentTarget.dataset.href;
+    var ad = t.currentTarget.dataset.ad;
+    var url = this.data.requestUrl;
+
+    if (this.data.tabname != ord) {
+      this.setData({ tabname: ord, adname: "desc" });
+    } else {
+      ad = ad == "desc" ? "asc" : "desc";
+      this.setData({ adname: ad });
+    }
+    this.resetData(), this.requestGoodsList(url);
+  },
+
+  requestGoodsList: function (t) {
+    var that = this;
+    that.data.requestUrl = t;
+    e.get("/api/weshop/goods/page?1=1", {
+      data: { page: that.data.stylePage, cat_id: that.data.cat_id, parent_id: 0, orderField: 'goods_id', orderType: 'desc', is_mainshow: 1, isonsale: 1, store_id: 1, is_recommend: 1 },
+      success: function (data) {
+        console.log(data.data.data.pageData)
+        that.setData({
+          requestData: data.data.data.pageData,
+          is_go: 1 
+        });
+        that.setData({ is_go: 1 });
+        that.data.stylePage++ , null == that.data.allData && (that.data.allData = Object.assign({}, data.data.data.pageData)),
+          wx.stopPullDownRefresh();
+      }
+    });
+    // //不是商品分组的，不是默认排序的	
+    // if (t.indexOf("group_id") == -1 || e.data.tabname != "goods_id") {
+    //   t += "&orderField=" + e.data.tabname;
+    //   t += "&orderType=" + e.data.adname;
+    // }
+    // + "&parent_id=0&orderField=goods_id&orderType=desc&page="+this.data.page+"&is_mainshow=1&isonsale=1&store_id=1&is_recommend=1"
+    // t += "&page=" + e.data.page;
+    // a.request(t,
+    //   function (t) {
+    //     e.setData({ is_go: 1 });
+    //     e.data.page++ , null == e.data.allData && (e.data.allData = Object.assign({}, t.data.result)),
+    //       wx.stopPullDownRefresh();
+    //   },
+    //   null, { is_mainshow: 1, isonsale: 1, store_id: oo.stoid }
+    // );
+  },
+
+  onReachBottom: function () {
+    console.log('监听上拉：=')
+    var that = this;
+    clearInterval(that.data.timer);
+    that.setData({
+      stylePage: that.data.stylePage + 1,
+      countDownNum: 3,
+    });
+    that.style(that.data.stylePage, that.data.cat_id);
+  },
+  // onPullDownRefresh: function () {
+  //   console.log('监听下拉：=' + this.data.requestUrl)
+  //   this.resetData(), this.requestGoodsList(this.data.requestUrl);
+  // },
+  // 左侧更新
+  scrollLower: function (data) {
+    console.log("上拉加载更多", JSON.stringify(data))
+    var that = this;
+    clearInterval(that.data.timer);
+    that.setData({
+      stylePage: that.data.stylePage + 1,
+      countDownNum: 3,
+      });
+    that.style(that.data.stylePage, that.data.cat_id);
+  },
+
+  //页面版面风格三的时候请求推荐商品 返回 
+  style: function (page, cid) {
+    console.log("page:=" + page)
+    var s = this
+    e.get("/api/weshop/goods/page?1=1", {
+      data: { page: page, cat_id: cid, parent_id: 0, orderField: 'goods_id', orderType: 'desc', is_mainshow: 1, isonsale: 1, store_id: 1, is_recommend: 1 },
+      success: function (e) {
+        console.log(e.data.data.pageData)
+        
+        if (e.data.data.pageData.length > 0) {
+          s.setData({
+            msgStatus: false,
+          });
+          //如果有数据 怕断分页为第一页的时候直接渲染数据
+          if (page = 1) {
+            s.setData({
+              requestData: e.data.data.pageData
+            });
+            if (wx.pageScrollTo) {
+              wx.pageScrollTo({
+                scrollTop: 0
+              })
+            } 
+          }else{
+            //如果分页不是在第一页 那么就把返回的数据追加到原有数据后面
+            var arr = s.data.requestData
+            arr.push(e.data.data.pageData);
+            s.setData({
+              requestData: arr
+            });
+          }
+        } else {
+          //没有数据页面显示暂无数据
+         
+          if (page != 1) {
+            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'])
+          }else{
+            let countDownNum = 3; //获取倒计时初始值 
+            s.setData({
+              msgStatus: true,
+              countDownNum: countDownNum,
+              requestData: []
+            });
+            s.setData({
+              timer: setInterval(function () {
+                if (countDownNum == 0) {
+                  clearInterval(s.data.timer);
+                  //关闭定时器之后，可作其他处理   
+                  s.setData({
+                    msgStatus: false,
+                  })
+
+                  //如果没有数据就把分页初始化成第一页
+                  //没有数据根据当前分类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']);
+                 
+                }
+                countDownNum--;
+                s.setData({
+                  countDownNum: countDownNum
+                })
+              }, 1000)
+
+            })
+          }
+          
+          
+        }
+      }
+    });
+  },
+
+
+  openFilterModal: function () {
+    this.setData({
+      openFilterModal: !0
+    });
+  },
+  closeFilterModal: function () {
+    this.setData({
+      openFilterModal: !1
+    });
+  },
+  filterGoods: function (t) {
+    this.resetData(), this.requestGoodsList(t.currentTarget.dataset.href), this.closeFilterModal();
+  },
+  resetData: function () {
+    a.resetConfig(), this.data.requestData = null, this.data.currentPage = 1;
+  },
+
+  //---回复最初的设置---
+  restoreData: function () {
+    this.setData({
+      requestData: null,
+    });
+    this.data.page = 1;
+  },
+
+  //---  获取卡类列表 ---
+  getPlusCardType: function (func) {
+    var storid = oo.stoid;
+    var th = this;
+    getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid, {}).then(res => {
+      var plusCard = res.data.data;
+      var arr = [1219, 2089, 3031];
+      var new_arr = new Array();
+      var card_name_map = new Map();
+      var user = getApp().globalData.userInfo;
+      for (var i = 0; i < plusCard.length; i++) {
+        if ((user.card_field == null || user.card_field == "") && (plusCard[i].IsStopBuy == true)) {
+          continue;
+        }
+        var name = "card" + plusCard[i].CorrPrice.toLowerCase();
+        card_name_map.set(name, plusCard[i].CardName);
+        new_arr.push(plusCard[i]);
+      }
+
+      var ob = { "card_list": new_arr, "name_map": card_name_map };
+      func(ob);
+    })
+  },
 });
 \ No newline at end of file
+<!-- 风格1 -->
 <block wx:if="{{is_used_share==0}}">
   <view class='top_view' wx:if="{{is_show_pl || is_show_gb || is_show_pp }}">
-  <view class="swiper-tab" >
-      <view wx:if="{{is_show_pl}}" class="swiper-tab-item {{currentTab==0?'active':''}}" 
-            data-current="0" bindtap="clickTab">分类</view>
-      <view wx:if="{{is_show_gb}}" class="swiper-tab-item {{currentTab==1?'active':''}}" 
-            data-current="1" bindtap="clickTab">国家</view>
-      <view  wx:if="{{is_show_pp}}" class="swiper-tab-item {{currentTab==2?'active':''}}" 
-            data-current="2" bindtap="clickTab">品牌</view>
-  </view> 
-</view>
+    <view class="swiper-tab" >
+        <view wx:if="{{is_show_pl}}" class="swiper-tab-item {{currentTab==0?'active':''}}" 
+              data-current="0" bindtap="clickTab">分类</view>
+        <view wx:if="{{is_show_gb}}" class="swiper-tab-item {{currentTab==1?'active':''}}" 
+              data-current="1" bindtap="clickTab">国家</view>
+        <view  wx:if="{{is_show_pp}}" class="swiper-tab-item {{currentTab==2?'active':''}}" 
+              data-current="2" bindtap="clickTab">品牌</view>
+    </view> 
+  </view>
   <view class="search-box "  bindtap="goseach">
         <view class="search-inner">
             <view class="search-img">
@@ -16,7 +17,7 @@
             </view>
             <input bindfocus="goseach" class="search-cont" placeholder="寻找好口碑" type="text"></input>
         </view>
-</view>
+  </view>
   <block wx:if="{{is_show_pl || is_show_gb || is_show_pp }}">
    <swiper current="{{currentTab}}" duration="300"  bindanimationfinish="swiperTab" style="height:{{abc}}rpx;">
       <!--------分类---------->
@@ -84,16 +85,17 @@
       <view class="no-data-title">暂无分类</view>
       <navigator class="lookat" openType="switchTab" url="/pages/index/index/index"> 去逛逛 </navigator>
    </view>
-</block>
+  </block>
   <block wx:elif="{{is_do}}">
     <view class="no-data" >
       <image class="cart-image" src="{{iurl}}/miniapp/images/cart-null.png"></image>
       <view class="no-data-title">商家暂未设置分类</view>
       <navigator class="lookat" openType="switchTab" url="/pages/index/index/index"> 去逛逛 </navigator>
    </view>
+  </block>
 </block>
-</block>
-<block wx:else>
+<!-- 风格2 -->
+<block wx:elif="{{is_used_share == 1}}">
     <block wx:if="{{is_show_pl || is_show_gb || is_show_pp }}">
           <!-- 新版分类头部 -->
           <view class="xc-search-box flex-center white_b">
@@ -262,4 +264,227 @@
         </view>
     </block>
+</block>
+<!-- 风格3 -->
+<block wx:elif="{{is_used_share == 2}}">
+    <block wx:if="{{is_show_pl || is_show_gb || is_show_pp }}">
+      <!-- 头部 -->
+      <view class="xc-search-box flex-center white_b" id="navbar" style="position:fixed;top:0;z-index:99999">
+            <view class="share-height t-c" bindtap="getScancode" >
+              <image class="scanning_black-img"src="{{iurl}}/miniapp/images/goodscategory/scanning_black.png"></image>
+              <view class="fs24">
+              扫一扫
+              </view>
+            </view>
+            <view class="xc-search-inner ">
+                <view class="search-img left">
+                    <image class="wh100" src="{{iurl}}/miniapp/images/search.png"></image>
+                </view>
+                <input bindfocus="goseach" class="search-cont" placeholder="搜索你想要的生活" type="text"></input>
+            </view>
+      </view>
+      <!-- /头部 -->
+          <!-- 分类项目内容 -->
+          <view class="flex project_height" style="margin-left:-10rpx;margin-top:120rpx;">
+            <!-- 分类项目的类型 -->
+            <view class="project_type" style="position:fixed;left:0;z-index:999999">
+              <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}}">
+                    <text>国</text><text>家</text>
+                  </view>
+                </view>
+                <view wx:if="{{is_show_pp}}">
+                  <view bindtap="click_classify" class="{{select_classify_on==220?'select_classify':''}} share_type fs30 flex-space-between xc-letter-spacing" wx:if="{{is_brand}}"data-index="220"data-name="品牌">
+                    <text>品</text><text>牌</text>
+                   </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>
+
+        </view>
+           </view>
+
+        </view>
+               <!-- 分类项目的内容 -->
+                <view class="classify_content" style="margin-left:26%">
+        <!-- 国家的样式 -->
+        <block wx:if="{{select_classify_on==223&&is_show_gb}}">
+        <view class="classify_name fs28 flex-space-between">
+        <view>{{ishaf_three==1?good_list.name:classify_name}}</view>
+
+        </view>
+          <view class=" classify_content-frame flex-space-between " >
+             <view bindtap="go_nation" class="country_img-frame rel outer_location"wx:for="{{nationlist}}" wx:for-item="bitem" wx:for-index="pidx" data-nid="{{bitem.id}}" >
+                        <image class="country_img" src="{{iurl}}{{bitem.logo}}"></image>
+                        <view class='nation_box abs box'>
+                            <view class='nt_1 t-c line-height' style="height:50rpx">
+                               <text class="nation_z_name ellipsis-1 nt_1_t height fs24">{{bitem.name}}</text>
+                            </view>
+                            <view class='nt_2 t-c line-height fs24' style="line-height: 50rpx">
+                                <text class="nation_y_name ellipsis-1 nt_1_t height fs24">{{bitem.enname}}</text>
+                            </view>
+                        </view>
+                       <!--<view class='nation_box abs box' style="top:20rpx">-->
+                       <!--</view>-->
+               </view>
+        </view>
+        </block>
+        <!-- 品牌 -->
+        <block wx:if="{{select_classify_on==220&&is_show_pp}}">
+
+        <view class="classify_name fs28 flex-space-between">
+           <view>{{classify_name}}</view>
+        </view>
+
+        <view class="classify_content-frame flex flex-wrap">
+
+         <block wx:for="{{groups}}" wx:for-item="brand_list" wx:for-index="pidx">
+         <view class="brand_img_frame "wx:for="{{brand_list.array}}"wx:for-item="user" wx:for-index="idx" bindtap="go_brand" data-bid="{{user.id}}" >
+
+            <view class="brand_img t-c">
+               <image class=" brand_img" src="{{user.logo}}" data-errorimg="groups[{{pidx}}].array[{{idx}}].logo" binderror="bind_bnerr_pp"></image>
+                <view class="brand_img_name ellipsis-1 fs24">{{user.name}}</view>
+           </view>
+         </view>
+
+
+        </block>
+        </view>
+        </block>
+        <!-- 品类-->
+        <block  wx:if="{{is_show_pl}}">
+          <block wx:if="{{select_classify_on!=220&&select_classify_on!=223&&is_level_three!=1}}">
+              <view style="width:100%;height:100%;">
+                <view class="classify_name fs28 flex-space-between" id="header" data-pid="0" data-cid="{{cat_id}}" bindtap='select_more' style="position:fixed;z-index:999999;top:120rpx;width:70%;background-color:#ffffff;left:26%;padding:0 10rpx;">
+                  <view class="classify_title ellipsis-1">{{classify_name}}</view>
+                  <view class="flex select_more" >
+                    <view class="red-co fs24" >更多</view>
+                    <view class="bg_right width_height"></view>
+                  </view>
+                </view>
+                <!-- 显示商品列表开始 -->
+                <!-- <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%;">
+                <!-- <view class="null" style="width:100%;height:29px;"></view> -->
+                <!-- goodslist -->
+                    <view class="choice_list">
+                      <navigator class="choice_item" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:for="{{requestData}}" wx:key="{{index}}">
+                        <view class="img-wrap">
+                          <image src="{{item.original_img}}" binderror="bind_bnerr2" data-url="{{url+item.original_img}}" lazy-load="true" data-errorimg="requestData[{{index}}].original_img"></image>
+                        </view>
+                        <view class="item-cont">
+                          <view class="title">{{item.goods_name}}</view>
+                            <!-- 判断是否有活动价 -->
+                            <block wx:if="{{item.prom_price>0}}">
+                                <!-- 活动价 -->
+                                <view class="price">￥{{item.prom_price}}</view>
+                                <view class="comment flex jc_sb">
+                                  <view class="word-line xc-ash">￥{{item.market_price}}</view>
+                                  <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
+                                </view>
+                            </block>
+                            <block wx:else>
+                              <!-- 商品价格,先判断下是后又等级价-->
+                              <block wx:if="{{g_filter.is_has_rank(rank_switch,item)}}">
+                                <!-- 当会员是等级卡的时候 -->
+                                <block wx:if="{{card_field}}">
+                                  <!-- 等级价>0 -->
+                                  <block wx:if="{{item[card_field]>0}}">
+                                    <view class="flex ai_and">
+                                      <view class="price">￥{{item[card_field]}}</view>
+                                      <view class="card_bg">
+                                        <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
+                                        <view class="card_name">{{card_name}}</view>
+                                      </view>
+                                    </view>
+                                    <view class="comment flex jc_sb">
+                                      <view class="word-line xc-ash">￥{{item.market_price}}</view>
+                                      <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
+                                    </view>
+                                  </block>
+                                  <block wx:else>
+                                    <view class="price">￥{{item.shop_price}}</view>
+                                    <view class="comment flex jc_sb">
+                                      <view class="word-line xc-ash">￥{{item.market_price}}</view>
+                                      <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
+                                    </view>
+                                  </block>
+                                </block>
+                                <block wx:else>
+                                  <block wx:if="{{g_filter.get_card_price(item,card_list,0)}}">
+                                    <view class="flex ai-center">
+                                      <view class="price">￥{{item.shop_price}}</view>
+                                      <view class="word-line xc-ash mk_price">￥{{item.market_price}}</view>
+                                    </view>
+                                    <view class="comment flex jc_sb">
+                                      <view class="flex ai_and">
+                                        <view class="">￥{{g_filter.get_card_price(item,card_list,0)}}</view>
+                                        <view class="card_bg">
+                                          <image src="{{url}}/miniapp/images/plus/dj_icon.png"></image>
+                                          {{g_filter.get_card_price(item,card_list,1)}}
+                                        </view>
+                                      </view>
+                                      <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
+                                    </view>
+                                  </block>
+                                  <block wx:else>
+                                    <view class="price">￥{{item.shop_price}}</view>
+                                    <view class="comment flex jc_sb">
+                                      <view class="word-line xc-ash">￥{{item.market_price}}</view>
+                                      <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
+                                    </view>
+                                  </block>
+                                </block>
+                              </block>
+                              <block wx:else>
+                                <view class="price">￥{{item.shop_price}}</view>
+                                <view class="comment flex jc_sb">
+                                  <view class="word-line xc-ash">￥{{item.market_price}}</view>
+                                  <view>评论{{item.comment_count}} 已售{{item.sales_sum}}</view>
+                                </view>
+                              </block>
+                            </block>
+                          </view>
+                      </navigator>
+                    </view>
+                    <view class="no-data" wx:if="{{msgStatus == true}}">
+                      <image class="cart-image" src="{{iurl}}/miniapp/images/cart-null.png"></image>
+                      <view class="no-data-title">该类别暂无推荐商品 {{countDownNum}} 秒后自动跳到下一个类别</view>
+                      <!-- <navigator class="lookat" openType="switchTab" url="/pages/index/index/index"> 去逛逛 </navigator> -->
+                    </view>
+                </scroll-view>
+                <!-- /goodslist -->
+              </view>
+              <!-- 商品列表结束 -->
+              
+          </block>
+        </block>
+        </view>
+           </view>
+    </block>
+    <block wx:elif="{{is_do}}">
+        <view class="no-data" >
+            <image class="cart-image" src="{{iurl}}/miniapp/images/cart-null.png"></image>
+            <view class="no-data-title">商家暂未设置分类</view>
+            <navigator class="lookat" openType="switchTab" url="/pages/index/index/index"> 去逛逛 </navigator>
+        </view>
+    </block>
+
 </block>
 \ No newline at end of file
 /*---nyf 2018-9-7---*/
+ 
 page{height: 100%; background: #fff;}
 .top_view{ width: 100%;background: #fff;}
+
 .swiper-tab{
     width: 70%;
     text-align: center;
@@ -400,4 +402,7 @@ margin: auto;
   width: 80%;
 }
-.brand_img_name {color: #666;}
 \ No newline at end of file
+.brand_img_name {color: #666;}
+
+/* 风格三商品列表样式引入 */
+@import "../goodsList/goodsList.wxss";
 \ No newline at end of file