update

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

@@ -4,11 +4,11 @@
         ${ctrl.render.code}
         <#else>
         <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??>
-                ${ctrl.groupRender.code}
-                <#else>
-                <div slot="header" class="dataview-group-header<#if ctrl.getGroupPSSysCss()??> ${ctrl.getGroupPSSysCss().getCssName()}</#if>">
+            <#if ctrl.groupRender??>
+            ${ctrl.groupRender.code}
+            <#else>
+            <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) }}
                     <#if ctrl.getGroupPSUIActionGroup()??>
                     <Poptip trigger="hover" content="content" placement="bottom-end" style="float: right;">
@@ -34,18 +34,20 @@
                     </Poptip>
                     </#if>
                 </div>
-                <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()??>
-                    <#assign panel = ctrl.getItemPSLayoutPanel()>
-                    <layout_${panel.getName()} name='${panel.name}' :inputData="item"></layout_${panel.getName()}>
-                    <#elseif ctrl.itemRender??>
-                    ${ctrl.itemRender.code}
-                    <#else>
-                    {{ item.srfmajortext }}
-                    </#if>
-                </div>
-                </#if>
-            </draggable>
+                <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)">
+                        <#if ctrl.getItemPSLayoutPanel()??>
+                        <#assign panel = ctrl.getItemPSLayoutPanel()>
+                        <layout_${panel.getName()} name='${panel.name}' :inputData="item"></layout_${panel.getName()}>
+                        <#elseif ctrl.itemRender??>
+                        ${ctrl.itemRender.code}
+                        <#else>
+                        {{ item.srfmajortext }}
+                        </#if>
+                    </div>
+                </draggable>
+            </div>
+            </#if>
         </template>
 </#if>
   </div>

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

@@ -6,6 +6,9 @@
     border: 1px solid #ddd;
     border-left: 0;
     flex-shrink: 0;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
     .dataview-group-header {
       height: 36px;
       line-height: 36px;
@@ -17,14 +20,18 @@
         }
       }
     }
-    .dataview-group-item {
-      margin: 8px 8px 0 8px;
-      border: 1px solid #ddd;
-      padding: 8px;
-      overflow: hidden;
-    }
-    .dataview-group-item.is-select {
-      border-color: #108cee;
+    .dataview-group-items {
+      flex-grow: 1;
+      overflow: auto;
+      .dataview-group-item {
+        margin: 8px 8px 0 8px;
+        border: 1px solid #ddd;
+        padding: 8px;
+        overflow: hidden;
+      }
+      .dataview-group-item.is-select {
+        border-color: #108cee;
+      }
     }
   }
   .dataview-group-content:nth-child(1) {