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

相关推荐
嵌入式小能手12 小时前
飞凌嵌入式ElfBoard-环境变量之添加修改环境变量setenv
服务器·前端·javascript
polarisya12 小时前
vue组件二次封装
前端·javascript·vue.js
郭泽斌之心12 小时前
Live2D工程对接Fay数字人框架
前端·经验分享·fay数字人
前端搬砖人沐兮12 小时前
被忽视的宝藏:深入解读 createRangeFromPoint 的前世今生与实战技巧
前端
kyriewen12 小时前
手写 Promise:从“我会用”到“我会造”
前端·javascript·面试
Synmbrf12 小时前
基于micro-app的微前端落地实践
javascript·vue.js
wuhen_n12 小时前
案例分析:大屏可视化项目的卡顿排查与解决
前端·javascript·vue.js
比尔盖茨的大脑12 小时前
为了学习 AI Agent,我做了一个 AI 阅读器(已开源)
前端·人工智能
始持12 小时前
第十九讲 深度布局原理与优化
前端·flutter
二十一_12 小时前
LangChain 教程 03|快速开始:10 分钟创建第一个 Agent
前端·面试·langchain