1、Ajax优化

Former-commit-id: e4bff2f1e60ee94d1400cc521b6393b7e554d85b
master
wangbing 5 years ago
parent 817fb3e796
commit 8748f10f51

@ -193,100 +193,83 @@
return Promise.resolve(rsp); return Promise.resolve(rsp);
}) })
}; };
function Ajax(module, target, method, data) { function Ajax(module, target, method) {
this.mModule = module; this.mModule = module;
this.mTarget = target; this.mTarget = target;
this.mMethod = method; this.mMethod = method;
this.mData = data ? data : {};
this.module = function (module) { this.post = function (data, callback) {
this.mModule = module;
return this;
};
this.target = function (target) {
this.mTarget = target;
return this;
};
this.method = function (method) {
this.mMethod = method;
return this;
};
this.data = function (data) {
this.mData = data;
return this;
};
this.post = function (callback) {
switch (this.mMethod) { switch (this.mMethod) {
case "upload": case "upload":
return uploadRequest({ return uploadRequest({
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod, url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
data: this.mData data: data
}).then(callback); }).then(callback);
break; break;
case "imports": case "imports":
return importRequest({ return importRequest({
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod, url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
data: this.mData data: data
}).then(callback); }).then(callback);
break; break;
case "exports": case "exports":
return downRequest({ return downRequest({
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod, url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
data: JSON.stringify(this.mData) data: JSON.stringify(data)
}).then(callback) }).then(callback)
break; break;
case "template": case "template":
return downRequest({ return downRequest({
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod, url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
data: JSON.stringify(this.mData) data: JSON.stringify(data)
}).then(callback); }).then(callback);
break; break;
default: default:
jsonRequest({ jsonRequest({
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod, url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
data: JSON.stringify(this.mData) data: JSON.stringify(data)
}).then(callback); }).then(callback);
} }
}; };
this.create = function (callback) { this.create = function (data, callback) {
this.mMethod = "create"; this.mMethod = "create";
this.post(callback); this.post(data, callback);
}; };
this.delete = function (callback) { this.delete = function (data, callback) {
this.mMethod = "delete"; this.mMethod = "delete";
this.post(callback); this.post(data, callback);
}; };
this.update = function (callback) { this.update = function (data, callback) {
this.mMethod = "update"; this.mMethod = "update";
this.post(callback); this.post(data, callback);
}; };
this.find = function (callback) { this.find = function (data, callback) {
this.mMethod = "find"; this.mMethod = "find";
this.post(callback); this.post(data, callback);
}; };
this.get = function (callback) { this.get = function (data, callback) {
this.mMethod = "get"; this.mMethod = "get";
this.post(callback); this.post(data, callback);
}; };
this.load = function (callback) { this.load = function (data, callback) {
this.mMethod = "load"; this.mMethod = "load";
this.post(callback); this.post(data, callback);
}; };
this.template = function (callback) { this.template = function (data, callback) {
this.mMethod = "template"; this.mMethod = "template";
this.post(callback); this.post(data, callback);
}; };
this.imports = function (callback) { this.imports = function (data, callback) {
this.mMethod = "imports"; this.mMethod = "imports";
this.post(callback); this.post(data, callback);
}; };
this.exports = function (callback) { this.exports = function (data, callback) {
this.mMethod = "exports"; this.mMethod = "exports";
this.post(callback); this.post(data, callback);
}; };
this.upload = function (callback) { this.upload = function (data, callback) {
this.mMethod = "upload"; this.mMethod = "upload";
this.post(callback); this.post(data, callback);
}; };
} }

@ -1029,17 +1029,13 @@
}, },
methods: { methods: {
doAjax: function () { doAjax: function () {
new Ajax() new Ajax("system", "user","find").post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("user") nav.e(response.errors[0].message);
.data({}) } else {
.find(function (response) { nav.i("Ajax调用成功!");
if (response.errors.length > 0) { }
nav.e(response.errors[0].message); }.bind(this))
} else {
nav.i("Ajax调用成功!");
}
}.bind(this))
}, },
doPush: function () { doPush: function () {
if (window.EventSource) { if (window.EventSource) {

@ -374,18 +374,14 @@
onCommand: function (cmd) { onCommand: function (cmd) {
switch (cmd) { switch (cmd) {
case "logout": case "logout":
new Ajax() new Ajax("system", "User", "logout").post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("User") nav.e(response.errors[0].message);
.method("logout") } else {
.post(function (response) { nav.clearCookie("token");
if (response.errors.length > 0) { nav.toOpen("/login.htm");
nav.e(response.errors[0].message); }
} else { }.bind(this));
nav.clearCookie("token");
nav.toOpen("/login.htm");
}
}.bind(this));
break; break;
default: default:
nav.w("未找到对应的命令"); nav.w("未找到对应的命令");

@ -110,21 +110,16 @@
this.$refs[formName].validate(function (valid) { this.$refs[formName].validate(function (valid) {
if (valid) { if (valid) {
this.isSubmit = true; this.isSubmit = true;
new Ajax() new Ajax("system", "User", "login", this.form).post(function (response) {
.module("system") this.isSubmit = false;
.target("User") if (response.errors.length > 0) {
.method("login") nav.e(response.errors[0].message);
.data(this.form) } else {
.post(function (response) { nav.i("登录成功!", function () {
this.isSubmit = false; nav.toHome();
if (response.errors.length > 0) { });
nav.e(response.errors[0].message); }
} else { }.bind(this));
nav.i("登录成功!", function () {
nav.toHome();
});
}
}.bind(this));
} else { } else {
return false; return false;
} }

@ -313,18 +313,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax(this.module, this.target, "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });

@ -302,18 +302,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "dept", "delete",{id: item.id}).post((function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });
@ -345,52 +341,39 @@
return data.deptName.indexOf(value) !== -1; return data.deptName.indexOf(value) !== -1;
}, },
onLoadTree: function () { onLoadTree: function () {
new Ajax() new Ajax("system","dept","tree").post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("dept") nav.e(response.errors[0].message);
.method("tree") } else {
.data({}) this.treeData = response.result;
.post(function (response) { }
if (response.errors.length > 0) { }.bind(this))
nav.e(response.errors[0].message);
} else {
this.treeData = response.result;
}
}.bind(this))
}, },
onSave: function () { onSave: function () {
this.$refs['form'].validate(function (valid) { this.$refs['form'].validate(function (valid) {
if (valid) { if (valid) {
if (this.form.id) { if (this.form.id) {
new Ajax() new Ajax("system", "dept").data(this.form).update(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data(this.form) } else {
.update(function (response) { this.onFind();
if (response.errors.length > 0) { this.onLoadTree();
nav.e(response.errors[0].message); this.$refs['form'].resetFields();
} else { this.form.dialog = false;
this.onFind(); }
this.onLoadTree(); }.bind(this))
this.$refs['form'].resetFields();
this.form.dialog = false;
}
}.bind(this))
} else { } else {
new Ajax() new Ajax("system", "dept").data(this.form).create(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data(this.form) } else {
.create(function (response) { this.onFind();
if (response.errors.length > 0) { this.onLoadTree();
nav.e(response.errors[0].message); this.$refs['form'].resetFields();
} else { this.form.dialog = false;
this.onFind(); }
this.onLoadTree(); }.bind(this))
this.$refs['form'].resetFields();
this.form.dialog = false;
}
}.bind(this))
} }
} else { } else {
return false; return false;

@ -131,34 +131,34 @@
:visible.sync="form.dialog"> :visible.sync="form.dialog">
<el-form class=form" :model="form" :inline="true" :rules="formRules" ref="form" <el-form class=form" :model="form" :inline="true" :rules="formRules" ref="form"
label-position="right" label-width="90px"> label-position="right" label-width="90px">
<el-form-item label="字典名称" prop="dictName"> <el-form-item label="字典名称" prop="dictName">
<el-input v-model="form.dictName" clearable size="mini" placeholder="请输入字典名称"></el-input> <el-input v-model="form.dictName" clearable size="mini" placeholder="请输入字典名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="字典描述" prop="dictComment"> <el-form-item label="字典描述" prop="dictComment">
<el-input v-model="form.dictComment" clearable size="mini" placeholder="请输入字典描述"></el-input> <el-input v-model="form.dictComment" clearable size="mini" placeholder="请输入字典描述"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="字典版本" prop="version"> <el-form-item label="字典版本" prop="version">
<el-date-picker <el-date-picker
size="mini" size="mini"
v-model="form.version" v-model="form.version"
format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
type="datetime" type="datetime"
placeholder="选择日期时间"> placeholder="选择日期时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="是否有效" prop="valid"> <el-form-item label="是否有效" prop="valid">
<el-radio-group v-model="form.valid" clearable size="mini"> <el-radio-group v-model="form.valid" clearable size="mini">
<el-radio :label="true">是</el-radio> <el-radio :label="true">是</el-radio>
<el-radio :label="false">否</el-radio> <el-radio :label="false">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click="form.dialog = false">取 消</el-button> <el-button size="mini" @click="form.dialog = false">取 消</el-button>
<el-button size="mini" type="primary" @click="onSave">保存</el-button> <el-button size="mini" type="primary" @click="onSave">保存</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
<script> <script>
var app = new Vue({ var app = new Vue({
@ -175,8 +175,8 @@
pageNumber: 1, pageNumber: 1,
pageSize: 10, pageSize: 10,
totalCount: 0, totalCount: 0,
sortKey:'CREATE_TIME', sortKey: 'CREATE_TIME',
sortType:'DESC' sortType: 'DESC'
}, },
select: [], select: [],
result: [], result: [],
@ -234,18 +234,16 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "dict").delete({
.module(this.module) id: item.id
.target(this.target) }, function (response) {
.data({id: item.id}) if (response.errors.length > 0) {
.delete(function (response) { nav.e(response.errors[0].message);
if (response.errors.length > 0) { } else {
nav.e(response.errors[0].message); nav.s("删除成功");
} else { this.onFind();
nav.s("删除成功"); }
this.onFind(); }.bind(this))
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });

@ -132,29 +132,29 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:visible.sync="form.dialog"> :visible.sync="form.dialog">
<el-form class=form" :model="form" :inline="true" :rules="formRules" ref="form" <el-form class=form" :model="form" :inline="true" :rules="formRules" ref="form"
label-position="right" label-width="90px"> label-position="right" label-width="90px">
<el-form-item label="字典键" prop="key"> <el-form-item label="字典键" prop="key">
<el-input v-model="form.key" clearable size="mini" placeholder="请输入字典键"></el-input> <el-input v-model="form.key" clearable size="mini" placeholder="请输入字典键"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="字典值" prop="value"> <el-form-item label="字典值" prop="value">
<el-input v-model="form.value" clearable size="mini" placeholder="请输入字典值"></el-input> <el-input v-model="form.value" clearable size="mini" placeholder="请输入字典值"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="排序值" prop="sort"> <el-form-item label="排序值" prop="sort">
<el-input-number size="mini" v-model="form.sort" :min="1" :max="10000" <el-input-number size="mini" v-model="form.sort" :min="1" :max="10000"
label="描述文字"></el-input-number> label="描述文字"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="是否有效" prop="valid"> <el-form-item label="是否有效" prop="valid">
<el-radio-group v-model="form.valid" clearable> <el-radio-group v-model="form.valid" clearable>
<el-radio :label="true">是</el-radio> <el-radio :label="true">是</el-radio>
<el-radio :label="false">否</el-radio> <el-radio :label="false">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click="form.dialog = false">取消</el-button> <el-button size="mini" @click="form.dialog = false">取消</el-button>
<el-button size="mini" type="primary" @click="onSave">保存</el-button> <el-button size="mini" type="primary" @click="onSave">保存</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
<script> <script>
var app = new Vue({ var app = new Vue({
@ -230,18 +230,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "dictItem", "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });

@ -6,7 +6,8 @@
<el-input v-model="vm.name" clearable size="mini" placeholder="请输入文件名称"></el-input> <el-input v-model="vm.name" clearable size="mini" placeholder="请输入文件名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="文件类型" prop="fileType"> <el-form-item label="文件类型" prop="fileType">
<el-input-dict v-model="vm.fileType" clearable size="mini" placeholder="请输入文件类型" dict-name="FILE_TYPE" ></el-input-dict> <el-input-dict v-model="vm.fileType" clearable size="mini" placeholder="请输入文件类型"
dict-name="FILE_TYPE"></el-input-dict>
</el-form-item> </el-form-item>
<el-form-item label="扩展属性1" prop="attribute1"> <el-form-item label="扩展属性1" prop="attribute1">
<el-input v-model="vm.attribute1" clearable size="mini" placeholder="请输入扩展属性1"></el-input> <el-input v-model="vm.attribute1" clearable size="mini" placeholder="请输入扩展属性1"></el-input>
@ -122,33 +123,34 @@
:visible.sync="form.dialog"> :visible.sync="form.dialog">
<el-form class=form" :model="form" :inline="true" :rules="formRules" ref="form" <el-form class=form" :model="form" :inline="true" :rules="formRules" ref="form"
label-position="right" label-width="90px"> label-position="right" label-width="90px">
<el-form-item label="文件名称" prop="name"> <el-form-item label="文件名称" prop="name">
<el-input v-model="form.name" clearable size="mini" placeholder="请输入文件名称"></el-input> <el-input v-model="form.name" clearable size="mini" placeholder="请输入文件名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="文件类型" prop="fileType"> <el-form-item label="文件类型" prop="fileType">
<el-input-dict v-model="form.fileType" clearable size="mini" placeholder="请输入文件类型" dict-name="FILE_TYPE" ></el-input-dict> <el-input-dict v-model="form.fileType" clearable size="mini" placeholder="请输入文件类型"
</el-form-item> dict-name="FILE_TYPE"></el-input-dict>
<el-form-item label="扩展属性1" prop="attribute1"> </el-form-item>
<el-input v-model="form.attribute1" clearable size="mini" placeholder="请输入扩展属性1"></el-input> <el-form-item label="扩展属性1" prop="attribute1">
</el-form-item> <el-input v-model="form.attribute1" clearable size="mini" placeholder="请输入扩展属性1"></el-input>
<el-form-item label="扩展属性2" prop="attribute2"> </el-form-item>
<el-input v-model="form.attribute2" clearable size="mini" placeholder="请输入扩展属性2"></el-input> <el-form-item label="扩展属性2" prop="attribute2">
</el-form-item> <el-input v-model="form.attribute2" clearable size="mini" placeholder="请输入扩展属性2"></el-input>
<el-form-item label="存放地址" prop="location"> </el-form-item>
<el-input v-model="form.location" clearable size="mini" placeholder="请输入存放地址"></el-input> <el-form-item label="存放地址" prop="location">
</el-form-item> <el-input v-model="form.location" clearable size="mini" placeholder="请输入存放地址"></el-input>
<el-form-item label="访问地址" prop="url"> </el-form-item>
<el-input v-model="form.url" clearable size="mini" placeholder="请输入访问地址"></el-input> <el-form-item label="访问地址" prop="url">
</el-form-item> <el-input v-model="form.url" clearable size="mini" placeholder="请输入访问地址"></el-input>
<el-form-item label="下载地址" prop="urlDownload"> </el-form-item>
<el-input v-model="form.urlDownload" clearable size="mini" placeholder="请输入下载地址"></el-input> <el-form-item label="下载地址" prop="urlDownload">
</el-form-item> <el-input v-model="form.urlDownload" clearable size="mini" placeholder="请输入下载地址"></el-input>
</el-form> </el-form-item>
<span slot="footer" class="dialog-footer"> </el-form>
<span slot="footer" class="dialog-footer">
<el-button size="mini" @click="form.dialog = false">取 消</el-button> <el-button size="mini" @click="form.dialog = false">取 消</el-button>
<el-button size="mini" type="primary" @click="onSave">保存</el-button> <el-button size="mini" type="primary" @click="onSave">保存</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
<script> <script>
var app = new Vue({ var app = new Vue({
@ -165,8 +167,8 @@
pageNumber: 1, pageNumber: 1,
pageSize: 10, pageSize: 10,
totalCount: 0, totalCount: 0,
sortKey:'CREATE_TIME', sortKey: 'CREATE_TIME',
sortType:'DESC' sortType: 'DESC'
}, },
form: {//待提交表单 form: {//待提交表单
title: "", title: "",
@ -186,8 +188,7 @@
{required: true, message: '文件名称不能为空', trigger: 'blur'}, {required: true, message: '文件名称不能为空', trigger: 'blur'},
{min: 1, max: 255, message: '文件名称长度在 1 到 255 个字符', trigger: 'blur'} {min: 1, max: 255, message: '文件名称长度在 1 到 255 个字符', trigger: 'blur'}
], ],
fileType: [ fileType: [],
],
attribute1: [ attribute1: [
{min: 1, max: 50, message: '扩展属性1长度在 1 到 50 个字符', trigger: 'blur'} {min: 1, max: 50, message: '扩展属性1长度在 1 到 50 个字符', trigger: 'blur'}
], ],
@ -237,18 +238,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "file", "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });

@ -2,13 +2,15 @@
<el-card class="box-card"> <el-card class="box-card">
<el-form class="search" :inline="true" :model="vm" ref="vm" label-position="right" label-width="90px"> <el-form class="search" :inline="true" :model="vm" ref="vm" label-position="right" label-width="90px">
<el-form-item label="错误类型" prop="logErrType"> <el-form-item label="错误类型" prop="logErrType">
<el-input-dict v-model="vm.logErrType" clearable size="mini" placeholder="请输入错误类型" dict-name="LOG_ERR_TYPE" ></el-input-dict> <el-input-dict v-model="vm.logErrType" clearable size="mini" placeholder="请输入错误类型"
dict-name="LOG_ERR_TYPE"></el-input-dict>
</el-form-item> </el-form-item>
<el-form-item label="错误标题" prop="title"> <el-form-item label="错误标题" prop="title">
<el-input v-model="vm.title" clearable size="mini" placeholder="请输入错误标题"></el-input> <el-input v-model="vm.title" clearable size="mini" placeholder="请输入错误标题"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="处理结果" prop="logErrResult"> <el-form-item label="处理结果" prop="logErrResult">
<el-input-dict v-model="vm.logErrResult" clearable size="mini" placeholder="请输入处理结果" dict-name="LOG_ERR_RESULT" ></el-input-dict> <el-input-dict v-model="vm.logErrResult" clearable size="mini" placeholder="请输入处理结果"
dict-name="LOG_ERR_RESULT"></el-input-dict>
</el-form-item> </el-form-item>
<el-form-item label="属性1" prop="attribute1"> <el-form-item label="属性1" prop="attribute1">
<el-input v-model="vm.attribute1" clearable size="mini" placeholder="请输入属性1"></el-input> <el-input v-model="vm.attribute1" clearable size="mini" placeholder="请输入属性1"></el-input>
@ -135,39 +137,42 @@
</el-pagination> </el-pagination>
</el-card> </el-card>
<el-dialog <el-dialog
:custom-class="'dialog'" :custom-class="'dialog'"
:title="form.title" :title="form.title"
:close-on-click-modal="false" :close-on-click-modal="false"
:visible.sync="form.dialog"> :visible.sync="form.dialog">
<el-form class="form" :model="form" :inline="true" :rules="formRules" ref="form" label-position="right" label-width="90px"> <el-form class="form" :model="form" :inline="true" :rules="formRules" ref="form" label-position="right"
<el-form-item label="错误类型" prop="logErrType"> label-width="90px">
<el-input-dict v-model="form.logErrType" clearable size="mini" placeholder="请输入错误类型" dict-name="LOG_ERR_TYPE" ></el-input-dict> <el-form-item label="错误类型" prop="logErrType">
</el-form-item> <el-input-dict v-model="form.logErrType" clearable size="mini" placeholder="请输入错误类型"
<el-form-item label="错误标题" prop="title"> dict-name="LOG_ERR_TYPE"></el-input-dict>
<el-input v-model="form.title" clearable size="mini" placeholder="请输入错误标题"></el-input> </el-form-item>
</el-form-item> <el-form-item label="错误标题" prop="title">
<el-form-item label="错误内容" prop="content"> <el-input v-model="form.title" clearable size="mini" placeholder="请输入错误标题"></el-input>
<el-input v-model="form.content" clearable size="mini" placeholder="请输入错误内容"></el-input> </el-form-item>
</el-form-item> <el-form-item label="错误内容" prop="content">
<el-form-item label="处理结果" prop="logErrResult"> <el-input v-model="form.content" clearable size="mini" placeholder="请输入错误内容"></el-input>
<el-input-dict v-model="form.logErrResult" clearable size="mini" placeholder="请输入处理结果" dict-name="LOG_ERR_RESULT" ></el-input-dict> </el-form-item>
</el-form-item> <el-form-item label="处理结果" prop="logErrResult">
<el-form-item label="属性1" prop="attribute1"> <el-input-dict v-model="form.logErrResult" clearable size="mini" placeholder="请输入处理结果"
<el-input v-model="form.attribute1" clearable size="mini" placeholder="请输入属性1"></el-input> dict-name="LOG_ERR_RESULT"></el-input-dict>
</el-form-item> </el-form-item>
<el-form-item label="属性2" prop="attribute2"> <el-form-item label="属性1" prop="attribute1">
<el-input v-model="form.attribute2" clearable size="mini" placeholder="请输入属性2"></el-input> <el-input v-model="form.attribute1" clearable size="mini" placeholder="请输入属性1"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="属性3" prop="attribute3"> <el-form-item label="属性2" prop="attribute2">
<el-input v-model="form.attribute3" clearable size="mini" placeholder="请输入属性3"></el-input> <el-input v-model="form.attribute2" clearable size="mini" placeholder="请输入属性2"></el-input>
</el-form-item> </el-form-item>
</el-form> <el-form-item label="属性3" prop="attribute3">
<span slot="footer" class="dialog-footer"> <el-input v-model="form.attribute3" clearable size="mini" placeholder="请输入属性3"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="mini" @click="form.dialog = false">取 消</el-button> <el-button size="mini" @click="form.dialog = false">取 消</el-button>
<el-button size="mini" type="primary" @click="onSave">保存</el-button> <el-button size="mini" type="primary" @click="onSave">保存</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
<script> <script>
var app = new Vue({ var app = new Vue({
@ -186,8 +191,8 @@
pageNumber: 1, pageNumber: 1,
pageSize: 10, pageSize: 10,
totalCount: 0, totalCount: 0,
sortKey:'CREATE_TIME', sortKey: 'CREATE_TIME',
sortType:'DESC' sortType: 'DESC'
}, },
form: {//待提交表单 form: {//待提交表单
title: "", title: "",
@ -203,14 +208,12 @@
rowVersion: "" rowVersion: ""
}, },
formRules: { formRules: {
logErrType: [ logErrType: [],
],
title: [ title: [
{required: true, message: '错误标题不能为空', trigger: 'blur'}, {required: true, message: '错误标题不能为空', trigger: 'blur'},
{min: 1, max: 50, message: '错误标题长度在 1 到 50 个字符', trigger: 'blur'} {min: 1, max: 50, message: '错误标题长度在 1 到 50 个字符', trigger: 'blur'}
], ],
content: [ content: [],
],
logErrResult: [ logErrResult: [
{required: true, message: '处理结果不能为空', trigger: 'blur'}, {required: true, message: '处理结果不能为空', trigger: 'blur'},
], ],
@ -257,18 +260,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "logErr", "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });

@ -12,7 +12,8 @@
<el-input v-model="vm.resName" clearable size="mini" placeholder="请输入资源名称"></el-input> <el-input v-model="vm.resName" clearable size="mini" placeholder="请输入资源名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="资源类型" prop="resType"> <el-form-item label="资源类型" prop="resType">
<el-input-dict v-model="vm.resType" clearable size="mini" placeholder="请输入资源类型" dict-name="RES_TYPE"></el-input-dict> <el-input-dict v-model="vm.resType" clearable size="mini" placeholder="请输入资源类型"
dict-name="RES_TYPE"></el-input-dict>
</el-form-item> </el-form-item>
<el-form-item label="资源内容" prop="resValue"> <el-form-item label="资源内容" prop="resValue">
<el-input v-model="vm.resValue" clearable size="mini" placeholder="请输入资源内容"></el-input> <el-input v-model="vm.resValue" clearable size="mini" placeholder="请输入资源内容"></el-input>
@ -25,7 +26,8 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="mini" icon="el-icon-search" @click="onSearch">搜索</el-button> <el-button type="primary" size="mini" icon="el-icon-search" @click="onSearch">搜索</el-button>
<el-button type="warning" size="mini" icon="el-icon-refresh-left" @click="onReset('vm')">重置</el-button> <el-button type="warning" size="mini" icon="el-icon-refresh-left" @click="onReset('vm')">重置
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -171,8 +173,10 @@
:expand-on-click-node="false"> :expand-on-click-node="false">
<div class="tree" slot-scope="{ node, data }"> <div class="tree" slot-scope="{ node, data }">
<span> <span>
<el-button type="text" size="mini" icon="el-icon-plus" @click="onTreeCreate(data)"></el-button> <el-button type="text" size="mini" icon="el-icon-plus"
{{ data.resName }}<span style="color: #409EFF" @click="onTreeEdit(data)">[{{data.resCode}}]</span> @click="onTreeCreate(data)"></el-button>
{{ data.resName }}<span style="color: #409EFF"
@click="onTreeEdit(data)">[{{data.resCode}}]</span>
</span> </span>
</div> </div>
</el-tree> </el-tree>
@ -307,18 +311,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "res", "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });
@ -352,52 +352,39 @@
return data.comment.indexOf(value) !== -1; return data.comment.indexOf(value) !== -1;
}, },
onLoadTree: function () { onLoadTree: function () {
new Ajax() new Ajax("system", "res", "tree").post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("res") nav.e(response.errors[0].message);
.method("tree") } else {
.data({}) this.treeData = response.result;
.post(function (response) { }
if (response.errors.length > 0) { }.bind(this))
nav.e(response.errors[0].message);
} else {
this.treeData = response.result;
}
}.bind(this))
}, },
onSave: function () { onSave: function () {
this.$refs['form'].validate(function (valid) { this.$refs['form'].validate(function (valid) {
if (valid) { if (valid) {
if (this.form.id) { if (this.form.id) {
new Ajax() new Ajax("system", "res", "update", this.form).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data( this.form) } else {
.update(function (response) { this.onFind();
if (response.errors.length > 0) { this.onLoadTree();
nav.e(response.errors[0].message); this.$refs['form'].resetFields();
} else { this.form.dialog = false;
this.onFind(); }
this.onLoadTree(); }.bind(this))
this.$refs['form'].resetFields();
this.form.dialog = false;
}
}.bind(this))
} else { } else {
new Ajax() new Ajax("system", "res", "create", this.form).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data( this.form) } else {
.create(function (response) { this.onFind();
if (response.errors.length > 0) { this.onLoadTree();
nav.e(response.errors[0].message); this.$refs['form'].resetFields();
} else { this.form.dialog = false;
this.onFind(); }
this.onLoadTree(); }.bind(this))
this.$refs['form'].resetFields();
this.form.dialog = false;
}
}.bind(this))
} }
} else { } else {
return false; return false;

@ -227,18 +227,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "role", "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });
@ -248,56 +244,43 @@
this.formResource.dialog = true; this.formResource.dialog = true;
this.formResource.roleId = item.id; this.formResource.roleId = item.id;
this.formResource.roleCode = item.code; this.formResource.roleCode = item.code;
new Ajax() new Ajax("system", "roleRes", "find", {roleId: item.id, pageSize: 0}).post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("roleRes") nav.e(response.errors[0].message);
.data({roleId: item.id, pageSize: 0}) } else {
.find(function (response) { this.$refs.tree.setCheckedKeys([]);
if (response.errors.length > 0) { var ids = [];
nav.e(response.errors[0].message); for (var i = 0; i < response.result.length; i++) {
} else { ids.push(response.result[i].resId);
this.$refs.tree.setCheckedKeys([]); }
var ids = []; this.$refs.tree.setCheckedKeys(ids);
for (var i = 0; i < response.result.length; i++) { }
ids.push(response.result[i].resId); }.bind(this))
}
this.$refs.tree.setCheckedKeys(ids);
}
}.bind(this))
}, },
onCheck: function (item, status) { onCheck: function (item, status) {
new Ajax() var param = {
.module("system") roleId: this.formResource.roleId,
.target("roleRes") roleCode: this.formResource.roleCode,
.method("check") resId: item.id,
.data({ resCode: item.resCode,
roleId: this.formResource.roleId, checked: status.checkedKeys.indexOf(item.id) !== -1
roleCode: this.formResource.roleCode, }
resId: item.id, new Ajax("system", "roleRes", "check", param).post(function (response) {
resCode: item.resCode, if (response.errors.length > 0) {
checked: status.checkedKeys.indexOf(item.id) !== -1, nav.e(response.errors[0].message);
}) } else {
.post(function (response) {
if (response.errors.length > 0) {
nav.e(response.errors[0].message);
} else {
} }
}.bind(this)) }.bind(this))
}, },
onLoadTree: function () { onLoadTree: function () {
new Ajax() new Ajax("system", "res", "tree").post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("res") nav.e(response.errors[0].message);
.method("tree") } else {
.data({}) this.treeData = response.result;
.post(function (response) { }
if (response.errors.length > 0) { }.bind(this))
nav.e(response.errors[0].message);
} else {
this.treeData = response.result;
}
}.bind(this))
}, },
}, },
mounted: function () { mounted: function () {

@ -55,18 +55,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "schedule", "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });

@ -249,19 +249,14 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "tokens", "logout", {token: item.token}).post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("tokens") nav.e(response.errors[0].message);
.method("logout") } else {
.data({token: item.token}) nav.s("注销成功");
.post(function (response) { this.onFind();
if (response.errors.length > 0) { }
nav.e(response.errors[0].message); }.bind(this))
} else {
nav.s("注销成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });

@ -269,39 +269,30 @@
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(function () { }).then(function () {
new Ajax() new Ajax("system", "user", "delete", {id: item.id}).post(function (response) {
.module(this.module) if (response.errors.length > 0) {
.target(this.target) nav.e(response.errors[0].message);
.data({id: item.id}) } else {
.delete(function (response) { nav.s("删除成功");
if (response.errors.length > 0) { this.onFind();
nav.e(response.errors[0].message); }
} else { }.bind(this))
nav.s("删除成功");
this.onFind();
}
}.bind(this))
}.bind(this)).catch(function (action) { }.bind(this)).catch(function (action) {
}); });
}, },
loadRoles: function () { loadRoles: function () {
new Ajax() new Ajax("system", "role", "find", {pageSize: 0}).post(function (response) {
.module("system") if (response.errors.length > 0) {
.target("role") nav.e(response.errors[0].message);
.method("find") } else {
.data({pageSize: 0}) this.roleList = response.result;
.post(function (response) { for (var i = 0; i < this.roleList.length; i++) {
if (response.errors.length > 0) { this.roleList[i].key = this.roleList[i].code;
nav.e(response.errors[0].message); this.roleList[i].label = this.roleList[i].name;
} else { }
this.roleList = response.result; }
for (var i = 0; i < this.roleList.length; i++) { }.bind(this))
this.roleList[i].key = this.roleList[i].code;
this.roleList[i].label = this.roleList[i].name;
}
}
}.bind(this))
}, },
}, },
mounted: function () { mounted: function () {

Loading…
Cancel
Save

Powered by TurnKey Linux.