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

相关推荐
veneno15 小时前
大量异步并发请求控制并发解决方案
前端
i***t91915 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
oden15 小时前
2025博客框架选择指南:Hugo、Astro、Hexo该选哪个?
前端·html
小光学长16 小时前
基于ssm的宠物交易系统的设计与实现850mb48h(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
java·前端·数据库
云中飞鸿16 小时前
函数:委托
javascript
小小前端要继续努力16 小时前
渐进增强、优雅降级及现代Web开发技术详解
前端
老前端的功夫17 小时前
前端技术选型的理性之道:构建可量化的ROI评估模型
前端·javascript·人工智能·ubuntu·前端框架
汝生淮南吾在北17 小时前
SpringBoot+Vue超市收银管理系统
vue.js·spring boot·后端
狮子座的男孩17 小时前
js函数高级:04、详解执行上下文与执行上下文栈(变量提升与函数提升、执行上下文、执行上下文栈)及相关面试题
前端·javascript·经验分享·变量提升与函数提升·执行上下文·执行上下文栈·相关面试题
p***930317 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端