update：更新多编辑视图面板

@CONTROL/多编辑视图面板/CONTROL-BASE.vue.ftl

@@ -2,29 +2,34 @@
 <#if ctrl.render??>
     ${ctrl.render.code}
 <#else>
-<div class='items multieditviewpanel<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>'>
-    <#if ctrl.getEmbeddedPSAppView()??>
-    <div class="item" v-for="item in items" :key="item.id">
-        <span class="multieditviewpanel-delete" @click="handleRemove(item)"><i class="el-icon-delete"></i></span>
-        <${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())}      
-            class="viewcontainer2" 
-            :viewdata="JSON.stringify(item.viewdata)"
-            :viewparam="JSON.stringify(item.viewparam)"
-            :viewDefaultUsage="false" 
-            :panelState="panelState"  
-            @viewdataschange="viewDataChange"
-            @viewload="viewload"
-            @viewdirty="viewdirty(item,$event)">
-        </${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())}>
-    </div>
-    <divider />
-    </#if>
-    <div class="multieditviewpanel-button">
-        <i-button type="primary" @click="handleAdd">
-            {{ $t('app.local.add')}}
-        </i-button>
+    <div class="app-multieditviewpanel<#if ctrl.getPSSysCss?? && ctrl.getPSSysCss()??><#assign singleCss = ctrl.getPSSysCss()> ${singleCss.getCssName()}</#if>">
+        <#if ctrl.getEmbeddedPSAppView()??>
+        <card v-for="(item, index) in items" :key="item.id" :dis-hover="true" :class="{ 'app-multieditviewpanel-item': true, 'app-multieditviewpanel-item--collapse': item.collapseContent }">
+            <span class='multieditviewpanel-item__caption' slot='title'>
+                <icon :type="item.collapseContent ? 'md-add' : 'md-remove'" class="collapse-icon" @click="clickCollapse(item)"/>
+                <span>{{ $t('<#if ctrl.getEmbeddedPSAppView().getPSAppDataEntity()??>entities.${ctrl.getEmbeddedPSAppView().getPSAppDataEntity().getCodeName()?lower_case}.views.${ctrl.getEmbeddedPSAppView().getPSDEViewCodeName()?lower_case}.caption<#else>app.views.${ctrl.getEmbeddedPSAppView().getCodeName()?lower_case}.caption</#if>') }}</span>
+            </span>
+            <template slot="extra">
+                <div class="multieditviewpanel-action">
+                    <i-button v-if="index == 0" type="primary" @click="handleAdd">
+                        {{ $t('app.local.add') + $t('<#if ctrl.getEmbeddedPSAppView().getPSAppDataEntity()??>entities.${ctrl.getEmbeddedPSAppView().getPSAppDataEntity().getCodeName()?lower_case}.views.${ctrl.getEmbeddedPSAppView().getPSDEViewCodeName()?lower_case}.caption<#else>app.views.${ctrl.getEmbeddedPSAppView().getCodeName()?lower_case}.caption</#if>') }}
+                    </i-button>
+                    <icon v-if="item.srfuf == 1" class="remove-icon" type="md-remove-circle" @click="handleRemove(item)" />
+                </div>
+            </template>
+            <${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())}      
+                class="viewcontainer2" 
+                :viewdata="JSON.stringify(item.viewdata)"
+                :viewparam="JSON.stringify(item.viewparam)"
+                :viewDefaultUsage="false" 
+                :panelState="panelState"  
+                @viewdataschange="viewDataChange"
+                @viewload="viewload"
+                @viewdirty="viewdirty(item,$event)">
+            </${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())}>
+        </card>
+        </#if>
     </div>
-</div>
 </#if>
 </template>
 // 基于 @CONTROL/多编辑视图面板/CONTROL-BASE.vue.ftl 生成
@@ -275,6 +280,16 @@
         </#if>
     }
 
+    /**
+     * 点击折叠
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}Base
+     */
+    public clickCollapse(item: any): void {
+        item.collapseContent = !item.collapseContent;
+        this.$forceUpdate();
+    }
+
      /**
       * 保存数据
       *
@@ -301,7 +316,7 @@
         const [{ pathName, parameterName }] = this.parameters;
         datas.forEach((arg: any) => {
             let id: string = arg[parameterName] ? arg[parameterName] : this.$util.createUUID();
-            let item: any = { id: id, viewdata: {}, viewparam: {}, data: {} };
+            let item: any = { id: id, viewdata: {}, viewparam: {}, data: {}, collapseContent: false, srfuf: arg.srfuf };
             Object.assign(item.viewdata, this.$viewTool.getIndexViewParam());
             Object.assign(item.viewdata, this.context);
             Object.assign(item.data, arg);

@CONTROL/多编辑视图面板/CONTROL.scss.ftl

@@ -2,28 +2,55 @@
 <#ibizinclude>
 ../@MACRO/CSS/DEFAULT.scss.ftl
 </#ibizinclude>
-.multieditviewpanel{
-    width: 100%;
-    height: 100%;
-    overflow: auto;
-    .item{
-        position: relative;
-        .multieditviewpanel-delete{
-            position: absolute;
-            right: 0;
-            top: 0;
-            z-index: 100;
-            font-size: 18px;
-            cursor: pointer;
+.app-multieditviewpanel {
+    display: flex;
+    flex-direction: column;
+
+    .app-multieditviewpanel-item {
+        margin: 10px 0;
+
+        .multieditviewpanel-item__caption {
+            padding-left: 20px;
+        }
+
+        .collapse-icon {
+            font-size: 20px;
+            margin-right: 20px;
+        }
+
+        >.ivu-card-extra {
+            right: 20px;
+            top: 10px;
+
+            .multieditviewpanel-action {
+                display: flex;
+                height: 34px;
+                align-items: center;
+
+                .remove-icon {
+                    font-size: 20px;
+                    margin-left: 20px;
+                }
+            }
+        }
+
+        >.ivu-card-body {
+            padding: 20px 5px 10px 5px;
+
+            >.viewcontainer2 {
+                padding: 0px !important;
+            }
+        }
+
+        &.app-multieditviewpanel-item--collapse {
+            >.ivu-card-head {
+                color: var(--app-color-gray-200);
+                border-bottom: none;
+            }
+
+            >.ivu-card-body {
+                display: none;
+            }
         }
-    }
-}
-.multieditviewpanel-button {
-    position: relative;
-    height: 40px;
-    button {
-        position: absolute;
-        bottom: 8px;
-        right: 2px;
     }
 }
\ No newline at end of file