说明
1.字典的含义与集合类似,在项目中,很多数据的选择是框定在一个范围内,这时候可以在系统中配置键值对,我们提供了字典工具通过字典编码获取字典名称
2.所有的字典是在页面初始化时,调用接口,并存储在store下的dictMap
# 两种反向解析工具
获取字典单个名称:getNameByCode(code, parentCode)
获取字典多个名称:getNamesByCode(codes, parentCode)
# 几种使用情况
# 直接获取名称
this.majorName = getNameByCode(this.major, 'project_major')
# 表格列根据编码显示名称
<template>
<div>
<table-list
:data="drawingList"
:columns="columns"
class="dataTable"
:total="total"
></table-list>
</div>
</template>
<script>
import tableList from '@/components/table/tableList.vue'
import { getNameByCode } from '@/utils'
export default {
components: {
tableList
},
data() {
return {
drawingList: [],
columns: [
{
text: '阶段',
value: 'projectPhase',
filter: getNameByCode,
filterParams: ['project_phase']
}
]
}
},
methods: {
getNameByCode
}
</script>