From 8de4d48c65ebf37f2d23afe3fc52d4cb1b1d66bb Mon Sep 17 00:00:00 2001
From: gongfuxiang <fuxiang.gong@qq.com>
Date: Sat, 7 May 2022 23:25:29 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=A8=E5=BA=97=E8=AF=A6=E6=83=85=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E4=BA=8C=E7=BA=A7=E5=88=86=E7=B1=BB=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/plugins/realstore/detail/detail.css |  8 ++++++++
 pages/plugins/realstore/detail/detail.vue | 25 +++++++++++++++++++----
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/pages/plugins/realstore/detail/detail.css b/pages/plugins/realstore/detail/detail.css
index b0a63cca..5437729b 100644
--- a/pages/plugins/realstore/detail/detail.css
+++ b/pages/plugins/realstore/detail/detail.css
@@ -152,6 +152,14 @@
 .right-content {
     width: calc(100% - 220rpx);    
 }
+.right-content-actual .word-list {
+    position: sticky;
+    top: 0;
+    right: 0;
+    background: #f5f5f5;
+    z-index: 1;
+    padding: 0 1px 20rpx 1px;
+}
 .goods-list .goods-img {
     width: 160rpx;
     height: 160rpx !important;
diff --git a/pages/plugins/realstore/detail/detail.vue b/pages/plugins/realstore/detail/detail.vue
index 9c76bc67..5f9d134e 100644
--- a/pages/plugins/realstore/detail/detail.vue
+++ b/pages/plugins/realstore/detail/detail.vue
@@ -79,10 +79,10 @@
                 <!-- 左侧 -->
                 <scroll-view :scroll-y="true" class="left-content fl ht-auto bg-white">
                     <view class="left-content-actual">
-                        <view :class="'item tc cr-base text-size-xs cp ' + (nav_active_index == -1 ? 'active cr-main border-color-main fw-b' : '')" :data-index="-1" @tap="nav_event">全部</view>
+                        <view :class="'item tc cr-base text-size-xs cp ' + (nav_active_index == -1 ? 'active cr-main border-color-main fw-b' : '')" :data-index="-1" :data-itemindex="-1" @tap="nav_event">全部</view>
                         <block v-if="(goods_category || null) != null && goods_category.length > 0">
                             <block v-for="(item, index) in goods_category" :key="index">
-                                <view :class="'item tc cr-base text-size-xs pr cp ' + (nav_active_index == index ? 'active cr-main border-color-main fw-b' : '')" :data-index="index" @tap="nav_event">
+                                <view :class="'item tc cr-base text-size-xs pr cp ' + (nav_active_index == index ? 'active cr-main border-color-main fw-b' : '')" :data-index="index" :data-itemindex="-1" @tap="nav_event">
                                     <text>{{item.name}}</text>
                                     <view v-if="(item.buy_number || 0) > 0" class="badge-icon pa">
                                         <component-badge :propNumber="item.buy_number"></component-badge>
@@ -94,7 +94,17 @@
                 </scroll-view>
                 <!-- 右侧 -->
                 <scroll-view :scroll-y="true" class="right-content padding-right-main fr ht-auto goods-list" :scroll-top="scroll_top" @scroll="scroll_event" @scrolltolower="scroll_lower" lower-threshold="30">
-                    <view class="right-content-actual">
+                    <view class="right-content-actual pr">
+                        <!-- 二级分类 -->
+                        <view v-if="(goods_category || null) != null && goods_category.length > 0 && nav_active_index != -1 && (goods_category[nav_active_index]['items'] || null) != null && goods_category[nav_active_index]['items'].length > 0" class="word-list scroll-view-horizontal">
+                            <scroll-view scroll-x>
+                                <view :class="'word-icon dis-inline-block text-size-xs round padding-top-xs padding-bottom-xs padding-left padding-right '+((nav_active_item_index == -1) ? 'bg-main-light br-main-light cr-main' : 'br-gray cr-gray')" :data-index="nav_active_index" :data-itemindex="-1" @tap="nav_event">全部</view>
+                                <block v-for="(cv, ci) in goods_category[nav_active_index]['items']" :key="ci">
+                                    <view :class="'word-icon dis-inline-block text-size-xs round padding-top-xs padding-bottom-xs padding-left padding-right '+((nav_active_item_index != -1 && nav_active_item_index == ci) ? 'bg-main-light br-main-light cr-main' : 'br-gray cr-gray')" :data-index="nav_active_index" :data-itemindex="ci" @tap="nav_event">{{cv.name}}</view>
+                                </block>
+                            </scroll-view>
+                        </view>
+                        <!-- 右侧商品列表 -->
                         <block v-if="(data_list || null) != null && data_list.length > 0">
                             <view v-for="(item, index) in data_list" :key="index" class="item bg-white padding-main border-radius-main oh spacing-mb">
                                 <navigator :url="'/pages/goods-detail/goods-detail?id='+item.id+'&is_opt_back=1&buy_use_type_index='+buy_use_type_index+'&realstore_id='+info.id" hover-class="none">
@@ -243,6 +253,7 @@
                 goods_list: [],
                 search_keywords_value: '',
                 nav_active_index: -1,
+                nav_active_item_index: -1,
                 cart_status: false,
                 // 收藏信息
                 favor_info: {
@@ -419,7 +430,12 @@
                 });
 
                 // 分类id
-                var category_id = (this.nav_active_index == -1) ? 0 : this.goods_category[this.nav_active_index]['id'];
+                var temp_category = this.goods_category;
+                if(this.nav_active_item_index != -1) {
+                    var category_id = temp_category[this.nav_active_index]['items'][this.nav_active_item_index]['id'];
+                } else {
+                    var category_id = (this.nav_active_index == -1) ? 0 : temp_category[this.nav_active_index]['id'];
+                }
 
                 // 获取数据
                 uni.request({
@@ -1030,6 +1046,7 @@
             nav_event(e) {
                 this.setData({
                     nav_active_index: e.currentTarget.dataset.index,
+                    nav_active_item_index: e.currentTarget.dataset.itemindex,
                     data_page: 1
                 });
                 this.reset_scroll();