From cad438514d0ebd58eede95f4efe81c8d6482814d Mon Sep 17 00:00:00 2001
From: liguigong <liguigong@shopline.com>
Date: Thu, 25 Sep 2025 19:13:35 +0800
Subject: [PATCH] =?UTF-8?q?feat(f=E5=A2=9E=E6=A8=A1=E7=89=B9ittingRoom):?=
 =?UTF-8?q?=20=E6=96=B0=E9=80=89=E6=8B=A9=E4=B8=8E=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD-=20=E6=B7=BB=E5=8A=A0=E6=A8=A1=E7=89=B9?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=8A=B6=E6=80=81=E7=AE=A1=E7=90=86=E4=B8=8E?=
 =?UTF-8?q?=E5=BD=93=E5=89=8D=E6=A8=A1=E7=89=B9=E9=80=89=E4=B8=AD=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91-=20=E5=AE=9E=E7=8E=B0=E8=8E=B7=E5=8F=96=E6=A8=A1?=
 =?UTF-8?q?=E7=89=B9=E5=88=97=E8=A1=A8=E5=8F=8A=E5=88=87=E6=8D=A2=E6=A8=A1?=
 =?UTF-8?q?=E7=89=B9=E5=8A=9F=E8=83=BD=20-=20=E6=96=B0=E5=A2=9E=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E6=A8=A1=E7=89=B9=E5=9B=BE=E7=89=87=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=8F=8A=E8=B0=83=E7=94=A8=E9=80=BB=E8=BE=91-=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E6=A8=A1=E7=89=B9=E5=B1=95=E7=A4=BA=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E6=94=AF=E6=8C=81=E5=8A=A8=E6=80=81=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E6=A8=A1=E7=89=B9=E7=BC=A9=E7=95=A5=E5=9B=BE=20-=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=8E=B7=E5=8F=96=E8=A1=A3=E6=9C=8D=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=8F=8A=E5=88=9D=E5=A7=8B=E5=8C=96=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8-=20=E9=85=8D=E7=BD=AE.editorconfig=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E9=A3=8E=E6=A0=BC=20-=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E8=B0=83=E8=AF=95=E7=94=A8=E7=9A=84console.log=E5=8F=8Atoken?=
 =?UTF-8?q?=E5=86=99=E6=AD=BB=E9=80=BB=E8=BE=91=20-=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E7=BB=84=E4=BB=B6=E5=BC=95=E7=94=A8=E5=8F=8A?=
 =?UTF-8?q?=E7=94=9F=E5=91=BD=E5=91=A8=E6=9C=9F=E8=B0=83=E7=94=A8=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../fittingRoom/components/s-select-mote.vue  | 27 +++++----
 pages/fittingRoom/index.vue                   | 11 ++--
 sheep/api/fittingRoom/index.js                | 59 ++++++++++++++++++-
 sheep/store/.editorconfig                     | 11 ++++
 sheep/store/fittingRoom.js                    | 32 ++++++++--
 5 files changed, 118 insertions(+), 22 deletions(-)
 create mode 100644 sheep/store/.editorconfig

diff --git a/pages/fittingRoom/components/s-select-mote.vue b/pages/fittingRoom/components/s-select-mote.vue
index 0bb5cb5..4201965 100644
--- a/pages/fittingRoom/components/s-select-mote.vue
+++ b/pages/fittingRoom/components/s-select-mote.vue
@@ -3,7 +3,11 @@
   <view :class="['mote', { unfold: fittingRoom.visable }]">
     <view class="item" @click="expansion">
       <view class="item-text">模特</view>
-      <image class="item-image" mode="widthFix" src="/static/mote.png"></image>
+      <image
+        :src="fittingRoom.currentModel.thumbnailFileUrl"
+        class="item-image"
+        mode="aspectFill"
+      ></image>
     </view>
     <view class="item">
       <image class="shangchuan" mode="heightFix" src="/static/shangchuan.png"></image>
@@ -17,33 +21,36 @@
         limit="1"
         mode="grid"
         @select="selectPic"
-      >选择
+        >选择
       </uni-file-picker>
     </view>
-    <view class="item" @click="switchModels">
+    <view v-for="item of fittingRoom.modelList" class="item" @click="switchModels(item)">
       <view class="item-text"></view>
-      <image class="item-image" mode="widthFix" src="/static/mote.png"></image>
+      <image :src="item.thumbnailFileUrl" class="item-image" mode="aspectFill"></image>
     </view>
   </view>
 </template>
 <script setup>
+  import { onMounted, reactive, ref } from 'vue';
   import sheep from '../../../sheep';
+  import FittingRoomApi from '../../../sheep/api/fittingRoom'; // 隐藏
   const sizeType = ['original'];
   const imageStyle = {
     width: 200,
     height: 50,
   };
-
   const fittingRoom = sheep.$store('fittingRoom');
+  console.log(fittingRoom.currentModel);
 
   function selectPic(...data) {
-    console.log(fittingRoom.tab);
-    console.log('🚀 ~ selectPic 🐶47 ~ data: ', data);
+    FittingRoomApi.uploadModel(data[0].tempFiles[0].path, { sex: fittingRoom.sex }).then(() =>
+      fittingRoom.getModelList(),
+    );
   }
 
-
-  function switchModels() {
-    console.log("🚀 ~  ~ fittingRoom: ", 12);
+  function switchModels(item) {
+    fittingRoom.switchModels(item);
+    console.log('🚀 ~  ~ fittingRoom: ', item);
   }
 
   console.log('🚀 ~  🐶9 ~ fittingRoom: ', fittingRoom);
diff --git a/pages/fittingRoom/index.vue b/pages/fittingRoom/index.vue
index 9fc19c4..87b72f7 100644
--- a/pages/fittingRoom/index.vue
+++ b/pages/fittingRoom/index.vue
@@ -30,7 +30,7 @@
 </template>
 
 <script setup>
-  import { computed, reactive, ref } from 'vue';
+  import { computed, reactive, onMounted } from 'vue';
   import { onLoad, onPageScroll, onPullDownRefresh } from '@dcloudio/uni-app';
   import sheep from '@/sheep';
   import SSelectMote from './components/s-select-mote.vue';
@@ -39,7 +39,7 @@
   import FittingRoomApi from '../../sheep/api/fittingRoom'; // 隐藏原生tabBar
 
   const fittingRoomStore = sheep.$store('fittingRoom');
-
+  uni.setStorageSync('token', '42be01f1a6c54ea591c991b5da0977c0');
   sheep.$helper.toast('请选择是否同意协议');
   // 隐藏原生tabBar
   uni.hideTabBar({
@@ -50,10 +50,11 @@
     console.log(index, item, '12');
   }
 
-  fittingRoomStore.getCloths().then((res) => {
-    console.log(res, 'res');
+  onMounted(() => {
+    fittingRoomStore.getCategory();
+    fittingRoomStore.getCloths();
+    fittingRoomStore.getModelList();
   });
-
   const state = reactive({
     info: [
       {
diff --git a/sheep/api/fittingRoom/index.js b/sheep/api/fittingRoom/index.js
index e18490a..cb58823 100644
--- a/sheep/api/fittingRoom/index.js
+++ b/sheep/api/fittingRoom/index.js
@@ -2,20 +2,73 @@
  * @Author: liguigong liguigong@shopline.com
  * @Date: 2025-09-23 09:41:10
  * @LastEditors: liguigong liguigong@shopline.com
- * @LastEditTime: 2025-09-23 09:44:50
+ * @LastEditTime: 2025-09-25 18:01:03
  * @FilePath: sheep/api/fittingRoom/index.js
  * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
  */
-import request from '@/sheep/request';
+import request, { getAccessToken } from '@/sheep/request';
+import { apiPath, baseUrl, tenantId } from '../../config';
 
 const FittingRoomApi = {
   getClothList: (data) => {
     return request({
-      url: 'cloth/list',
+      url: '/cloth/list',
       method: 'POST',
       data: data,
     });
   },
+  // 上传模特
+  uploadModel: (file, formData = {}) => {
+    uni.showLoading({
+      title: '上传中',
+    });
+    return new Promise((resolve, reject) => {
+      uni.uploadFile({
+        url: baseUrl + apiPath + '/cloth/uploadModel',
+        filePath: file,
+        name: 'file',
+        header: {
+          Accept: '*/*',
+          Authorization: getAccessToken(),
+        },
+        formData,
+        success: (uploadFileRes) => {
+          console.log('🚀 ~ success 🐶43 ~ uploadFileRes: ', uploadFileRes);
+          let result = JSON.parse(uploadFileRes.data);
+          if (result.error === 1) {
+            uni.showToast({
+              icon: 'none',
+              title: result.msg,
+            });
+          } else {
+            return resolve(result);
+          }
+        },
+        fail: (error) => {
+          console.log('上传失败：', error);
+          return resolve(false);
+        },
+        complete: () => {
+          uni.hideLoading();
+        },
+      });
+    });
+  },
+
+  getModelList: (data) => {
+    return request({
+      url: '/cloth/getModelList',
+      method: 'POST',
+      data: data,
+    });
+  },
+  // 得到分类
+  getCategory: () => {
+    return request({
+      url: '/product/category/tree',
+      method: 'GET',
+    });
+  },
   addHairApi: (data) => {
     return request({
       url: '/userinfo/add_hair_data',
diff --git a/sheep/store/.editorconfig b/sheep/store/.editorconfig
new file mode 100644
index 0000000..aa33097
--- /dev/null
+++ b/sheep/store/.editorconfig
@@ -0,0 +1,11 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = false
diff --git a/sheep/store/fittingRoom.js b/sheep/store/fittingRoom.js
index 0cb9c72..6002d53 100644
--- a/sheep/store/fittingRoom.js
+++ b/sheep/store/fittingRoom.js
@@ -21,15 +21,17 @@ const fittingRoom = defineStore({
   id: 'fittingRoom',
   state: () => ({
     visable: false, // 上传模特, 选模特的
+    modelList: [], // 模特列表
+    currentModel: {},
     type: true, // true: 我的衣橱, false: 衣服库
     tab: 0, // 对应下面tabs的序号
     tabs: ['全部', '上衣', '下装', '连衣裙', '外套', '套装', '发型'],
     disableTabs: [6], // 不允许上传图的tab索引
     clothes: [], // 接口返回的衣服数据
-    clothes: [], // 接口返回的衣服数据
     currentClothes: [], // 当前选的衣服
     selectClothesType: 1, // 选中的衣服类型, 默认选中上衣
     selectPattern: pattern[0].value,
+    sex: 'female',
   }),
   getters: {
     // 能上传图片的场景
@@ -40,6 +42,11 @@ const fittingRoom = defineStore({
     },
   },
   actions: {
+    // 获取衣服分类
+    async getCategory(templateId = null) {
+      const httpResponse = await FittingRoomApi.getCategory();
+      this.clothes = httpResponse.result || [];
+    },
     // 获取衣服类型数据查询
     async getCloths(templateId = null) {
       const httpResponse = await FittingRoomApi.getClothList({
@@ -47,16 +54,33 @@ const fittingRoom = defineStore({
         isPerson: this.type ? 'yes' : 'no',
         clothType: tabsMap[this.tab],
       });
-      console.log('🚀 ~ getCloths 🐶33 ~ httpResponse: ', httpResponse.result);
       this.clothes = httpResponse.result || [];
     },
+    // 获取模特数据查询
+    async getModelList(templateId = null) {
+      const httpResponse = await FittingRoomApi.getModelList({
+        sex: this.sex,
+      });
+      let modelList = (httpResponse.result || []).slice(0, 4);
+      this.modelList = modelList;
+      this.currentModel = modelList?.[0] ?? {};
+    },
+    // 切换模特
+    switchModels(item) {
+      if (item.id === this.currentModel.id) {
+        return;
+      }
+      // TODO:
+      console.log('🚀 ~ switchModels 🐶70 ~ item: ', item);
+      this.currentModel = item;
+    },
     setVisable(visable) {
-      console.log('🚀 ~ setVisable 🐶36 ~ visable: ', visable);
+      console.log('🚀 ~ setVisable 🐶77 ~ visable: ', visable);
       this.visable = visable ?? !this.visable;
     },
     // 我的衣服库和衣橱的切换
     changeType(visable) {
-      console.log('🚀 ~ setVisable 🐶40 ~ visable: ', visable);
+      console.log('🚀 ~ setVisable 🐶82 ~ visable: ', visable);
       this.type = visable ?? !this.type;
       this.getCloths();
     },