Vue表格内容替换成图形

@Vue表格内容替换成图形

Vue +element UI将表格内容替换成对应的图形

效果图如下：

用蓝色圆圈表示在线，灰色圆圈表示离线，绿色圆圈表示运行，黄色表示关闭。

实现方法

html部分：
通过对后台获取到的device数据进行判断，根据不同值调用不同的class样式。
css部分：