jeecgbootvue3列表数据状态为数字时,手动赋值的三种方法

例如:返回数值 1为新增 0为提交审核,2审核通过需要展示审批状态

处理方法代码展示:

1、没有数据字典直接使用循环赋值

效果展示:

2、有数据字典直接赋值并添加样式,注意(attendance_fake_range)为数据字典名称

TypeScript 复制代码
customRender: ({ text }) => {
      const color = text == '0' ? 'green' : text == '-1' ? 'red' : 'gray';
      return render.renderTag(render.renderDict(text, 'attendance_fake_range'), color);
    },

效果展示

3、如果后端有返回bmpStatus_dictText的中文值可以直接替换字段如图

相关推荐
zhangzeyuaaa3 小时前
深入 Ruby:Block、Proc、Lambda 核心区别与最佳实践
开发语言·前端·ruby
liangshanbo12154 小时前
前端高级面试题:WebSocket 双向流式通信怎么设计?
前端·websocket·网络协议
可乐鸡翅yeah_4 小时前
新手梳理:HLS 线上问题,哪些该提给 CDN,哪些该找后端切片服务
开发语言·前端·javascript·vue.js·网络协议·http·m3u8在线
zwd20054 小时前
Manim arrange 和 arrange_in_grid 用法详解:buff、aligned_edge、rows/cols(0.21.0 实测)
前端·python·edge
Q26433650234 小时前
【有源码】基于SpringBoot+Vue的博物馆展览与服务一体化平台-java博物馆数字化展品展示与交互平台设计
java·vue.js·spring boot·spring·毕业设计·javaweb·课程设计
小小龙学IT4 小时前
Go 语言 reflect 反射包深度解析:从 Type/Value 到三大定律与工业实践
前端·golang
小溪学编程4 小时前
C语言篇:枚举类型
java·c语言·前端
xingpanvip4 小时前
星盘接口开发文档:推算星座接口指南
前端·php
Da Da 泓4 小时前
HTML浅浅入门
前端·html
এ慕ོ冬℘゜4 小时前
es6基础
前端·javascript·es6