优化新增、修改页面的按钮动作loading从页面loading到按钮loading

kdyzm

2021-06-02 6b789e2eb07349f0423e7d064f625adb779faa6c

 ruoyi-generator/src/main/resources/vm/vue/index-tree.vue.vm

@@ -232,8 +232,8 @@
        <el-form-item label="${comment}" prop="${field}">

          <el-date-picker clearable size="small"

            v-model="form.${field}"

            type="date"

            value-format="yyyy-MM-dd"

            type="datetime"

            value-format="yyyy-MM-dd HH:mm:ss"

            placeholder="选择${comment}">

          </el-date-picker>

        </el-form-item>

@@ -247,7 +247,7 @@
#end

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button type="primary" @click="submitForm">确 定</el-button>

        <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>

        <el-button @click="cancel">取 消</el-button>

      </div>

    </el-dialog>

@@ -302,6 +302,8 @@
  },

  data() {

    return {

     //按钮loading

     buttonLoading: false,

      // 遮罩层

      loading: true,

      // 显示搜索条件

@@ -480,12 +482,14 @@
    },

    /** 修改按钮操作 */

    handleUpdate(row) {

     this.loading = true;

      this.reset();

      this.getTreeselect();

      if (row != null) {

        this.form.${treeParentCode} = row.${treeCode};

      }

      get${BusinessName}(row.${pkColumn.javaField}).then(response => {

       this.loading = false;

        this.form = response.data;

#foreach ($column in $columns)

#if($column.htmlType == "checkbox")

@@ -500,6 +504,7 @@
    submitForm() {

      this.#[[$]]#refs["form"].validate(valid => {

        if (valid) {

        this.buttonLoading = true;

#foreach ($column in $columns)

#if($column.htmlType == "checkbox")

          this.form.$column.javaField = this.form.${column.javaField}.join(",");

@@ -507,12 +512,14 @@
#end

          if (this.form.${pkColumn.javaField} != null) {

            update${BusinessName}(this.form).then(response => {

           this.buttonLoading = false;

              this.msgSuccess("修改成功");

              this.open = false;

              this.getList();

            });

          } else {

            add${BusinessName}(this.form).then(response => {

           this.buttonLoading = false;

              this.msgSuccess("新增成功");

              this.open = false;

              this.getList();

@@ -527,9 +534,11 @@
          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

        }).then(() => {

        this.loading = true;

          return del${BusinessName}(row.${pkColumn.javaField});

        }).then(() => {

        this.loading = false;

          this.getList();

          this.msgSuccess("删除成功");

        })