From edad37ec791cf956a9e8027fae7682afde4b4736 Mon Sep 17 00:00:00 2001
From: Administrator <123456>
Date: Wed, 4 Aug 2021 10:27:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=B1=E6=80=9D=E7=A6=B9=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=EF=BC=9A=E6=8F=90=E4=BA=A4=E6=A8=A1=E5=9D=97=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../moduleAndLayout/ModuleMain.vue            | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/src/views/superFusionPlatform/mainPlatform/moduleAndLayout/ModuleMain.vue b/src/views/superFusionPlatform/mainPlatform/moduleAndLayout/ModuleMain.vue
index bee65f7..d326b1b 100644
--- a/src/views/superFusionPlatform/mainPlatform/moduleAndLayout/ModuleMain.vue
+++ b/src/views/superFusionPlatform/mainPlatform/moduleAndLayout/ModuleMain.vue
@@ -7,7 +7,7 @@
                 </a-divider>
                 <draggable v-model="moduleType.module_list" class="clearfix module-draggable-style" :sort="true" handle=".move">
                     <module-base v-for="item,index in moduleType.module_list" :key="item"
-                                 :module-data="{module_type_id:moduleType.module_type_id,module_id:item}"
+                                 :module-data="{module_type_id:moduleType.module_type_id,module_id:item,size:getModuleSize(index)}"
                                  :style="{width:getWidth(index),margin:getMarginStyle(moduleType.module_list.length,index)}"/>
                 </draggable>
             </div>
@@ -44,6 +44,39 @@
             ModuleBase
         },
         methods:{
+            getModuleSize:function(index){
+                let num = 0;
+                if (this.layout <= 2){
+                    num = index % 3;
+                }else if (this.layout === 3){
+                    num = index % 2;
+                }else{
+                    num = index % 4;
+                }
+
+                switch (num) {
+                    case 0:
+                        if (this.layout <= 1 || this.layout === 4){
+                            return 'small'
+                        }else{
+                            return 'large'
+                        }
+                    case 1:
+                        if (this.layout === 1 || this.layout === 2 || this.layout === 4){
+                            return 'small'
+                        }else{
+                            return 'large'
+                        }
+                    case 2:
+                        if(this.layout === 1){
+                            return 'large'
+                        }else{
+                            return 'small'
+                        }
+                    case 3:
+                        return 'small'
+                }
+            },
             getWidth:function(index){
                 let num = 0;
                 if (this.layout <= 2){