数据字典

字典管理是用来维护数据类型的数据，如下拉框、单选按钮、复选框、树选择的数据，方便系统管理员维护。

使用步骤

1、全局配置数据字典接口 (1) 在/common/request/api.js中，配置以下接口(参数为数据字典类型):

export const DictData = (data) => request("system/dict/data/type/" + data, {}, GET)  //获取数据字典

(2) 可以在/commom/mixin/dict中自定义数据字典的字段等。

2、在页面或者组件加载数据字典

假设需要使用后端提供的车型(car_type)、车长(car_length)数据字典项，

只需要添加dicts选项，示例如下

export default {

    dicts: ['car_type', 'car_length'],

    data(){
        return {

        }
    },
}

3、 读取数据字典

<com-select>
    <com-option v-for="(item, index) in dict.car_type" 
        :value="dict.value" 
        :label="dict.label" 
        :key="dict.value"></com-option>
</com-select>

4、翻译数据字典 将某个值从列表中找到并翻译成展示文本，可以使用com-text组件

<com-text type="dict" :value="1" :list="dict.car_type"></com-text>