|
|
|
|
@ -1,18 +1,18 @@
|
|
|
|
|
<script>
|
|
|
|
|
jsonService = axios.create({
|
|
|
|
|
var jsonService = axios.create({
|
|
|
|
|
method: 'post',
|
|
|
|
|
timeout: 30000,
|
|
|
|
|
baseURL: '',
|
|
|
|
|
headers: {'Content-Type': 'application/json;charset=UTF-8'},
|
|
|
|
|
});
|
|
|
|
|
downloadService = axios.create({
|
|
|
|
|
var downloadService = axios.create({
|
|
|
|
|
method: 'post',
|
|
|
|
|
timeout: 30000,
|
|
|
|
|
baseURL: '',
|
|
|
|
|
responseType: 'blob',
|
|
|
|
|
headers: {'Content-Type': 'application/json;charset=UTF-8'},
|
|
|
|
|
});
|
|
|
|
|
uploadService = axios.create({
|
|
|
|
|
var uploadService = axios.create({
|
|
|
|
|
method: 'post',
|
|
|
|
|
timeout: 30000,
|
|
|
|
|
baseURL: '',
|
|
|
|
|
@ -147,99 +147,262 @@
|
|
|
|
|
return Promise.resolve(handleError(response.response.status));
|
|
|
|
|
})
|
|
|
|
|
};
|
|
|
|
|
// 定义共享异步请求对象
|
|
|
|
|
Vue.prototype.$ajax = {
|
|
|
|
|
post: function (config) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: "/ajax/" + config["module"] + "/" + config["target"] + "/" + config["method"],
|
|
|
|
|
data: JSON.stringify(config["data"]),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
login: function (data) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: "/ajax/system/User/login",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
upload: function (data) {
|
|
|
|
|
return upRequest({
|
|
|
|
|
url: "/ajax/system/File/upload",
|
|
|
|
|
data: data,
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
download: function (data) {
|
|
|
|
|
return downRequest({
|
|
|
|
|
url: "/ajax/system/File/download",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
create: function (module, target, data) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: '/ajax/' + module + "/" + target + "/create",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
update: function (module, target, data) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: '/ajax/' + module + "/" + target + "/update",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
delete: function (module, target, data) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: '/ajax/' + module + "/" + target + "/delete",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
find: function (module, target, data) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: '/ajax/' + module + "/" + target + "/find",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
get: function (module, target, data) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: '/ajax/' + module + "/" + target + "/get",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
load: function (module, target, data) {
|
|
|
|
|
return jsonRequest({
|
|
|
|
|
url: '/ajax/' + module + "/" + target + "/load",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
template: function (module, target, data) {
|
|
|
|
|
function Ajax(module, target, method) {
|
|
|
|
|
this.mModule = module;
|
|
|
|
|
this.mTarget = target;
|
|
|
|
|
this.mMethod = method;
|
|
|
|
|
|
|
|
|
|
this.module = function (module) {
|
|
|
|
|
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) {
|
|
|
|
|
jsonRequest({
|
|
|
|
|
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
|
|
|
|
|
data: JSON.stringify(this.mData),
|
|
|
|
|
}).then(callback)
|
|
|
|
|
};
|
|
|
|
|
this.create = function (callback) {
|
|
|
|
|
this.mMethod = "create";
|
|
|
|
|
this.post(callback);
|
|
|
|
|
};
|
|
|
|
|
this.create = function (callback) {
|
|
|
|
|
this.mMethod = "create";
|
|
|
|
|
this.post(callback);
|
|
|
|
|
};
|
|
|
|
|
this.delete = function (callback) {
|
|
|
|
|
this.mMethod = "delete";
|
|
|
|
|
this.post(callback);
|
|
|
|
|
};
|
|
|
|
|
this.update = function (callback) {
|
|
|
|
|
this.mMethod = "update";
|
|
|
|
|
this.post(callback);
|
|
|
|
|
};
|
|
|
|
|
this.find = function (callback) {
|
|
|
|
|
this.mMethod = "find";
|
|
|
|
|
this.post(callback);
|
|
|
|
|
};
|
|
|
|
|
this.get = function (callback) {
|
|
|
|
|
this.mMethod = "get";
|
|
|
|
|
this.post(callback);
|
|
|
|
|
};
|
|
|
|
|
this.load = function (callback) {
|
|
|
|
|
this.mMethod = "load";
|
|
|
|
|
this.post(callback);
|
|
|
|
|
};
|
|
|
|
|
this.template = function (callback) {
|
|
|
|
|
this.mMethod = "template";
|
|
|
|
|
return downRequest({
|
|
|
|
|
url: "/ajax/" + module + "/" + target + "/template",
|
|
|
|
|
data: JSON.stringify(data),
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
imports: function (module, target, data) {
|
|
|
|
|
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
|
|
|
|
|
data: JSON.stringify(this.mData),
|
|
|
|
|
}).then(callback)
|
|
|
|
|
};
|
|
|
|
|
this.imports = function (callback) {
|
|
|
|
|
this.mMethod = "imports";
|
|
|
|
|
return upRequest({
|
|
|
|
|
url: "/ajax/" + module + "/" + target + "/imports",
|
|
|
|
|
data: data,
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
exports: function (module, target, data) {
|
|
|
|
|
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
|
|
|
|
|
data: this.mData,
|
|
|
|
|
}).then(callback)
|
|
|
|
|
};
|
|
|
|
|
this.exports = function (callback) {
|
|
|
|
|
this.mMethod = "exports";
|
|
|
|
|
return downRequest({
|
|
|
|
|
url: "/ajax/" + module + "/" + target + "/exports",
|
|
|
|
|
data: data,
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
url: '/ajax/' + this.mModule + "/" + this.mTarget + "/" + this.mMethod,
|
|
|
|
|
data: JSON.stringify(this.mData),
|
|
|
|
|
}).then(callback)
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Vue.config.productionTip = false;
|
|
|
|
|
var mixin = {
|
|
|
|
|
data: {
|
|
|
|
|
activeIndex: 'home',
|
|
|
|
|
contextPath: '${context?default("")}',
|
|
|
|
|
homePath: '${home?default("")}',
|
|
|
|
|
loadingTip: '',
|
|
|
|
|
loadingBar: '',
|
|
|
|
|
isSubmit: false,
|
|
|
|
|
result: [],
|
|
|
|
|
select: []
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
onSearch: function () {
|
|
|
|
|
this.vm.pageNumber = 1;
|
|
|
|
|
this.onFind();
|
|
|
|
|
},
|
|
|
|
|
onReset: function (form) {
|
|
|
|
|
this.$refs[form].resetFields();
|
|
|
|
|
this.w('重置成功');
|
|
|
|
|
},
|
|
|
|
|
onPageChange: function (pageNumber) {
|
|
|
|
|
this.vm.pageNumber = pageNumber;
|
|
|
|
|
this.onFind();
|
|
|
|
|
},
|
|
|
|
|
onPageSizeChange: function (pageSize) {
|
|
|
|
|
this.vm.pageSize = pageSize;
|
|
|
|
|
this.onFind();
|
|
|
|
|
},
|
|
|
|
|
onSelectionChange: function (select) {
|
|
|
|
|
this.select = select;
|
|
|
|
|
},
|
|
|
|
|
onTemplate: function () {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.method("template")
|
|
|
|
|
.data({})
|
|
|
|
|
.template()
|
|
|
|
|
},
|
|
|
|
|
onImport: function (item) {
|
|
|
|
|
utils.selectFile(function (files) {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.data(files[0])
|
|
|
|
|
.imports();
|
|
|
|
|
}.bind(this))
|
|
|
|
|
},
|
|
|
|
|
onExport: function () {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.data( this.vm)
|
|
|
|
|
.exports();
|
|
|
|
|
},
|
|
|
|
|
onSave: function () {
|
|
|
|
|
this.$refs['form'].validate(function (valid) {
|
|
|
|
|
if (valid) {
|
|
|
|
|
if (this.form.id) {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.data(this.form)
|
|
|
|
|
.update(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
nav.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.onFind();
|
|
|
|
|
this.$refs['form'].resetFields();
|
|
|
|
|
this.form.dialog = false;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
} else {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.data(this.form)
|
|
|
|
|
.create(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
nav.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.onFind();
|
|
|
|
|
this.$refs['form'].resetFields();
|
|
|
|
|
this.form.dialog = false;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this));
|
|
|
|
|
},
|
|
|
|
|
onFind: function () {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.data(this.vm)
|
|
|
|
|
.find(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
nav.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.result = response.result;
|
|
|
|
|
this.vm.totalCount = Number(response.totalCount);
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
},
|
|
|
|
|
onDelete: function (item) {
|
|
|
|
|
this.$confirm('将删除该项, 是否继续?', '提示', {
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(function () {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.data({id: item.id})
|
|
|
|
|
.delete(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
nav.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.s("删除成功");
|
|
|
|
|
this.onFind();
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
}.bind(this)).catch(function (action) {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
onBitchDelete: function () {
|
|
|
|
|
if (this.select.length == 0) {
|
|
|
|
|
this.w("至少选中一项");
|
|
|
|
|
} else {
|
|
|
|
|
this.$confirm('将删除已选择的项, 是否继续?', '提示', {
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(function () {
|
|
|
|
|
for (var i = 0; i < this.select.length; i++) {
|
|
|
|
|
(function (obj) {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module(this.module)
|
|
|
|
|
.target(this.target)
|
|
|
|
|
.data({id: obj.id})
|
|
|
|
|
.delete(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
nav.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
for (var j = 0; j < this.select.length; j++) {
|
|
|
|
|
if (this.select[j].id === obj.id) {
|
|
|
|
|
this.select.splice(j, 1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (this.select.length === 0) {
|
|
|
|
|
this.s("删除成功")
|
|
|
|
|
this.onFind();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
}.bind(this))(this.select[i]);
|
|
|
|
|
}
|
|
|
|
|
}.bind(this)).catch(function (action) {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created: function () {
|
|
|
|
|
},
|
|
|
|
|
mounted: function () {
|
|
|
|
|
},
|
|
|
|
|
filters: {},
|
|
|
|
|
watch: {}
|
|
|
|
|
};
|
|
|
|
|
// 实例化工具
|
|
|
|
|
window.nav = new Vue({
|
|
|
|
|
data: {
|
|
|
|
|
loadingTip: '',
|
|
|
|
|
loadingBar: '',
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
tipShow: function (msg) {
|
|
|
|
|
var message = "<i class='el-icon-loading'></i> 正在加载 ..."
|
|
|
|
|
@ -384,137 +547,7 @@
|
|
|
|
|
}
|
|
|
|
|
})();
|
|
|
|
|
},
|
|
|
|
|
onSearch: function () {
|
|
|
|
|
this.vm.pageNumber = 1;
|
|
|
|
|
this.onFind();
|
|
|
|
|
},
|
|
|
|
|
onReset: function (form) {
|
|
|
|
|
this.$refs[form].resetFields();
|
|
|
|
|
this.w('重置成功');
|
|
|
|
|
},
|
|
|
|
|
onPageChange: function (pageNumber) {
|
|
|
|
|
this.vm.pageNumber = pageNumber;
|
|
|
|
|
this.onFind();
|
|
|
|
|
},
|
|
|
|
|
onPageSizeChange: function (pageSize) {
|
|
|
|
|
this.vm.pageSize = pageSize;
|
|
|
|
|
this.onFind();
|
|
|
|
|
},
|
|
|
|
|
onSelectionChange: function (select) {
|
|
|
|
|
this.select = select;
|
|
|
|
|
},
|
|
|
|
|
onTemplate: function () {
|
|
|
|
|
this.$ajax.template(this.module, this.target, {});
|
|
|
|
|
},
|
|
|
|
|
onImport: function (item) {
|
|
|
|
|
utils.selectFile(function (files) {
|
|
|
|
|
this.$ajax.imports(this.module, this.target, files[0]);
|
|
|
|
|
}.bind(this))
|
|
|
|
|
},
|
|
|
|
|
onExport: function () {
|
|
|
|
|
this.$ajax.exports(this.module, this.target, this.vm);
|
|
|
|
|
},
|
|
|
|
|
onSave: function () {
|
|
|
|
|
this.$refs['form'].validate(function (valid) {
|
|
|
|
|
if (valid) {
|
|
|
|
|
if (this.form.id) {
|
|
|
|
|
this.$ajax.update(this.module, this.target, this.form).then(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
nav.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.onFind();
|
|
|
|
|
this.$refs['form'].resetFields();
|
|
|
|
|
this.form.dialog = false;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
} else {
|
|
|
|
|
this.$ajax.create(this.module, this.target, this.form).then(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
nav.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.onFind();
|
|
|
|
|
this.$refs['form'].resetFields();
|
|
|
|
|
this.form.dialog = false;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this));
|
|
|
|
|
},
|
|
|
|
|
onFind: function () {
|
|
|
|
|
this.$ajax.find(this.module, this.target, this.vm).then(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
this.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.result = response.result;
|
|
|
|
|
this.vm.totalCount = Number(response.totalCount);
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
},
|
|
|
|
|
onDelete: function (item) {
|
|
|
|
|
this.$confirm('将删除该项, 是否继续?', '提示', {
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(function () {
|
|
|
|
|
this.$ajax.delete(this.module, this.target, {id: item.id}).then(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
this.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
this.s("删除成功");
|
|
|
|
|
this.onFind();
|
|
|
|
|
}
|
|
|
|
|
}.bind(this));
|
|
|
|
|
}.bind(this)).catch(function (action) {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
onBitchDelete: function () {
|
|
|
|
|
if (this.select.length == 0) {
|
|
|
|
|
this.w("至少选中一项");
|
|
|
|
|
} else {
|
|
|
|
|
this.$confirm('将删除已选择的项, 是否继续?', '提示', {
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(function () {
|
|
|
|
|
for (var i = 0; i < this.select.length; i++) {
|
|
|
|
|
(function (obj) {
|
|
|
|
|
this.$ajax.delete(this.module, this.target, {id: obj.id}).then(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
this.e(response.errors[0].message);
|
|
|
|
|
} else {
|
|
|
|
|
for (var j = 0; j < this.select.length; j++) {
|
|
|
|
|
if (this.select[j].id === obj.id) {
|
|
|
|
|
this.select.splice(j, 1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (this.select.length === 0) {
|
|
|
|
|
this.s("删除成功")
|
|
|
|
|
this.onFind();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
}.bind(this))(this.select[i]);
|
|
|
|
|
}
|
|
|
|
|
}.bind(this)).catch(function (action) {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
created: function () {
|
|
|
|
|
},
|
|
|
|
|
mounted: function () {
|
|
|
|
|
},
|
|
|
|
|
filters: {},
|
|
|
|
|
watch: {}
|
|
|
|
|
};
|
|
|
|
|
// 实例化工具
|
|
|
|
|
window.nav = new Vue({
|
|
|
|
|
mixins: [mixin]
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
//字典组件
|
|
|
|
|
Vue.component('el-input-dict', {
|
|
|
|
|
@ -548,13 +581,18 @@
|
|
|
|
|
},
|
|
|
|
|
created: function () {
|
|
|
|
|
if (this.dictName) {
|
|
|
|
|
this.$ajax.load("system", "dict", {dictName: this.dictName}).then(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
console.error(response.errors[0].message)
|
|
|
|
|
} else {
|
|
|
|
|
this.options = response.dictItems;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module("system")
|
|
|
|
|
.target("dict")
|
|
|
|
|
.method("load")
|
|
|
|
|
.data({dictName: this.dictName})
|
|
|
|
|
.post(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
console.error(response.errors[0].message)
|
|
|
|
|
} else {
|
|
|
|
|
this.options = response.dictItems;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
template: '' +
|
|
|
|
|
@ -564,5 +602,65 @@
|
|
|
|
|
' <span style="float: right; color: #8492a6; font-size: 12px">{{ item.key }}</span>' +
|
|
|
|
|
' </el-option>' +
|
|
|
|
|
'</el-select>'
|
|
|
|
|
});
|
|
|
|
|
//机构选择
|
|
|
|
|
Vue.component('el-input-dept', {
|
|
|
|
|
data: function () {
|
|
|
|
|
return {
|
|
|
|
|
options: [],
|
|
|
|
|
props:{
|
|
|
|
|
multiple: false,
|
|
|
|
|
checkStrictly: true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
props: {
|
|
|
|
|
value: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: ''
|
|
|
|
|
},
|
|
|
|
|
size: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: 'small'
|
|
|
|
|
},
|
|
|
|
|
clearable: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: true
|
|
|
|
|
},
|
|
|
|
|
placeholder: {
|
|
|
|
|
type: String,
|
|
|
|
|
default: ''
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
input: function (value) {
|
|
|
|
|
this.$emit('input', value);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created: function () {
|
|
|
|
|
new Ajax()
|
|
|
|
|
.module("system")
|
|
|
|
|
.target("dept")
|
|
|
|
|
.method("tree")
|
|
|
|
|
.data({dictName: this.dictName})
|
|
|
|
|
.post(function (response) {
|
|
|
|
|
if (response.errors.length > 0) {
|
|
|
|
|
console.error(response.errors[0].message)
|
|
|
|
|
} else {
|
|
|
|
|
this.options = response.result;
|
|
|
|
|
}
|
|
|
|
|
}.bind(this))
|
|
|
|
|
},
|
|
|
|
|
template: '' +
|
|
|
|
|
'<el-cascader ' +
|
|
|
|
|
' @input="input" ' +
|
|
|
|
|
' :show-all-levels="false" ' +
|
|
|
|
|
' :options="options" ' +
|
|
|
|
|
' :clearable="clearable" ' +
|
|
|
|
|
' :size="size" ' +
|
|
|
|
|
' :props="props" ' +
|
|
|
|
|
' filterable ' +
|
|
|
|
|
' :placeholder="placeholder">' +
|
|
|
|
|
'</el-cascader>'
|
|
|
|
|
})
|
|
|
|
|
</script>
|
wangbing
5 years ago