提交 5c89722d 编写于 作者: JunZai's avatar JunZai

update

上级 5cf66ee3
...@@ -4,11 +4,11 @@ ...@@ -4,11 +4,11 @@
${ctrl.render.code} ${ctrl.render.code}
<#else> <#else>
<template v-for="(group, index) of groups"> <template v-for="(group, index) of groups">
<draggable :key="group + index" :list="group.items" group="${ctrl.name}" class="dataview-group-content" style="<#if ctrl.getGroupWidth() gt 0>width: ${ctrl.getGroupWidth()?c}px;<#else>flex-grow: 1;</#if>" @change="onDragChange($event, group.name)">
<#if ctrl.groupRender??> <#if ctrl.groupRender??>
${ctrl.groupRender.code} ${ctrl.groupRender.code}
<#else> <#else>
<div slot="header" class="dataview-group-header<#if ctrl.getGroupPSSysCss()??> ${ctrl.getGroupPSSysCss().getCssName()}</#if>"> <div :key="group + index" class="dataview-group-content" style="width: 280px;">
<div class="dataview-group-header<#if ctrl.getGroupPSSysCss()??> ${ctrl.getGroupPSSysCss().getCssName()}</#if>" style="<#if ctrl.getGroupWidth() gt 0>width: ${ctrl.getGroupWidth()?c}px;<#else>flex-grow: 1;</#if>">
{{ getGroupText(group.name) }} {{ getGroupText(group.name) }}
<#if ctrl.getGroupPSUIActionGroup()??> <#if ctrl.getGroupPSUIActionGroup()??>
<Poptip trigger="hover" content="content" placement="bottom-end" style="float: right;"> <Poptip trigger="hover" content="content" placement="bottom-end" style="float: right;">
...@@ -34,6 +34,7 @@ ...@@ -34,6 +34,7 @@
</Poptip> </Poptip>
</#if> </#if>
</div> </div>
<draggable :list="group.items" group="${ctrl.name}" class="dataview-group-items" @change="onDragChange($event, group.name)">
<div v-for="(item, i) in group.items" :key="i" :class="{'dataview-group-item': true, 'is-select': item.isselected}" @click="handleClick(item)"> <div v-for="(item, i) in group.items" :key="i" :class="{'dataview-group-item': true, 'is-select': item.isselected}" @click="handleClick(item)">
<#if ctrl.getItemPSLayoutPanel()??> <#if ctrl.getItemPSLayoutPanel()??>
<#assign panel = ctrl.getItemPSLayoutPanel()> <#assign panel = ctrl.getItemPSLayoutPanel()>
...@@ -44,8 +45,9 @@ ...@@ -44,8 +45,9 @@
{{ item.srfmajortext }} {{ item.srfmajortext }}
</#if> </#if>
</div> </div>
</#if>
</draggable> </draggable>
</div>
</#if>
</template> </template>
</#if> </#if>
</div> </div>
......
...@@ -6,6 +6,9 @@ ...@@ -6,6 +6,9 @@
border: 1px solid #ddd; border: 1px solid #ddd;
border-left: 0; border-left: 0;
flex-shrink: 0; flex-shrink: 0;
height: 100%;
display: flex;
flex-direction: column;
.dataview-group-header { .dataview-group-header {
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
...@@ -17,6 +20,9 @@ ...@@ -17,6 +20,9 @@
} }
} }
} }
.dataview-group-items {
flex-grow: 1;
overflow: auto;
.dataview-group-item { .dataview-group-item {
margin: 8px 8px 0 8px; margin: 8px 8px 0 8px;
border: 1px solid #ddd; border: 1px solid #ddd;
...@@ -27,6 +33,7 @@ ...@@ -27,6 +33,7 @@
border-color: #108cee; border-color: #108cee;
} }
} }
}
.dataview-group-content:nth-child(1) { .dataview-group-content:nth-child(1) {
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
} }
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册