jeecg列表某个字段字体颜色设置

最新推荐文章于 2024-09-13 10:25:30 发布

Kv109A

最新推荐文章于 2024-09-13 10:25:30 发布

阅读量1.8k

点赞数 1

文章标签： java 前端

本文链接：https://blog.csdn.net/kkk109a/article/details/121788773

版权

columns: [
          {
            title: '#',
            dataIndex: '',
            key:'rowIndex',
            width:60,
            align:"center",
            customRender:function (t,r,index) {
              return parseInt(index)+1;
            }
          },
          {
            title:'标题',
            align:"center",
            dataIndex: 'title',
            scopedSlots: { customRender: 'title' },
            customRender: (text,record) => {//根据状态判断字体
              if (record.readStatus === '0') {
                return <span style="font-weight: 700" >{text}</span>;
              } else if (record.readStatus === '1') {
                return text
              }
            }
          },
          {
            title:'发布时间',
            align:"center",
            dataIndex: 'createTime'
          },
          {
            title:'开始时间',
            align:"center",
            dataIndex: 'beginTime',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'结束时间',
            align:"center",
            dataIndex: 'endTime',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },
          {
            title:'发布人',
            align:"center",
            dataIndex: 'createBy'
          },
          {
            title:'读取状态',
            align:"center",
            dataIndex: 'readStatus',
            customRender: (text) => {
              let re = ''
              if (text === '0') {
                re = '未读取'
                return <span style="color: red" >{re}</span>;
              } else if (text === '1') {
                re = '已读取'
              }
              return re
            }
          },
          {
            title: '操作',
            dataIndex: 'action',
            align:"center",
            fixed:"right",
            width:147,
            scopedSlots: { customRender: 'action' }
          }
        ],