Pārlūkot izejas kodu

feat(storeDecoration): 优化多图上传控件显示逻辑

- 当上传图片数量达到上限时隐藏上传按钮
- 添加 upload-full 类控制样式状态
- 更新表单验证规则适应新交互
congxuesong 2 nedēļas atpakaļ
vecāks
revīzija
10ee36a024
1 mainītis faili ar 6 papildinājumiem un 1 dzēšanām
  1. 6 1
      src/views/storeDecoration/storeHeadMap/index.vue

+ 6 - 1
src/views/storeDecoration/storeHeadMap/index.vue

@@ -105,7 +105,7 @@
         <!-- 多图模式上传 -->
         <el-form v-if="mode === 'multiple'" ref="multipleFormRef" :model="formData" :rules="multipleRules" label-width="0">
           <el-form-item prop="multipleImages">
-            <div class="multiple-upload-wrapper">
+            <div class="multiple-upload-wrapper" :class="{ 'upload-full': formData.multipleImages.length >= 6 }">
               <UploadImgs
                 v-model:file-list="formData.multipleImages"
                 :limit="6"
@@ -735,6 +735,11 @@ const handleSave = async () => {
     .multiple-upload-wrapper {
       display: flex;
       justify-content: center;
+      &.upload-full {
+        :deep(.el-upload--picture-card) {
+          display: none !important;
+        }
+      }
     }
     .upload-tip {
       margin-top: 12px;