简化数据字典,支持单组件内多字典同时使用,全局混入,组件不配置字典时,不对data附加dict属性
This commit is contained in:
29
src/components/dict/Dict.js
Normal file
29
src/components/dict/Dict.js
Normal 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()
|
||||
}
|
||||
}
|
||||
29
src/components/dict/index.js
Normal file
29
src/components/dict/index.js
Normal 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 }
|
||||
Reference in New Issue
Block a user