优化看板视图分组头

@CONTROL/看板视图/CONTROL-BASE.vue.ftl

@@ -6,7 +6,7 @@
 ${ctrl.render.code}
 <#else>
     <div class="app-data-view-group<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
-        <template v-if="items.length > 0">
+
             <template v-for="(group, index) of groups">
                 <#if ctrl.groupRender??>
                 ${ctrl.groupRender.code}
@@ -53,6 +53,7 @@ ${ctrl.render.code}
                         </Poptip>
                         </#if>
                     </div>
+                    <div v-if="items.length > 0">
                         <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)">
                                 <#if ctrl.getItemPSLayoutPanel()??>
@@ -66,6 +67,10 @@ ${ctrl.render.code}
                             </div>
                         </draggable>
                     </div>
+                    <div v-else class="app-data-empty">
+                        <span>{{ $t('<#if langbase??>${langbase}.nodata</#if>') }}</span>
+                    </div>
+                </div>
                 </#if>
             </template>
         <#if ctrl.getGroupQuickPSDEToolbar()??>
@@ -87,53 +92,6 @@ ${ctrl.render.code}
                 </#if>
             </div>
         </#if>
-        </template>
-        <template v-else>
-            <template v-for="(group, index) of groups">
-                <draggable :key="index" :list="group.items" class="dragbar" ghostClass="dragitems" handle=".dataview-group-item" :group="{name: 'bar', put: group.folding ? false:true}" @change="onDragChange($event,group.name)">
-                <div v-show="!group.folding" class="dataview-group-folading-kanban" @click="onClick(group,index)">
-                    <div class="unfold-icon">
-                        <i class="el-icon-s-unfold" :title="$t('app.kanban.unfold')"></i>
-                    </div>
-                    <div class="dataview-group-folding">
-                        <span>{{getGroupText(group.value)}}({{group.items.length}})</span>
-                    </div>
-                </div>
-            </draggable>
-                <div :key="group + index" v-show="group.folding" 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="fold-icon" @click="onClick(group,index)">
-                            <i class="el-icon-s-fold" :title="$t('app.kanban.fold')"></i>
-                        </div>
-                        <span class="fold-text">{{ getGroupText(group.value) }}</span>
-                        <#if ctrl.getGroupPSUIActionGroup()??>
-                        <Poptip trigger="hover" content="content" placement="bottom-end" style="float: right;">
-                            <Icon type="md-more" />
-                            <div slot="content" class="group-action">
-                                <#if ctrl.getGroupPSUIActionGroup().getPSUIActions()??>
-                                <#list ctrl.getGroupPSUIActionGroup().getPSUIActions() as action>
-                                <div class="group-action-item">
-                                    <i-button long @click="uiAction('${action.getCodeName()}', $event, {})">
-                                    <#if action.getPSSysImage()??>
-                                    <#if action.getPSSysImage().getImagePath()?length gt 0>
-                                    <img src="${action.getPSSysImage().getImagePath()}"/>
-                                    <#else>
-                                    <i class="${action.getPSSysImage().getCssClass()}"></i>
-                                    </#if>
-                                    </#if>
-                                    ${action.getCaption()}
-                                    </i-button>
-                                </div>
-                                </#list>
-                                </#if>
-                            </div>
-                        </Poptip>
-                        </#if>
-                    </div>
-                    <span class="app-data-empty">{{ $t('<#if langbase??>${langbase}.nodata</#if>') }}</span>
-                </div>
-            </template>
-        </template>
   </div>
 </#if>
 </template>

@CONTROL/看板视图/CONTROL.less.ftl

@@ -60,6 +60,13 @@
         border-color: #108cee;
       }
     }
+    .app-data-empty{
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
   }
   .dataview-group-content:nth-child(1) {
     border-left: 1px solid #ddd;
@@ -79,13 +86,6 @@
       border-top-width: 1px;
     }
   }
-  .app-data-empty{
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
 
   .dragitems {
     z-index: -1 !important;