<div class='dashboard'> <row v-if="isEnableCustomized"> <app-build @handleClick="handleClick.apply(_self, arguments)"></app-build> </row> <row v-if="!isHasCustomized"> <i-col :md="{ span: 24, offset: 0 }"> <card class="portlet-card" :bordered="false" dis-hover :padding="0"> <span> <div class='portlet-container summary-viewdashboard-container1 portlet-container-no-border' :style="{}"> <row> <i-col :md="{ span: 24, offset: 0 }"> <div class="portlet-without-title"> <card class="portlet-card" :bordered="false" dis-hover :padding="0"> <span> <view_dashboard_sysportlet1 :viewState="viewState" :viewparams="viewparams" :context="context" :height="0" :width="0" name="dashboard_sysportlet1" ref='dashboard_sysportlet1' @closeview="closeView($event)"> </view_dashboard_sysportlet1> </span> </card> </div> </i-col> </row> </div> </span> </card> </i-col> </row> <row v-if="isHasCustomized" style="width: 100%;min-height: calc(100% - 40px);"> <div class="portlet-container" style="position: relative;width:100%;"> <template v-for="(item, index) of modelDta"> <div :key="index" :style="{zIndex: 10, position: 'absolute', height: item.h*layoutRowH + 'px', width: `calc(100% / ${layoutColNum} * ${item.w})`,top: item.y*layoutRowH + 'px', left: `calc(100% / ${layoutColNum} * ${item.x})`}"> <component :key="$util.createUUID()" :is="item.componentName" :name="item.portletCodeName" :context="JSON.parse(JSON.stringify(context))" :viewDefaultUsage="false" :isAdaptiveSize="true" :viewState="viewState"></component> </div> </template> </div> </row> </div>