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

相关推荐
ssshooter17 小时前
Tauri 项目实践:客户端与 Web 端的授权登录实现方案
前端·后端·rust
兆子龙17 小时前
【React】19 深度解析:掌握新一代 React 特性
前端·架构
Moment17 小时前
MinIO已死,MinIO万岁
前端·后端·github
无双_Joney17 小时前
心路散文 - 转职遇到AI浪潮,AIGC时刻人的价值是什么?
前端·后端·架构
有意义18 小时前
深度拆解分割等和子集:一维DP数组与倒序遍历的本质
前端·算法·面试
卤蛋fg618 小时前
vxe-table 如何实现分组列头折叠列功能
vue.js
小怪点点18 小时前
vue3使用
前端·vue.js
进击的尘埃18 小时前
Vitest 自定义 Reporter 与覆盖率卡口:在 Monorepo 里搞增量覆盖率检测
javascript
进击的尘埃18 小时前
E2E 测试里的网络层,到底该怎么 Mock?
javascript
Bigger18 小时前
CSS 这些年都经历了什么?一次看懂 CSS 的演化史
前端·css·前端工程化