优化看板视图分组头

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

@@ -89,21 +89,23 @@ ${ctrl.render.code}
         </#if>
         </template>
         <template v-else>
-                <div v-show="!noItemsFolding" class="dataview-group-folading-kanban" @click="()=>{this.noItemsFolding = !this.noItemsFolding}">
-                            <div class="unfold-icon">
-                                <i class="el-icon-s-unfold" :title="$t('app.kanban.unfold')"></i>
-                            </div>
-                            <div class="dataview-group-folding">
-                                <span>{{$t('<#if langbase??>${langbase}.nodata</#if>')}})</span>
-                            </div>
+            <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>
-                <div v-show="noItemsFolding" class="dataview-group-content dataview-group-kanban" style="<#if ctrl.getGroupWidth() gt 0>width: ${ctrl.getGroupWidth()?c}px;<#else>flex-grow: 1;</#if>">
+            </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="()=>{this.noItemsFolding = !this.noItemsFolding}">
+                        <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">
-                        </span>
+                        <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" />
@@ -130,6 +132,7 @@ ${ctrl.render.code}
                     </div>
                     <span class="app-data-empty">{{ $t('<#if langbase??>${langbase}.nodata</#if>') }}</span>
                 </div>
+            </template>
         </template>
   </div>
 </#if>
@@ -284,14 +287,6 @@ draggable,
      */
     public isAddBehind:boolean = false;
 
-    /**
-     * 没有items时是否折叠
-     *
-     * @type {boolean}
-     * @memberof ${srfclassname('${ctrl.codeName}')}Base
-     */
-    public noItemsFolding:boolean = true;
-
     /**
      * 选中数组
      * @type {Array<any>}