1.新增 提交类按钮只能提交一次的控制2.关联类的按钮 接口返回成功后显示对话框

loulijun2021

2022-09-29 482efd9ee971fe7d799a015dc288340c85b8805c

 src/views/jcsz/zzjg.vue

@@ -5,7 +5,6 @@
      <div class="bodyTopButtonGroup">
        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>
      </div>

      <div class="bodyTopFormGroup">
        <el-form
          ref="form"
@@ -204,7 +203,12 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">取 消</el-button>
          <el-button type="primary" @click="dialogVisibleConfirm">确 定</el-button>
          <el-button
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
            @click="dialogVisibleConfirm"
          >确 定</el-button>
        </div>
      </span>
    </el-dialog>
@@ -329,6 +333,9 @@
    //   })()
    // }
  },
  destroyed() {

  },
  methods: {
    async getOrganizationSearch() {
      const res = await OrganizationSearch(this.form)
@@ -367,7 +374,6 @@
        this.SupUnitArr = res
      }
    },

    // 新增按钮
    async add(operation) {
      this.operation = operation
@@ -437,6 +443,7 @@
    dialogVisibleConfirm() {
      this.$refs.dialogForm.validate(valid => {
        if (valid) {
          this.$store.state.app.buttonIsDisabled = true
          const data = {
            OrganType: this.dialogForm.OrgType === '部门' ? 'D' : 'W',
            OrganCode: this.dialogForm.OrgCode,
@@ -452,11 +459,13 @@

          AddUpdateOrganization(data).then(res => {
            if (res.code === '200') {
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.dialogVisible = false
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.getOrganizationSearch()
              this.$store.state.app.buttonIsDisabled = false
            } else {
              this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')
              this.$store.state.app.buttonIsDisabled = false
            }
          })
        }
@@ -568,11 +577,12 @@
  margin-bottom: 0;
}

.tableFixed{
  ::v-deep .el-table__fixed-right{
.tableFixed {
  ::v-deep .el-table__fixed-right {
    height: 100% !important;
  }
  ::v-deep .el-table__fixed{

  ::v-deep .el-table__fixed {
    height: 100% !important;
  }
}
@@ -588,6 +598,9 @@
//}
</style>
<style>
.osloading{
  font-size: 30px;
}

.el-table .custom-row {
  background: #f8f8fa;