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的中文值可以直接替换字段如图

相关推荐
三翼鸟数字化技术团队11 分钟前
事件循环原来这么简单!
前端
gf132111112 分钟前
python_【更新已发送的消息卡片】
java·前端·python
zithern_juejin18 分钟前
typeof、instanceof与Object.prototype.toString()
javascript
一点一木22 分钟前
2026 终端 AI 编码 Agent 六大工具深度横评
前端·人工智能·claude
Highcharts.js27 分钟前
Highcharts React v5升级三问|最大的升级方向是什么?需要注意什么?有什么优化?
前端·javascript·react.js·前端框架·highcharts·大数据渲染·前端性能
马玉霞28 分钟前
vue web端页面组件展示
前端·vue.js
129y28 分钟前
JS入门参考:引擎、作用域与let/const,一起慢慢理解~
javascript
代码煮茶30 分钟前
Vue3 权限系统实战 | 从 0 搭建完整 RBAC 权限管理
前端·javascript·vue.js
前端小木屋32 分钟前
Node基础入门
javascript·node.js
IT_陈寒34 分钟前
用了Vue的动态组件之后,我被坑得找不着北
前端·人工智能·后端