补充表单分组界面面行为

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

@@ -24,4 +24,13 @@
       --color: #111111;
       font-size: large;
     }
+    .van-button{
+      height: 100%;
+      position: absolute;
+      right: 40px;
+      background-color: transparent;
+      border: none;
+      color: #4285F4;
+      font-size: 1rem;
+    }
 }
\ No newline at end of file

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

@@ -6,6 +6,7 @@
                 <span :class="titleClass" class="group-title"><ion-icon class="group-title-icon" v-if="iconName" :name="iconName"></ion-icon>{{caption}}</span>
             </ion-label>
             <ion-icon v-show="titleBarCloseMode !== 0" class="group-collapse" :name="collapseContant ? 'chevron-back-outline' : 'chevron-down-outline'"></ion-icon>
+            <van-button plain type="info" v-show="isHaveUiActionGroup" @click="doUIAction($event)">{{groupUiAction}}</van-button>
         </ion-item-divider>
         <ion-row ref="group" v-show="!collapseContant" class="form-group-content">
             <slot></slot>
@@ -77,6 +78,28 @@ export default class AppFormGroup extends Vue {
      */
     @Prop() public uiActionGroup?: any;
 
+    /**
+     * 是否有界面行为组
+     *
+     * @type {*}
+     * @memberof AppFormGroup
+     */
+    get isHaveUiActionGroup(){
+      if (this.uiActionGroup.details.length > 0) {
+        return true;
+      } else {
+        return false;
+      }
+    }
+
+    /**
+     * 界面行为组标题
+     *
+     * @type {*}
+     * @memberof AppFormGroup
+     */
+    @Prop() public groupUiAction?:string;    
+
     /**
      * 图标名称
      *
@@ -153,13 +176,15 @@ export default class AppFormGroup extends Vue {
     }
 
     /**
-     * 执行界面行
+     * 执行界面行为
      *
      * @param {*} $event
      * @memberof AppFormGroup
      */
     public doUIAction($event: any, item: any): void {
-        this.$emit('groupuiactionclick', { event: $event, item: item });
+      this.uiActionGroup.details.map((detail: any, i: number) => {
+        this.$emit('groupuiactionclick', { event: $event, item: detail });
+      })
     }
 
     /**