feat(fittingRoom): 实现衣服数据获取与tab切换功能

新增 fittingRoom 接口调用逻辑，支持根据 tab 类型加载对应衣服列表。
在 store 中增加 `clothes` 数据字段，并通过 `getCloths` 方法请求数据。页面组件中更新 tab 切换逻辑以触发数据刷新，并调整模板绑定方式。
添加 `tabsMap` 映射表用于匹配接口所需 clothType 参数。

pages/fittingRoom/components/STabs.vue

@@ -2,7 +2,7 @@
  * @Author: liguigong liguigong@shopline.com
  * @Date: 2025-09-19 16:26:36
  * @LastEditors: liguigong liguigong@shopline.com
- * @LastEditTime: 2025-09-19 17:56:16
+ * @LastEditTime: 2025-09-22 19:17:46
  * @FilePath: pages/fittingRoom/components/STabs.vue
  * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
  -->
@@ -43,6 +43,7 @@
 
   function changeTab(index) {
     console.log('当前选中的项：' + index);
+    fittingRoom.changeTab(index);
   }
 </script>
 <style lang="scss" scoped>

pages/fittingRoom/components/s-grid-clothes.vue

@@ -1,21 +1,25 @@
 <!--
  * @Author: liguigong liguigong@shopline.com
  * @Date: 2025-09-19 16:26:36
- * @LastEditors:
- * @LastEditTime: 2025-09-19 22:34:40
+ * @LastEditors: liguigong liguigong@shopline.com
+ * @LastEditTime: 2025-09-22 19:35:35
  * @FilePath: pages/fittingRoom/components/s-grid-clothes.vue
  * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
  -->
 <template>
   <view class="tabContainer">
     <uni-grid :column="4" :highlight="true" :square="false" borderColor="#000" @change="change">
-      <uni-grid-item v-for="(item, index) in 7" :key="index" :index="index + 100">
+      <uni-grid-item
+        v-for="(item, index) in fittingRoomStore.clothes"
+        :key="index"
+        :index="index + 100"
+      >
         <view class="grid-item-box" style="background-color: #fff">
           <view v-if="index == 3" class="inUse">
             <view class="edit" @click="goEdit">编辑</view>
           </view>
 
-          <template v-if="fittingRoom.canUpload && index === 0">
+          <template v-if="fittingRoomStore.canUpload && index === 0">
             <image
               class="clothes"
               mode="aspectFill"
@@ -44,10 +48,10 @@
 <script setup>
   import sheep from '@/sheep';
 
-  const fittingRoom = sheep.$store('fittingRoom');
+  const fittingRoomStore = sheep.$store('fittingRoom');
 
   function selectPic(...data) {
-    console.log(fittingRoom.tab);
+    console.log(fittingRoomStore.tab);
     console.log('🚀 ~ selectPic 🐶47 ~ data: ', data);
   }
 
@@ -64,7 +68,7 @@
   }
 
   function change(e) {
-    fittingRoom.changeClothes();
+    fittingRoomStore.changeClothes();
     console.log('🚀 ~ change 🐶25 ~ index: ', e.detail.index);
   }
 </script>

pages/fittingRoom/index.vue

@@ -3,19 +3,19 @@
     <view class="uni-margin-wrap">
       <!--    https://ext.dcloud.net.cn/plugin?id=22930-->
       <hbxw-stack-carousel
-        @click="handleItemClick"
+        :key="state.info"
+        :height="680"
         :interval="15000"
         :list="state.info"
         :width="430"
-        :height="680"
-        loop
-        :key="state.info"
         indicatorStyle="line"
+        loop
         @change="handleChange"
+        @click="handleItemClick"
       >
         <template #default="{ item, index }">
           <view class="custom-item">
-            <image class="swiper-image" :src="item.image" mode="aspectFill" />
+            <image :src="item.image" class="swiper-image" mode="aspectFill" />
           </view>
         </template>
       </hbxw-stack-carousel>
@@ -35,9 +35,10 @@
   import sheep from '@/sheep';
   import SSelectMote from './components/s-select-mote.vue';
   import STabs from './components/STabs.vue';
-  import SGridClothes from './components/s-grid-clothes.vue'; // 隐藏原生tabBar
+  import SGridClothes from './components/s-grid-clothes.vue';
+  import FittingRoomApi from '../../sheep/api/fittingRoom'; // 隐藏原生tabBar
 
-  const fittingRoom = sheep.$store('fittingRoom');
+  const fittingRoomStore = sheep.$store('fittingRoom');
 
   sheep.$helper.toast('请选择是否同意协议');
   // 隐藏原生tabBar
@@ -49,23 +50,9 @@
     console.log(index, item, '12');
   }
 
-  const carouselList = [
-    {
-      image: 'https://picsum.photos/600/300?random=1',
-    },
-    {
-      image: 'https://picsum.photos/600/300?random=2',
-    },
-    {
-      image: 'https://picsum.photos/600/300?random=3',
-    },
-    {
-      image: 'https://picsum.photos/600/300?random=4',
-    },
-    {
-      image: 'https://picsum.photos/600/300?random=5',
-    },
-  ];
+  fittingRoomStore.getCloths().then((res) => {
+    console.log(res, 'res');
+  });
 
   const state = reactive({
     info: [
@@ -77,14 +64,14 @@
       },
       {
         image: 'https://picsum.photos/600/300?random=3',
-      }
+      },
     ],
     current: 0,
   });
   function handleChange(index, oldIndex) {
     // state.current = index;
-    console.log('---- change ----', index, oldIndex)
-  };
+    console.log('---- change ----', index, oldIndex);
+  }
 
   function dian() {
     state.info = [
@@ -103,7 +90,7 @@
       {
         image: 'https://picsum.photos/600/300?random=5',
       },
-    ]
+    ];
   }
   const swiperChange = (e) => {
     state.current = e.detail.current;