// 基于element的快速开发系统
cnpm i vue-plugs-rapid-systems
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'
// 在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>