简化数据字典,支持单组件内多字典同时使用,全局混入,组件不配置字典时,不对data附加dict属性

This commit is contained in:
moxun
2019-09-28 11:46:29 +08:00
parent ae71ad9731
commit e69750a534
4 changed files with 65 additions and 8 deletions

View File

@@ -0,0 +1,29 @@
import Vue from 'vue'
import { get as getDictDetail } from '@/api/dictDetail'
export default class Dict {
constructor (dict) {
this.dict = dict
}
async init (names, completeCallback) {
if (names === undefined || name === null) {
throw new Error('need dict names')
}
const ps = []
names.forEach(n => {
Vue.set(this.dict.dict, n, {})
Vue.set(this.dict.label, n, {})
Vue.set(this.dict, n, [])
ps.push(getDictDetail(n).then(data => {
this.dict[n].splice(0, 0, ...data.content)
data.content.forEach(d => {
Vue.set(this.dict.dict[n], d.value, d)
Vue.set(this.dict.label[n], d.value, d.label)
})
}))
})
await Promise.all(ps)
completeCallback()
}
}

View File

@@ -0,0 +1,29 @@
import Dict from './Dict'
const install = function (Vue) {
Vue.mixin({
data () {
if (this.$options.dicts instanceof Array) {
const dict = {
dict: {},
label: {},
}
return {
dict,
}
}
return {}
},
created () {
if (this.$options.dicts instanceof Array) {
new Dict(this.dict).init(this.$options.dicts, () => {
this.$nextTick(() => {
this.$emit('dictReady')
})
})
}
},
})
}
export default { install }