fastadmin 自定义status数据颜色

fastadmin 自定义status数据颜色

fastadmin根据不同数据自定义颜色,看以下代码:

   {
                            field: 'status',
                            title: __('Status'),
                            custom: {"1": "green", "2": "red"},
                            searchList: {"1": __('Status 1'), "2": __('Status 2')},
                            formatter: Table.api.formatter.status
                        },

只需要在里面加上: custom:{0:‘success’,1:‘red’}就行了,不影响筛选功能

可添加的颜色:

“primary”,
“success”,
“danger”,
“warning”,
“info”,
“gray”,
“red”,
“yellow”,
“aqua”,
“blue”,
“navy”,
“teal”,
“olive”,
lime”,
“fuchsia”,
“purple”,
“maroon”

方法二:自定义颜色

在对应表格列灵活定义即可:


formatter:function (value, row, index) {
    // console.log(row);
    if (row.typedata == 'income') {
        return '<span style="color:green">' + value + '</span>';
    } else {
        return '<span style="color:red">' + value + '</span>';
    }
}

最终效果如下

第三种方式:

代码:

    {
                            field: 'status',
                            title: __('巡检进度'),
                            searchList: {"1": __('待巡检'), "2": __('已巡检'), "3": __('漏检')},
                            formatter: Controller.api.formatter.status
                        },

然后再api中设置status颜色:
代码:

      api: {
            formatter: {

                //设置status颜色
                status: function (value, row, index) {
                    switch (value) {
                        case 1:
                            return "<span style='color: #ff3300'>待巡检</span>";
                        case 2:
                            return "<span style='color: #008800'>已巡检</span>";
                        case 3:
                            return "<span style='color: #f39c12'>漏检</span>";
                    }
                },
            },
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }

最终效果:

备注:亲测可行,推荐直接在字段中设置。如需帮助请点击原文

THE END