feat(fittingRoom): 新增发型优化试穿功能并-模型选择逻辑Api 在 FittingRoom 中新增发型试穿接口 hairstyleTryOnApi

- 修改 getModelList 方法支持根据 modelId 初始化当前模型
-优化试穿逻辑，根据 tab 切换调用不同试穿接口- 页面加载时根据 URL 参数初始化模型和测试结果
-修复 swiper 组件当前索引绑定问题
-限制模型列表显示数量为 4个
- 更新 README 文档，添加发型试穿链接和测试地址

pages/fittingRoom/components/s-select-mote.vue

@@ -24,7 +24,11 @@
         >选择
       </uni-file-picker>
     </view>
-    <view v-for="item of fittingRoom.modelList" class="item" @click="switchModels(item)">
+    <view
+      v-for="item of fittingRoom.modelList.slice(0, 4)"
+      class="item"
+      @click="switchModels(item)"
+    >
       <view class="item-text"></view>
       <image :src="item.thumbnailFileUrl" class="item-image" mode="aspectFill"></image>
     </view>

pages/fittingRoom/index.vue

@@ -11,13 +11,13 @@
       >
         <swiper
           :autoplay="false"
+          :current="fittingRoomStore.swiperCurrentIndex"
           :duration="500"
           :interval="5000"
           :next-margin="'160rpx'"
           :previous-margin="'160rpx'"
           circular
           class="swiper"
-          current="0"
           @change="swiperChange"
         >
           <swiper-item v-for="(item, index) in fittingRoomStore.testResults" :key="index">
@@ -76,16 +76,7 @@
     fittingRoomStore.swiperCurrentIndex = event.detail.current;
   }
 
-  onMounted(() => {
-    fittingRoomStore.getCategory();
-    fittingRoomStore.getCloths();
-    fittingRoomStore.getModelList();
-    timer = setInterval(() => {
-      // TODO: 检测到还有没生成图的, 获取最新数据
-      // fittingRoomStore.generatingLoading &&
-      //   fittingRoomStore.getTestResults(fittingRoomStore.currentModel?.id);
-    }, 6000);
-  });
+  onMounted(() => {});
   onUnload(() => {
     // 移除全局监听
     clearInterval(timer);
@@ -112,8 +103,24 @@
   // const template = computed(() => sheep.$store('app').template?.home);
 
   onLoad((options) => {
-    uni.setStorageSync('token', options?.token ?? '92d2805a85ca422e90dd7d50eef49a85');
+    uni.setStorageSync('token', options?.token ?? '86e0032580ac4ca8b1f4f5e9395d1cf8');
     console.log('🚀 ~ URL上的token  ~ options?.token: ', options?.token);
+    fittingRoomStore.getCategory();
+    fittingRoomStore.getCloths();
+    timer = setInterval(() => {
+      // TODO: 检测到还有没生成图的, 获取最新数据
+      // fittingRoomStore.generatingLoading &&
+      //   fittingRoomStore.getTestResults(fittingRoomStore.currentModel?.id);
+    }, 6000);
+    if (options?.modelId && options?.id) {
+      fittingRoomStore.getModelList(options?.modelId);
+      fittingRoomStore.getTestResults(options?.modelId).then((res) => {
+        console.log('🚀 ~ index.vue ~ L118');
+        fittingRoomStore.swiperCurrentIndex = res.findIndex((res) => res.id === options?.id);
+      });
+    } else {
+      fittingRoomStore.getModelList();
+    }
   });
 
   // 下拉刷新
@@ -121,7 +128,7 @@
     // sheep.$store('app').init();
     if (fittingRoomStore.currentModel?.id) {
       fittingRoomStore.getTestResults(fittingRoomStore.currentModel?.id).then(() => {
-        console.log('➤➤➤ ~ index.vue ~ L124');
+        console.log('➤➤➤ ~ index.vue ~ L127');
         uni.stopPullDownRefresh();
       });
     } else {