增加数据看板卡片功能

@CONTROL/数据看板/CONTROL-BASE.vue.ftl

@@ -32,12 +32,19 @@
     </#macro>
     <#if (layout == 'TABLE_24COL' || layout == 'TABLE_12COL') && LayoutPos??><#t>
       <i-col<#if LayoutPos.getColXS() != -1> :xs="{ span: <@format_numer LayoutPos.getColXS()*multiple/>, offset: <#if LayoutPos.getColXSOffset() != -1><@format_numer LayoutPos.getColXSOffset()*multiple /><#else>0</#if> }"</#if><#if LayoutPos.getColSM() != -1> :sm="{ span: <@format_numer LayoutPos.getColSM()*multiple />, offset: <#if LayoutPos.getColSMOffset() != -1><@format_numer LayoutPos.getColSMOffset()*multiple /><#else>0</#if> }"</#if><#if LayoutPos.getColMD() != -1> :md="{ span: <@format_numer LayoutPos.getColMD()*multiple />, offset: <#if LayoutPos.getColMDOffset() != -1><@format_numer LayoutPos.getColMDOffset()*multiple /><#else>0</#if> }"</#if><#if LayoutPos.getColLG() != -1> :lg="{ span: <@format_numer LayoutPos.getColLG()*multiple />, offset: <#if LayoutPos.getColLGOffset() != -1><@format_numer LayoutPos.getColLGOffset()*multiple /><#else>0</#if> }"</#if>>
+        <#if portlet.getPSPortlets?? portlet.getPSPortlets()??>
         <card class="portlet-card" :bordered="false" dis-hover :padding="0">
+        <#else>
+        <card class="portlet-card custom-card" :bordered="false" dis-hover :padding="10">
+        </#if>
           <#if portlet.getPortletType() == 'CONTAINER' && portlet.isShowTitleBar() && portlet.getTitle()?has_content>
+          <#if ctrl.getViewStyle?? && ctrl.getViewStyle()?? && ctrl.getViewStyle != 'DEFAULT'>
+          <#else>
           <p slot='title'>
             ${portlet.getTitle()}
             <span class="line"></span>
           </p>
+          </#if>
           <a slot='extra'></a>
           </#if> 
           <span>
@@ -49,12 +56,19 @@
       </i-col>
     <#--  ELSE：门户部件绘制，Flex  -->
     <#else>
-      <card class="portlet-card" :bordered="false" dis-hover :padding="0">
+      <#if portlet.getPSPortlets?? portlet.getPSPortlets()??>
+        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
+        <#else>
+        <card class="portlet-card custom-card" :bordered="false" dis-hover :padding="10">
+        </#if>
         <#if portlet.getPortletType() == 'CONTAINER' && portlet.isShowTitleBar() && portlet.getTitle()?has_content>
-        <p slot='title'>
-          ${portlet.getTitle()}
-          <span class="line"></span>
-        </p>
+        <#if ctrl.getViewStyle?? && ctrl.getViewStyle()?? && ctrl.getViewStyle != 'DEFAULT'>
+          <#else>
+          <p slot='title'>
+            ${portlet.getTitle()}
+            <span class="line"></span>
+          </p>
+          </#if>
         <a slot='extra'></a>
         </#if> 
         <span>

@CONTROL/数据看板/CONTROL.less.ftl

@@ -18,7 +18,18 @@
           }
         }
       }
-    }   
+    }  
+
+    .portlet-card {
+      background-color: #f0f0f0;
+    }
+
+    .custom-card {
+      background-color: #ffffff;
+      margin: 5px;
+      box-shadow: 1px 1px 5px rgb(209, 205, 205);
+    }
+ 
 }
 
 <#ibizinclude>