zk——表单项 显示更多模式

src/components/app-form-group/app-form-group.vue

@@ -87,6 +87,11 @@
                         </template>
                     </a >
                 </template>
+                <template v-if="isManageContainer">
+                    <a slot='extra' @click="doManageContainer">
+                        <span class='manageContainer'>{{manageContainerStatus?$t('components.appFormGroup.hide'):$t('components.appFormGroup.show')}}</span>
+                    </a>
+                </template>
                 <template v-if="Object.is(layoutType, 'FLEX')">
                     <slot></slot>
                 </template>
@@ -115,6 +120,22 @@ export default class AppFormGroup extends Vue {
      */
     @Prop() public caption?: string;
 
+    /**
+     * 是否为管理容器
+     *
+     * @type {string}
+     * @memberof AppFormGroup
+     */
+    @Prop({ default: false }) public isManageContainer?: boolean;
+    
+    /**
+     * 管理容器状态
+     *
+     * @type {string}
+     * @memberof AppFormGroup
+     */
+    @Prop({ default: false }) public manageContainerStatus?: boolean;
+
     /**
      * 内置界面样式
      * 
@@ -244,6 +265,16 @@ export default class AppFormGroup extends Vue {
     public doUIAction($event: any, item: any): void {
         this.$emit('groupuiactionclick', { event: $event, item: item });
     }
+
+    /**
+     * 操作管理容器
+     *
+     * @param {*} $event
+     * @memberof AppFormGroup
+     */
+    public doManageContainer(){
+        this.$emit('managecontainerclick');
+    }
 }
 </script>
 <style lang='less'>

src/locale/lanres/components/components_en_US.ts

@@ -169,4 +169,8 @@ export default {
           YouYuan: 'YouYuan',
       },
     },
+    appFormGroup: {
+      hide: 'hide',
+      show: 'show',
+    },
 };
\ No newline at end of file

src/locale/lanres/components/components_zh_CN.ts

@@ -170,4 +170,8 @@ export default {
           YouYuan: '幼圆',
       },
     },
+    appFormGroup: {
+      hide: '隐藏',
+      show: '显示',
+    },
 };
\ No newline at end of file

src/model/form-detail/form-group-panel.ts

@@ -39,7 +39,7 @@ export class FormGroupPanelModel extends FormDetailModel {
      * @type {*}
      * @memberof FormGroupPanelModel
      */
-    public ManageContainerStatus: boolean = true;
+    public manageContainerStatus: boolean = true;
 
     /**
      * Creates an instance of FormGroupPanelModel.
@@ -62,6 +62,6 @@ export class FormGroupPanelModel extends FormDetailModel {
      * @memberof FormGroupPanelModel
      */
     public setManageContainerStatus(state: boolean): void {
-        this.ManageContainerStatus = state;
+        this.manageContainerStatus = state;
     }
 }
\ No newline at end of file