角色表单保存完成之前,保存按钮禁用

app_web/src/pages/uaa/sys-role-edit-view/sys-role-edit-view.vue

+<template>
+  <div class="view-container deeditview sys-role-edit-view">
+    <app-studioaction :viewTitle="$t(model.srfCaption)" viewName="sysroleeditview"></app-studioaction>
+    <card class='view-card ' :disHover="true" :bordered="false">
+
+      <div slot='title' class="header-container">
+        <span class='caption-info'>{{$t(model.srfCaption)}}</span>
+        <div class='toolbar-container'>
+          <tooltip :transfer="true" :max-width="600">
+            <i-button v-show="toolBarModels.tbitem3.visabled" :disabled="toolBarModels.tbitem3.disabled" class='' @click="toolbar_click({ tag: 'tbitem3' }, $event)">
+              <i class='fa fa-save'></i>
+              <span class='caption'>{{$t('entities.sysrole.editviewtoolbar_toolbar.tbitem3.caption')}}</span>
+            </i-button>
+            <div slot='content'>{{$t('entities.sysrole.editviewtoolbar_toolbar.tbitem3.tip')}}</div>
+          </tooltip>
+          <span class='seperator'>|</span>
+          <tooltip :transfer="true" :max-width="600">
+            <i-button v-show="toolBarModels.deuiaction1.visabled" :disabled="toolBarModels.deuiaction1.disabled" class='' @click="toolbar_click({ tag: 'deuiaction1' }, $event)">
+              <i class='fa fa-sign-out'></i>
+              <span class='caption'>{{$t('entities.sysrole.editviewtoolbar_toolbar.deuiaction1.caption')}}</span>
+            </i-button>
+            <div slot='content'>{{$t('entities.sysrole.editviewtoolbar_toolbar.deuiaction1.tip')}}</div>
+          </tooltip>
+          <span class='seperator'>|</span>
+          <tooltip :transfer="true" :max-width="600">
+            <i-button v-show="toolBarModels.tbitem14.visabled" :disabled="toolBarModels.tbitem14.disabled" class='' @click="toolbar_click({ tag: 'tbitem14' }, $event)">
+              <i class='fa fa-copy'></i>
+              <span class='caption'>{{$t('entities.sysrole.editviewtoolbar_toolbar.tbitem14.caption')}}</span>
+            </i-button>
+            <div slot='content'>{{$t('entities.sysrole.editviewtoolbar_toolbar.tbitem14.tip')}}</div>
+          </tooltip>
+        </div>
+      </div>
+
+      <div class='view-top-messages'>
+      </div>
+      <div class="content-container">
+        <div class='view-body-messages'>
+        </div>
+        <view_form :viewState="viewState" :viewparams="viewparams" :context="context" :autosave="false" :viewtag="viewtag" :showBusyIndicator="true" updateAction="Update" removeAction="Remove" loaddraftAction="GetDraft" loadAction="Get" createAction="Create" WFSubmitAction="" WFStartAction="" style='' name="form" ref='form' @save="form_save($event)" @remove="form_remove($event)" @load="form_load($event)" @closeview="closeView($event)">
+        </view_form>
+      </div>
+      <div class='view-bottom-messages'>
+      </div>
+    </card>
+  </div>
+</template>
+
+
+
 <script lang='tsx'>
-import { Component } from 'vue-property-decorator';
-import SysRoleEditViewBase from './sys-role-edit-view-base.vue';
+import { Component } from "vue-property-decorator";
+import SysRoleEditViewBase from "./sys-role-edit-view-base.vue";
 
-import view_form from '@widgets/sys-role/main-form/main-form.vue';
+import view_form from "@widgets/sys-role/main-form/main-form.vue";
 @Component({
-    components: {
-        view_form, 
-    },
-    beforeRouteEnter: (to: any, from: any, next: any) => {
-        next((vm: any) => {
-            if(!Object.is(vm.navModel,"route")){
-                vm.initNavDataWithTab(vm.viewCacheData);
-            }
-            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
-        });
-    },
+  components: {
+    view_form,
+  },
+  beforeRouteEnter: (to: any, from: any, next: any) => {
+    next((vm: any) => {
+      if (!Object.is(vm.navModel, "route")) {
+        vm.initNavDataWithTab(vm.viewCacheData);
+      }
+      vm.$store.commit("addCurPageViewtag", {
+        fullPath: to.fullPath,
+        viewtag: vm.viewtag,
+      });
+    });
+  },
 })
 export default class SysRoleEditView extends SysRoleEditViewBase {
-
+  /**
+   * 保存
+   *
+   * @param {any[]} args 当前数据
+   * @param {any} contextJO 行为附加上下文
+   * @param {*} [params] 附加参数
+   * @param {*} [$event] 事件源
+   * @param {*} [xData]  执行行为所需当前部件
+   * @param {*} [actionContext]  执行行为上下文
+   * @memberof SysRoleEditViewBase
+   */
+  public Save(
+    args: any[],
+    contextJO?: any,
+    params?: any,
+    $event?: any,
+    xData?: any,
+    actionContext?: any,
+    srfParentDeName?: string
+  ) {
+    // 界面行为容器对象 _this
+    const _this: any = this;
+    if (xData && xData.save instanceof Function) {
+      // 禁用保存按钮
+      _this.toolBarModels.tbitem3.disabled = true;
+      xData.save().then((response: any) => {
+        // 启用保存按钮
+        _this.toolBarModels.tbitem3.disabled = false;
+        if (!response || response.status !== 200) {
+          return;
+        }
+        _this.$emit("viewdataschange", [{ ...response.data }]);
+      });
+    } else if (_this.save && _this.save instanceof Function) {
+      _this.save();
+    }
+  }
 }
 </script>
\ No newline at end of file