vue element 新增、编辑类Dialog公用函数

调用

 <el-button type="primary" class="my-button" size="small" :loading="editLoading" @click="submitDialogInfo('edit')">确 定</el-button>

 <el-button type="primary" class="my-button" size="small" :loading="addLoading" @click="submitDialogInfo('add')">确 定</el-button>

axios

// api
import * as category from 'api/subjectManage/category';

js

 // 弹框内容提交
         submitDialogInfo(formName) {
             const that = this;
             const _form = `${formName}Form`;
             const _loading = `${formName}Loading`;
             const _dialog = `${formName}Dialog`;
             that.$refs[_form].validate(function(valid) {
                 that[_dialog] = true;
                 if (valid) {
                     // data
                     const data = that[_form];
                     // name
                     let match_name = `${formName}Info`;
                     for (let key in category) {
                         if (match_name === key) {
                             // function
                             category[key](data)
                                 .then(res => {
                                     that[_loading] = false;
                                     if (res.data && (!res.data.code || res.data.code === 200)) {
                                         // 关闭弹框
                                         that[_dialog] = false;
                                         that.$message.success('数据更新成功');
                                         // 刷新数据
                                         that.getData();
                                     } else {
                                         // 在表单中输出错误提示
                                         let err = res.data.errors;
                                         for (let key in err) {
                                             err[key] = err[key][0];
                                         }
                                         that.formError = err;
                                     }
                                 })
                                 .catch(err => {
                                     that[_loading] = false; // button loading
                                 });
                         }
                     }
                 } else {
                     that[_loading] = false;
                     that.$message.error('请检查输入');
                 }
             });
         }