字典

说明

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>

# 注意:getNamesByCode使用与getNameByCode一样,区别在于getNamesByCode会返回该父字典下的多个子名称,并以英文逗号分隔