newapp
// 基于element的快速开发系统
安装依赖
cnpm i vue-plugs-rapid-systems
main.js 文件配置
import rapidSystem from 'vue-plugs-rapid-systems'
Vue.use(rapidSystem)
import 'vue-plugs-rapid-systems/lib/tag.css'
// 注意 没有element的需要安装element 之后在main.js中
// import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css'
vue.config.js 配置
// 在chainWebpack 配置
chainWebpack: (config) => {
config.resolve.alias
.set('run', path.join(__dirname, 'node_modules',
'vue-plugs-rapid-systems', 'lib', 'tag.umd.min.js'))
}
找页面测试
<script>
import Run from 'run'
export default {
data() {
return {
options: null,
sources: new Run.Source()
}
},
mounted() {
this.options = new Run.Work({
config: {
title: "隐患排查",
describe: "数据来源与手机随手拍"
},
tabs: "tabs",
actions: ["create", "update", "delete",'see'],
list: {
columns: ["user", "serial", "name"]
},
form: ["name", "user", "serial"],
search: ["name", "user"],
columns: [
{ label: "名称", field: "name", layout: "text", _sortable: true },
{ label: "主管", field: "user", layout: "text" },
{ label: "序号", field: "serial", layout: "text" }
],
events: {
loading(rows, done) {
setTimeout(() => {
this.sources.set("tabs", [
{
label: "风险管控",
params: { category: 1 }
},
{
label: "隐患排查",
params: { category: 2 }
}
])
done()
}, 1000)
},
search(params) {
},
delete(rows, done) {
setTimeout(() => {
done()
}, 1000)
},
submit(form, done) {
setTimeout(() => {
done()
}, 1000)
},
edit(form, store) {
},
create() {
}
},
sources: this.sources
})
}
}
</script>
<style scoped>
</style>