提交 176d573f 编写于 作者: Mosher's avatar Mosher

调整看板视图拖拽逻辑 --- fix1

上级 e3a803c6
...@@ -21,12 +21,12 @@ ${ctrl.render.code} ...@@ -21,12 +21,12 @@ ${ctrl.render.code}
</div> </div>
</div> </div>
</draggable> </draggable>
<div :key="group + index" class="dataview-group-content dataview-group-kanban" style="<#if ctrl.getGroupWidth() gt 0>width: ${ctrl.getGroupWidth()?c}px;<#else>flex-grow: 1;</#if>"> <div v-show="group.folding" :key="group + index" class="dataview-group-content dataview-group-kanban" style="<#if ctrl.getGroupWidth() gt 0>width: ${ctrl.getGroupWidth()?c}px;<#else>flex-grow: 1;</#if>">
<div class="dataview-group-header<#if ctrl.getGroupPSSysCss()??> ${ctrl.getGroupPSSysCss().getCssName()}</#if>"> <div class="dataview-group-header<#if ctrl.getGroupPSSysCss()??> ${ctrl.getGroupPSSysCss().getCssName()}</#if>">
<div class="fold-icon" @click="onClick(group,index)"> <div class="fold-icon" @click="onClick(group,index)">
<i class="el-icon-s-fold" :title="$t('app.kanban.fold')"></i> <i class="el-icon-s-fold" :title="$t('app.kanban.fold')"></i>
</div> </div>
<span> <span class="fold-text">
{{ getGroupText(group.value) }} {{ getGroupText(group.value) }}
</span> </span>
<#if ctrl.getGroupPSUIActionGroup()??> <#if ctrl.getGroupPSUIActionGroup()??>
...@@ -53,7 +53,7 @@ ${ctrl.render.code} ...@@ -53,7 +53,7 @@ ${ctrl.render.code}
</Poptip> </Poptip>
</#if> </#if>
</div> </div>
<draggable v-show="group.folding" :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()>
......
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
width: 40px; width: 40px;
background-color: #d8d8d8; background-color: #d8d8d8;
color: #a5a5a5; color: #a5a5a5;
display: none;
.unfold-icon { .unfold-icon {
padding: 3px 0; padding: 3px 0;
font-size: 20px; font-size: 20px;
...@@ -39,6 +38,9 @@ ...@@ -39,6 +38,9 @@
color:#a5a5a5; color:#a5a5a5;
position: absolute; position: absolute;
} }
.fold-text {
margin-left: 24px;
}
.group-action { .group-action {
.group-action-item:nth-child(1) + .group-action-item { .group-action-item:nth-child(1) + .group-action-item {
margin-top: 5px; margin-top: 5px;
...@@ -90,6 +92,9 @@ ...@@ -90,6 +92,9 @@
border: none !important; border: none !important;
padding: 0px !important; padding: 0px !important;
height: 0px !important; height: 0px !important;
width: 10px !important;
color: #fff;
overflow: hidden;
.app-layoutpanel { .app-layoutpanel {
.app-layoutpanel-container { .app-layoutpanel-container {
padding: 0px !important; padding: 0px !important;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册