63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
|
import { observable, action, toJS } from 'mobx';
|
|||
|
|
import { message } from 'antd';
|
|||
|
|
import { WeaForm, WeaLogView } from 'comsMobx';
|
|||
|
|
import { WeaLocaleProvider } from 'ecCom';
|
|||
|
|
|
|||
|
|
import * as API from '../apis'; // 引入API接口文件
|
|||
|
|
|
|||
|
|
const {LogStore} = WeaLogView;
|
|||
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|||
|
|
|
|||
|
|
export class BaseFormStore {
|
|||
|
|
@observable form = new WeaForm(); // nrew 一个form
|
|||
|
|
@observable logStore = new LogStore();
|
|||
|
|
@observable condition = []; // 存储后台得到的form数据
|
|||
|
|
@observable saveLoading = false; // 保存状态处理：保证保存的时候接口只走一次
|
|||
|
|
@observable loading = true; // 页面初始化的loading状态：数据加载成功前后前使用
|
|||
|
|
@observable hasRight = true; // 判断用户是有权限查看当前页面： 没有权限渲染无权限页面，有权限渲染数据
|
|||
|
|
@observable logVisible = false; // 控制日志弹框的显影
|
|||
|
|
|
|||
|
|
@action // 初始化操作： 一般用来初始化获取后台数据
|
|||
|
|
doInit = () =>{
|
|||
|
|
this.getBaseForm();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@action // 获得form配置数据
|
|||
|
|
getBaseForm = () => {
|
|||
|
|
API.getBaseForm().then(action(result => {
|
|||
|
|
this.loading = false;
|
|||
|
|
this.hasRight = result.hasRight;
|
|||
|
|
if (result.hasRight) {
|
|||
|
|
this.condition = result.condition;
|
|||
|
|
this.form.initFormFields(result.condition);
|
|||
|
|
}
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@action // 保存
|
|||
|
|
saveForm = () => {
|
|||
|
|
this.form.validateForm().then(action(f=>{ // 表单的校验: 直接使用form的validateForm方法即可
|
|||
|
|
if (f.isValid) { // 校验听过: 走保存接口
|
|||
|
|
this.saveLoading = true;
|
|||
|
|
const params = this.form.getFormParams();
|
|||
|
|
API.saveForm(params).then(action(
|
|||
|
|
result => {
|
|||
|
|
this.saveLoading = false
|
|||
|
|
if(result.api_status){ // 保存成功: 1、给出提示 2、刷新form数据
|
|||
|
|
message.success(`${getLabel(18758,'保存成功')}`);
|
|||
|
|
this.getBaseForm();
|
|||
|
|
}else {
|
|||
|
|
message.error(`${getLabel(22620,'保存失败')}`);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
));
|
|||
|
|
} else {
|
|||
|
|
f.showErrors();
|
|||
|
|
}
|
|||
|
|
}));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@action
|
|||
|
|
setLogVisible = bool => this.logVisible = bool
|
|||
|
|
|
|||
|
|
}
|