From 657631f5bf9a30f43c5c6848866afd018457f1a5 Mon Sep 17 00:00:00 2001
From: guigongli <3328921305@qq.com>
Date: Fri, 19 Sep 2025 22:43:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(fittingRoom):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E5=8A=9F=E8=83=BD=E5=B9=B6=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 fittingRoom.js 中添加 disableTabs 数组，用于控制不允许上传的分类- 修改 canUpload getter，使用 disableTabs 判断是否允许上传
- 更新 s-grid-clothes.vue 和 s-select-mote.vue 组件，增加上传功能
- 调整上传按钮样式和布局
---
 .../fittingRoom/components/s-grid-clothes.vue | 15 +++++---
 .../fittingRoom/components/s-select-mote.vue  | 37 ++++++++++++++++++-
 sheep/store/fittingRoom.js                    |  4 +-
 3 files changed, 49 insertions(+), 7 deletions(-)

diff --git a/pages/fittingRoom/components/s-grid-clothes.vue b/pages/fittingRoom/components/s-grid-clothes.vue
index d9be4d2..db74077 100644
--- a/pages/fittingRoom/components/s-grid-clothes.vue
+++ b/pages/fittingRoom/components/s-grid-clothes.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: liguigong liguigong@shopline.com
  * @Date: 2025-09-19 16:26:36
- * @LastEditors: liguigong liguigong@shopline.com
- * @LastEditTime: 2025-09-19 19:17:22
+ * @LastEditors:
+ * @LastEditTime: 2025-09-19 22:34:40
  * @FilePath: pages/fittingRoom/components/s-grid-clothes.vue
  * @Description: 这是默认设置,可以在设置》工具》File Description中进行配置
  -->
@@ -32,9 +32,9 @@
               limit="1"
               mode="grid"
               @select="selectPic"
-              >选择</uni-file-picker
-            ></template
-          >
+              >选择
+            </uni-file-picker>
+          </template>
           <image v-else class="clothes" mode="aspectFill" src="/static/yifu1.png"></image>
         </view>
       </uni-grid-item>
@@ -43,6 +43,7 @@
 </template>
 <script setup>
   import sheep from '@/sheep';
+
   const fittingRoom = sheep.$store('fittingRoom');
 
   function selectPic(...data) {
@@ -73,10 +74,12 @@
     overflow: hidden;
     position: relative;
   }
+
   .clothes {
     width: 100%;
     height: 100%;
   }
+
   .upload {
     top: 0;
     left: 0;
@@ -85,6 +88,7 @@
     position: absolute;
     opacity: 0;
   }
+
   .inUse {
     position: absolute;
     top: 0;
@@ -93,6 +97,7 @@
     bottom: 0;
     background: rgba(0, 0, 0, 0.1);
     z-index: 3;
+
     .edit {
       color: #000;
       right: 14rpx;
diff --git a/pages/fittingRoom/components/s-select-mote.vue b/pages/fittingRoom/components/s-select-mote.vue
index 89f7c34..2f2b5dd 100644
--- a/pages/fittingRoom/components/s-select-mote.vue
+++ b/pages/fittingRoom/components/s-select-mote.vue
@@ -7,8 +7,20 @@
     </view>
     <view class="item">
       <image class="shangchuan" mode="heightFix" src="/static/shangchuan.png"></image>
+      <uni-file-picker
+        :auto-upload="false"
+        :del-icon="false"
+        :disable-preview="true"
+        :image-styles="imageStyle"
+        :sizeType="sizeType"
+        class="upload"
+        limit="1"
+        mode="grid"
+        @select="selectPic"
+      >选择
+      </uni-file-picker>
     </view>
-    <view class="item">
+    <view class="item" @click="switchModels">
       <view class="item-text"></view>
       <image class="item-image" mode="widthFix" src="/static/mote.png"></image>
     </view>
@@ -16,9 +28,24 @@
 </template>
 <script setup>
   import sheep from '../../../sheep';
+  const sizeType = ['original'];
+  const imageStyle = {
+    width: 200,
+    height: 200,
+  };
 
   const fittingRoom = sheep.$store('fittingRoom');
 
+  function selectPic(...data) {
+    console.log(fittingRoom.tab);
+    console.log('🚀 ~ selectPic 🐶47 ~ data: ', data);
+  }
+
+
+  function switchModels() {
+    console.log("🚀 ~  ~ fittingRoom: ", 12);
+  }
+
   console.log('🚀 ~  🐶9 ~ fittingRoom: ', fittingRoom);
 
   function expansion(e) {
@@ -72,6 +99,14 @@
     height: 76rpx;
   }
 
+  .upload {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
   .item-image {
     width: 100%;
     height: 100%;
diff --git a/sheep/store/fittingRoom.js b/sheep/store/fittingRoom.js
index ea614a1..c6248b9 100644
--- a/sheep/store/fittingRoom.js
+++ b/sheep/store/fittingRoom.js
@@ -8,13 +8,15 @@ const fittingRoom = defineStore({
     type: true, // true: 我的衣橱, false: 衣服库
     tab: 0, // 对应下面tabs的序号
     tabs: ['全部', '上衣', '下装', '连衣裙', '外套', '发型'],
+    disableTabs: [5],  // 不允许上传图的tab索引
     currentClothes: [], // 当前选的衣服
   }),
   getters: {
     // 能上传图片的场景
     canUpload(state) {
       console.log(this.type, this.tab, state.type, '123');
-      return this.type && this.tab > 0;
+      // 除了发型其他都能上传
+      return this.type && !this.disableTabs.includes(this.tab);
     },
   },
   actions: {