提交 bd991406 编写于 作者: Shine-zwj's avatar Shine-zwj

update:更新多编辑视图面板样式

上级 f2c688c9
......@@ -4,6 +4,9 @@
<#else>
<div class="app-multieditviewpanel<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
<#if ctrl.getEmbeddedPSAppView()??>
<i-button :class="{ 'app-multieditviewpanel-add': true, 'app-multieditviewpanel-add--existdata': items.length > 0 && items[0].srfuf == 1 }" type="primary" @click="handleAdd">
{{ $t('app.local.add') + $t('entities.constactoppo.views.constracteditview.caption') }}
</i-button>
<card v-for="(item, index) in items" :key="item.id" :dis-hover="true" :class="{ 'app-multieditviewpanel-item': true, 'app-multieditviewpanel-item--collapse': item.collapseContent }">
<span class='multieditviewpanel-item__caption' slot='title'>
<icon :type="item.collapseContent ? 'md-add' : 'md-remove'" class="collapse-icon" @click="clickCollapse(item)"/>
......@@ -11,9 +14,6 @@
</span>
<template slot="extra">
<div class="multieditviewpanel-action">
<i-button v-if="index == 0" type="primary" @click="handleAdd">
{{ $t('app.local.add') + $t('<#if ctrl.getEmbeddedPSAppView().getPSAppDataEntity()??>entities.${ctrl.getEmbeddedPSAppView().getPSAppDataEntity().getCodeName()?lower_case}.views.${ctrl.getEmbeddedPSAppView().getPSDEViewCodeName()?lower_case}.caption<#else>app.views.${ctrl.getEmbeddedPSAppView().getCodeName()?lower_case}.caption</#if>') }}
</i-button>
<icon v-if="!(index == 0 && item.srfuf == 0)" class="remove-icon" type="md-remove-circle" @click="handleRemove(item)" />
</div>
</template>
......
......@@ -3,8 +3,21 @@
../@MACRO/CSS/DEFAULT.scss.ftl
</#ibizinclude>
.app-multieditviewpanel {
height: 100%;
min-height: 56px;
display: flex;
flex-direction: column;
position: relative;
.app-multieditviewpanel-add {
position: absolute;
z-index: 1;
top: 20px;
right: 20px;
&.app-multieditviewpanel-add--existdata {
right: 60px;
}
}
.app-multieditviewpanel-item {
margin: 10px 0;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册