根据数据和配置动态变化颜色 BUG #2

New Issue

yunhorn · 2024-11-08T10:50:35+08:00

yunhorn commented

2024-11-08 10:50:35 +08:00

注意：有一个变化是数据从 fall 变为了 Fall, occupy 变为了 Occupancy, 但这对于前端应该是透明的.

配置 json 文件如下:

{
"Occupancy":[
{
"styles":{
  "fill":"blue"
 }
},
{
"styles":{
  "fill":"green"
 }
}
],
 "data":[{
  "className":"occupyLevelBox",
  "action":"changeColor",
  "socketIOEvent":"WC_OCCUPY_LEVEL",
  "i18n_key":"OccupyLevelStatusFallRed",
  "valueExpression": "eventdata.data.male.Urinal.fall==0",
  "color":"red",
  "styles":{
    "fill": "red"
  }
},
{
  "className":"occupyLevelBox",
  "action":"changeColor",
  "socketIOEvent":"WC_OCCUPY_LEVEL",
  "i18n_key":"OccupyLevelStatusFallBlue",
  "valueExpression": "eventdata.data.male.Urinal.fall==2",
  "color":"blue",
   "styles":{
    "fill": "blue"
  }
}]
}

测试:

URL: https://smartoilets.net/openapi/ecf/socketIO/event/send/event/WC_OCCUPY_LEVEL
method: POST
data:

{
"siteName":"PWH",
"wcName":"PD2A",
"dataHashCode":12345,
"data":{
    "male":{
        "Closestool":[{
            "Occupancy":1,
            "Fall":0,
            "Movement":1
        }]
    }
}
}

上述 HTTP POST 之后会给任何订阅了 WC_OCCUPY_LEVEL 的页面发送上述数据内容.

不正确的效果: 当前只为 Occupancy 配置了蓝色和绿色,但是当收到上述数据时,其他格子的数据从默认的浅蓝色变成了红色, 而正确匹配名字的位置没有变化成绿色

注意：有一个变化是数据从 fall 变为了 Fall, occupy 变为了 Occupancy, 但这对于前端应该是透明的. 配置 json 文件如下: ```json { "Occupancy":[ { "styles":{ "fill":"blue" } }, { "styles":{ "fill":"green" } } ], "data":[{ "className":"occupyLevelBox", "action":"changeColor", "socketIOEvent":"WC_OCCUPY_LEVEL", "i18n_key":"OccupyLevelStatusFallRed", "valueExpression": "eventdata.data.male.Urinal.fall==0", "color":"red", "styles":{ "fill": "red" } }, { "className":"occupyLevelBox", "action":"changeColor", "socketIOEvent":"WC_OCCUPY_LEVEL", "i18n_key":"OccupyLevelStatusFallBlue", "valueExpression": "eventdata.data.male.Urinal.fall==2", "color":"blue", "styles":{ "fill": "blue" } }] } ``` 测试: URL: https://smartoilets.net/openapi/ecf/socketIO/event/send/event/WC_OCCUPY_LEVEL method: POST data: ```json { "siteName":"PWH", "wcName":"PD2A", "dataHashCode":12345, "data":{ "male":{ "Closestool":[{ "Occupancy":1, "Fall":0, "Movement":1 }] } } } ``` 上述 HTTP POST 之后会给任何订阅了 WC_OCCUPY_LEVEL 的页面发送上述数据内容. 不正确的效果: 当前只为 Occupancy 配置了`蓝色`和`绿色`,但是当收到上述数据时,其他格子的数据从默认的`浅蓝色`变成了`红色`, 而正确匹配名字的位置没有变化成`绿色`

yunhorn commented

2024-11-08 14:18:42 +08:00

需要注意的是，代码应该尽量以模块的方式运行，也就是将一些公用的方法抽象成 lib，发布，而不是直接写一大段逻辑。

jeff added the

done-waiting-confirmed

label 2024-11-21 12:50:51 +08:00

jeff commented

2024-11-21 12:51:19 +08:00

這個之前應該是 svg 的命名跟返回的命名沒有對上。可以再看一下。
@yunhorn @liangyuanpeng

這個之前應該是 svg 的命名跟返回的命名沒有對上。可以再看一下。 @yunhorn @liangyuanpeng

yunhorn closed this issue

2024-11-25 10:08:47 +08:00