|
|
|
@ -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){
|
|
|
|
|