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

看板视图

上级 72f76057
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<#if ctrl.render??> <#if ctrl.render??>
${ctrl.render.code} ${ctrl.render.code}
<#else> <#else>
<div class="<#if ctrl.getGroupLayout?? && ctrl.getGroupLayout() == 'COLUMN'>app-data-view-group-column<#else>app-data-view-group-row</#if> <#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>"> <div class="<#if ctrl.getGroupLayout?? && ctrl.getGroupLayout() == 'COLUMN'>app-data-view-group-column<#else>app-data-view-group-row</#if><#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
<template v-for="(group, index) of groups"> <template v-for="(group, index) of groups">
<#if ctrl.groupRender??> <#if ctrl.groupRender??>
${ctrl.groupRender.code} ${ctrl.groupRender.code}
...@@ -52,20 +52,18 @@ ${ctrl.render.code} ...@@ -52,20 +52,18 @@ ${ctrl.render.code}
</Poptip> </Poptip>
</#if> </#if>
</div> </div>
<div v-if="items.length > 0" class="dataview-group-data"> <draggable v-if="items.length > 0" :list="group.items" group="${ctrl.name}" class="dataview-group-items" @change="onDragChange($event, group.value)">
<draggable :list="group.items" group="${ctrl.name}" class="dataview-group-items" @change="onDragChange($event, group.value)"> <div v-for="(item, i) in group.items" :key="i" :class="{'dataview-group-item': true, 'is-select': item.isselected}" @click="handleClick(item)" @dblclick="handleDblClick(item)">
<div v-for="(item, i) in group.items" :key="i" :class="{'dataview-group-item': true, 'is-select': item.isselected}" @click="handleClick(item)" @dblclick="handleDblClick(item)"> <#if ctrl.getItemPSLayoutPanel()??>
<#if ctrl.getItemPSLayoutPanel()??> <#assign panel = ctrl.getItemPSLayoutPanel()>
<#assign panel = ctrl.getItemPSLayoutPanel()> <layout_${panel.getName()} name='${panel.name}' :inputData="item" @panelDataChange="($event)=>{onPanelDataChange(item,$event)}"></layout_${panel.getName()}>
<layout_${panel.getName()} name='${panel.name}' :inputData="item" @panelDataChange="($event)=>{onPanelDataChange(item,$event)}"></layout_${panel.getName()}> <#elseif ctrl.itemRender??>
<#elseif ctrl.itemRender??> ${ctrl.itemRender.code}
${ctrl.itemRender.code} <#else>
<#else> {{ item.srfmajortext }}
{{ item.srfmajortext }} </#if>
</#if> </div>
</div> </draggable>
</draggable>
</div>
<div v-else class="app-data-empty"> <div v-else class="app-data-empty">
<span>{{ $t('<#if langbase??>${langbase}.nodata</#if>') }}</span> <span>{{ $t('<#if langbase??>${langbase}.nodata</#if>') }}</span>
</div> </div>
......
...@@ -59,22 +59,19 @@ ...@@ -59,22 +59,19 @@
} }
} }
} }
.dataview-group-data{ .dataview-group-items {
width: 100%; display: flex;
.dataview-group-items { flex-grow: 1;
display: flex; height: 100%;
flex-grow: 1; overflow: auto;
height: 100%; .dataview-group-item {
overflow: auto; margin: 8px 0px 8px 8px;
.dataview-group-item { border: 1px solid #ddd;
margin: 8px 0px 8px 8px; padding: 8px;
border: 1px solid #ddd; overflow: hidden;
padding: 8px; }
overflow: hidden; .dataview-group-item.is-select {
} border-color: #108cee;
.dataview-group-item.is-select {
border-color: #108cee;
}
} }
} }
.app-data-empty{ .app-data-empty{
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册