Skip to content

iBiz-Vue-R7-Plus
iBiz-Vue-R7-Plus
提交 6807111d 编写于 作者: WodahsOrez's avatar WodahsOrez
浏览文件
操作

lxm--看板视图默认卡片模式，支持无缝模式

上级 9fbf6b61
隐藏空白字符变更
内嵌 并排
正在显示 包含 39 行增加 和 30 行删除
@CONTROL/数据看板/CONTROL-BASE.vue.ftl
浏览文件 @ 6807111d
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<#if layout == 'TABLE_24COL' && LayoutPos??><#t> <#if layout == 'TABLE_24COL' && LayoutPos??><#t>
<i-col<#if LayoutPos.getColXS() != -1> :xs="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColSM() != -1> :sm="{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColMD() != -1> :md="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColLG() != -1> :lg="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }"</#if>> <i-col<#if LayoutPos.getColXS() != -1> :xs="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColSM() != -1> :sm="{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if>}"</#if><#if LayoutPos.getColMD() != -1> :md="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColLG() != -1> :lg="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }"</#if>>
<card :bordered="false" dis-hover :padding="0"> <card :bordered="false" dis-hover :padding="0">
<#if portlet.isShowTitleBar()> <#if portlet.isShowTitleBar() && ctrl.getTitle()??>
<p slot='title'> <p slot='title'>
${portlet.getTitle()} ${portlet.getTitle()}
<span class="line"></span> <span class="line"></span>
...@@ -35,7 +35,7 @@ ${P.getCtrlCode(portlet, 'CONTROL.html').code} ...@@ -35,7 +35,7 @@ ${P.getCtrlCode(portlet, 'CONTROL.html').code}
</i-col> </i-col>
<#else> <#else>
<card :bordered="false" dis-hover :padding="0"> <card :bordered="false" dis-hover :padding="0">
<#if portlet.isShowTitleBar()><#t> <#if portlet.isShowTitleBar() && ctrl.getTitle()??><#t>
<p slot='title'> <p slot='title'>
${portlet.getTitle()} ${portlet.getTitle()}
</p> </p>
...@@ -50,7 +50,7 @@ ${P.getCtrlCode(portlet, 'CONTROL.html').code} ...@@ -50,7 +50,7 @@ ${P.getCtrlCode(portlet, 'CONTROL.html').code}
</#if> </#if>
<#if layout == 'FLEX'> <#if layout == 'FLEX'>
<card :bordered="false" dis-hover :padding="0"> <card :bordered="false" dis-hover :padding="0">
<#if portlet.isShowTitleBar()><#t> <#if portlet.isShowTitleBar() && ctrl.getTitle()??><#t>
<p slot='title'> <p slot='title'>
${portlet.getTitle()} ${portlet.getTitle()}
</p> </p>
...@@ -70,7 +70,7 @@ ${P.getCtrlCode(portlet, 'CONTROL.html').code} ...@@ -70,7 +70,7 @@ ${P.getCtrlCode(portlet, 'CONTROL.html').code}
</#list> </#list>
</row> </row>
<row v-if="isHasCustomized" style="width: 100%;min-height: calc(100% - 40px);"> <row v-if="isHasCustomized" style="width: 100%;min-height: calc(100% - 40px);">
<div class="container" style="position: relative;width:100%;"> <div class="portlet-container" style="position: relative;width:100%;">
<template v-for="(item, index) of modelDta"> <template v-for="(item, index) of modelDta">
<#noparse><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})`,'padding':'8px'}"></#noparse> <#noparse><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})`,'padding':'8px'}"></#noparse>
<component :key="$util.createUUID()" :is="item.componentName" :name="item.portletCodeName" :context="JSON.parse(JSON.stringify(context))" :viewDefaultUsage="false" :isAdaptiveSize="true" :viewState="viewState"></component> <component :key="$util.createUUID()" :is="item.componentName" :name="item.portletCodeName" :context="JSON.parse(JSON.stringify(context))" :viewDefaultUsage="false" :isAdaptiveSize="true" :viewState="viewState"></component>
......
@CONTROL/门户部件/CONTROL-BASE.vue.ftl
浏览文件 @ 6807111d
<#if ctrl.getPortletType() == 'CONTAINER'>
<#assign portletClass = "portlet-container">
<#assign portletHeight = "100%">
<#assign portletWidth = "100%">
<#esle>
<#assign portletHeight = "clac(100% - 16px)">
<#assign portletWidth = "clac(100% - 16px)">
<#assign portletClass = "portlet">
</#if>
<template> <template>
<div class='porlet ${srffilepath2(ctrl.getCodeName())}' :style="{<#if (ctrl.getHeight?? && ctrl.getHeight() gt 0)>'height': isAdaptiveSize ? '100%' : '${ctrl.getHeight()?c}px',</#if><#if (ctrl.getWidth?? && ctrl.getWidth() gt 0)>'width': isAdaptiveSize ? '100%' : '${ctrl.getWidth()?c}px '</#if>}"> <div class='${portletClass} ${srffilepath2(ctrl.getCodeName())}' :style="{<#if (ctrl.getHeight?? && ctrl.getHeight() gt 0)>'height': isAdaptiveSize ? '${portletHeight}' : '${ctrl.getHeight()?c}px',</#if><#if (ctrl.getWidth?? && ctrl.getWidth() gt 0)>'width': isAdaptiveSize ? '${portletWidth}' : '${ctrl.getWidth()?c}px '</#if>}">
<#if ctrl.getPortletType?? && ctrl.getPortletType()??><#t> <#if ctrl.getPortletType?? && ctrl.getPortletType()??><#t>
<#-- 视图 --> <#-- 视图 -->
<#if ctrl.getPortletType() == 'VIEW' && ctrl.getPortletPSAppView?? && ctrl.getPortletPSAppView()??><#t> <#if ctrl.getPortletType() == 'VIEW' && ctrl.getPortletPSAppView?? && ctrl.getPortletPSAppView()??><#t>
<#if ctrl.isShowTitleBar()> <#if ctrl.isShowTitleBar() && ctrl.getTitle()??>
<p class='porlet-title'> <p class='portlet-title'>
${ctrl.getTitle()} ${ctrl.getTitle()}
</p> </p>
</#if> </#if>
<div class="<#if ctrl.isShowTitleBar()>portlet-width-title<#else>portlet-widthout-title</#if>"> <div class="<#if ctrl.isShowTitleBar()>portlet-with-title<#else>portlet-without-title</#if>">
<#assign refview = ctrl.getPortletPSAppView()><#t> <#assign refview = ctrl.getPortletPSAppView()><#t>
<${srffilepath2(refview.getCodeName())} :viewdata="JSON.stringify(context)" :viewDefaultUsage="false" ></${srffilepath2(refview.getCodeName())}> <${srffilepath2(refview.getCodeName())} :viewdata="JSON.stringify(context)" :viewDefaultUsage="false" ></${srffilepath2(refview.getCodeName())}>
</div> </div>
<#-- 菜单 --> <#-- 菜单 -->
<#elseif ctrl.getPortletType() == 'APPMENU'><#t> <#elseif ctrl.getPortletType() == 'APPMENU'><#t>
<#if ctrl.isShowTitleBar()> <#if ctrl.isShowTitleBar() && ctrl.getTitle()??>
<p class='porlet-title'> <p class='portlet-title'>
${ctrl.getTitle()} ${ctrl.getTitle()}
</p> </p>
</#if> </#if>
<div class="<#if ctrl.isShowTitleBar()>portlet-width-title<#else>portlet-widthout-title</#if>"> <div class="<#if ctrl.isShowTitleBar()>portlet-with-title<#else>portlet-without-title</#if>">
<#assign appmenu = ctrl.getPSAppMenu()><#t> <#assign appmenu = ctrl.getPSAppMenu()><#t>
<@ibizindent blank=6> <@ibizindent blank=6>
${P.getCtrlCode(appmenu, 'CONTROL.html').code} ${P.getCtrlCode(appmenu, 'CONTROL.html').code}
...@@ -27,12 +36,12 @@ ...@@ -27,12 +36,12 @@
</div> </div>
<#-- 自定义 --> <#-- 自定义 -->
<#elseif ctrl.getPortletType() == 'CUSTOM'> <#elseif ctrl.getPortletType() == 'CUSTOM'>
<#if ctrl.isShowTitleBar()> <#if ctrl.isShowTitleBar() && ctrl.getTitle()??>
<p class='porlet-title'> <p class='portlet-title'>
${ctrl.getTitle()} ${ctrl.getTitle()}
</p> </p>
</#if> </#if>
<div class="<#if ctrl.isShowTitleBar()>portlet-width-title<#else>portlet-widthout-title</#if>"> <div class="<#if ctrl.isShowTitleBar()>portlet-with-title<#else>portlet-without-title</#if>">
<#if ctrl.render??> <#if ctrl.render??>
${ctrl.render.code} ${ctrl.render.code}
<#else> <#else>
...@@ -41,12 +50,12 @@ ...@@ -41,12 +50,12 @@
</div> </div>
<#-- 操作栏 --> <#-- 操作栏 -->
<#elseif ctrl.getPortletType() == 'ACTIONBAR'> <#elseif ctrl.getPortletType() == 'ACTIONBAR'>
<#if ctrl.isShowTitleBar()> <#if ctrl.isShowTitleBar() && ctrl.getTitle()??>
<p class='porlet-title'> <p class='portlet-title'>
${ctrl.getTitle()} ${ctrl.getTitle()}
</p> </p>
</#if> </#if>
<div class="<#if ctrl.isShowTitleBar()>portlet-width-title<#else>portlet-widthout-title</#if>"> <div class="<#if ctrl.isShowTitleBar()>portlet-with-title<#else>portlet-without-title</#if>">
<#if ctrl.render??> <#if ctrl.render??>
${ctrl.render.code} ${ctrl.render.code}
<#else> <#else>
...@@ -55,12 +64,12 @@ ...@@ -55,12 +64,12 @@
</div> </div>
<#-- HTML --> <#-- HTML -->
<#elseif ctrl.getPortletType() == 'HTML'> <#elseif ctrl.getPortletType() == 'HTML'>
<#if ctrl.isShowTitleBar()> <#if ctrl.isShowTitleBar() && ctrl.getTitle()??>
<p class='porlet-title'> <p class='portlet-title'>
${ctrl.getTitle()} ${ctrl.getTitle()}
</p> </p>
</#if> </#if>
<div class="<#if ctrl.isShowTitleBar()>portlet-width-title<#else>portlet-widthout-title</#if>"> <div class="<#if ctrl.isShowTitleBar()>portlet-with-title<#else>portlet-without-title</#if>">
<iframe src="<#if ctrl.getPageUrl()??>${ctrl.getPageUrl()}</#if>" style="height: <#if ctrl.getHeight() gt 0>${ctrl.getHeight()?c}<#else>400</#if>px;width: 100%;border-width: 1px;"></iframe> <iframe src="<#if ctrl.getPageUrl()??>${ctrl.getPageUrl()}</#if>" style="height: <#if ctrl.getHeight() gt 0>${ctrl.getHeight()?c}<#else>400</#if>px;width: 100%;border-width: 1px;"></iframe>
</div> </div>
<#-- 容器 --> <#-- 容器 -->
...@@ -74,21 +83,21 @@ ...@@ -74,21 +83,21 @@
</#if> </#if>
<#if layout == 'TABLE_24COL' && LayoutPos??><#t> <#if layout == 'TABLE_24COL' && LayoutPos??><#t>
<i-col<#if LayoutPos.getColXS() != -1> :xs="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColSM() != -1> :sm="{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColMD() != -1> :md="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColLG() != -1> :lg="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }"</#if>> <i-col<#if LayoutPos.getColXS() != -1> :xs="{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColSM() != -1> :sm="{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColMD() != -1> :md="{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }"</#if><#if LayoutPos.getColLG() != -1> :lg="{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }"</#if>>
<div class="portlet-widthout-title"> <div class="portlet-without-title">
<@ibizindent blank=18> <@ibizindent blank=18>
${P.getCtrlCode(portlet, 'CONTROL.html').code} ${P.getCtrlCode(portlet, 'CONTROL.html').code}
</@ibizindent> </@ibizindent>
</div> </div>
</i-col> </i-col>
<#else> <#else>
<div class="portlet-widthout-title"> <div class="portlet-without-title">
<@ibizindent blank=18> <@ibizindent blank=18>
${P.getCtrlCode(portlet, 'CONTROL.html').code} ${P.getCtrlCode(portlet, 'CONTROL.html').code}
</@ibizindent> </@ibizindent>
</div> </div>
</#if> </#if>
<#if layout == 'FLEX'> <#if layout == 'FLEX'>
<div class="portlet-widthout-title"> <div class="portlet-without-title">
<@ibizindent blank=18> <@ibizindent blank=18>
${P.getCtrlCode(portlet, 'CONTROL.html').code} ${P.getCtrlCode(portlet, 'CONTROL.html').code}
</@ibizindent> </@ibizindent>
...@@ -101,12 +110,12 @@ ...@@ -101,12 +110,12 @@
</#list> </#list>
<#-- 其他部件 --> <#-- 其他部件 -->
<#elseif ctrl.getContentPSControl()??><#t> <#elseif ctrl.getContentPSControl()??><#t>
<#if ctrl.isShowTitleBar()> <#if ctrl.isShowTitleBar() && ctrl.getTitle()??>
<p class='porlet-title'> <p class='portlet-title'>
${ctrl.getTitle()} ${ctrl.getTitle()}
</p> </p>
</#if> </#if>
<div class="<#if ctrl.isShowTitleBar()>portlet-width-title<#else>portlet-widthout-title</#if>"> <div class="<#if ctrl.isShowTitleBar()>portlet-with-title<#else>portlet-without-title</#if>">
<#assign control = ctrl.getContentPSControl()><#t> <#assign control = ctrl.getContentPSControl()><#t>
<!-- 测试 --> <!-- 测试 -->
<@ibizindent blank=6> <@ibizindent blank=6>
......
@CONTROL/门户部件/CONTROL.less.ftl
浏览文件 @ 6807111d
<#ibizinclude> <#ibizinclude>
../@MACRO/CSS/DEFAULT.less.ftl ../@MACRO/CSS/DEFAULT.less.ftl
</#ibizinclude> </#ibizinclude>
.porlet{ .portlet{
height: 100%; height: 100%;
width: 100%; width: 100%;
> .porlet-title{ > .portlet-title{
padding: 14px 16px; padding: 14px 16px;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -23,13 +23,13 @@ ...@@ -23,13 +23,13 @@
color: #304265; color: #304265;
font-weight: 600; font-weight: 600;
} }
> .portlet-width-title{ > .portlet-with-title{
width:100%; width:100%;
height:calc(100% - 52px); height:calc(100% - 52px);
overflow:auto; overflow:auto;
padding:0px 12px; padding:0px 12px;
} }
> .portlet-widthout-title{ > .portlet-without-title{
width:100%; width:100%;
height:100%; height:100%;
overflow:auto; overflow:auto;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或