jeecgboot 使用-2: table数据回显dict中的文

• 此系列为使用jeecgboot基础使用及遇到问题的解决方案, 供大家参考

版本: jeecgboot v3.5.1 vue3版

在数据字典中定义了一些数据值, 需要在使用的时候选择和显示, 上一篇中提到了如何处理在form中下拉选择数据, 本文处理在table中回显数据文本

table 数据中有dict的字段值, 需要回显成dict中的text/label,
可在表字段上面加上@Dict注解

    /**行业性质（住宅/写字楼/商店/酒店/餐饮/文体/娱乐/其他）*/
   @Excel(name = "行业性质（住宅/写字楼/商店/酒店/餐饮/文体/娱乐/其他）", width = 15)
    @ApiModelProperty(value = "行业性质（住宅/写字楼/商店/酒店/餐饮/文体/娱乐/其他）")
    @Dict(dicCode = "nature_business")
    private String natureBusiness;

在查询table数据时会在此字段后面多一个后缀_dictText, 故只要把此字段显示上去即可

natureBusiness_dictText

image.png

前端

//列表数据
export const columns: BasicColumn[] = [
  {
    title: '行业性质',
    align: "center",
    dataIndex: 'natureBusiness_dictText' //在原字段后面加上后缀_dictText
  }
];

2023年5月19日