补充表单分组界面面行为 --fix2

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

@@ -8,8 +8,8 @@
             <ion-icon v-show="titleBarCloseMode !== 0" class="group-collapse" :name="collapseContant ? 'chevron-back-outline' : 'chevron-down-outline'"></ion-icon>
             <div :class="{'actiongroup':true,'closemode':titleBarCloseMode !== 0}" v-show="isHaveUiActionGroup">
               <div class="groupbox" v-for="item in uiActionGroup.details" :key="item.index" @click="doUIAction($event,item.name)">
-                <ion-icon :name="item.icon" v-show="item.isShowIcon"/>
-                <van-button plain type="info" v-show="item.isShowCaption">{{item.caption}}</van-button>
+                <ion-icon :name="item.icon" v-show="item.isShowIcon && item.visabled"/>
+                <van-button plain type="info" v-show="item.isShowCaption && item.visabled">{{item.caption}}</van-button>
               </div>  
             </div>
         </ion-item-divider>
@@ -238,8 +238,8 @@ export default class AppFormGroup extends Vue {
      *
      * @memberof AppFormGroup
      */
-    @Watch('data')
-    onSrfupdatedateChange(newVal: any, oldVal: any) {
+    @Watch('data',{ deep: true })
+    onDataChange(newVal: any, oldVal: any) {
         if((newVal !== oldVal) && this.uiActionGroup.details.length >0){
             this.calcActionItemAuthState(newVal,this.uiActionGroup.details,this.uiService);
         }