唯杰地图 logo唯杰地图
VJMAP
EN

conditional-style.json

vjvp/examples/conditional-style.json 3.3 KB114 行
原文
{
  "project": {
    "name": "条件样式示例",
    "screen": {
      "uid": "screen_main",
      "type": "screen",
      "name": "主页面",
      "options": { "fullscreen-mode": "fill-uniform", "fill-auto-expand": true, "size": [1920, 1080], "background-color": "#0c0d0e" },
      "stateOverrides": {},
      "widgets": [
        {
          "uid": "w_title",
          "type": "basic-text",
          "options": {
            "position": [140, 70],
            "size": [1300, 60],
            "text": "条件样式:当「状态值=1」命中告警条件,标题变红,否则变绿",
            "text-font": { "size": 28, "color": "#ffffff" },
            "text-position": "left"
          },
          "stateOverrides": {}
        },
        {
          "uid": "w_status",
          "type": "basic-text",
          "name": "状态标题(条件样式)",
          "options": {
            "position": [140, 220],
            "size": [700, 120],
            "text": "设备运行状态",
            "text-font": { "size": 64, "color": "#ffffff" },
            "text-position": "center"
          },
          "stateOverrides": {},
          "conditionalStyles": [
            {
              "paths": ["text-font"],
              "cases": [
                { "ruleId": "dc_alarm", "value": { "size": 64, "color": "#ff4d4f" } },
                { "fallback": true, "value": { "size": 64, "color": "#52c41a" } }
              ]
            }
          ]
        },
        {
          "uid": "w_table",
          "type": "basic-table",
          "name": "设备状态明细",
          "options": {
            "position": [140, 380],
            "size": [700, 320],
            "row-count": 5,
            "table-data-fields": [
              ["conn_status", "tbl_status", "设备"],
              ["conn_status", "tbl_status", "状态值"]
            ]
          },
          "stateOverrides": {}
        }
      ]
    },
    "screens": [],
    "params": {},
    "settings": {}
  },
  "connections": [
    {
      "uid": "conn_status",
      "name": "设备状态",
      "type": "json",
      "connectorType": "json",
      "config": { "copyToRoot": true, "fileName": "" },
      "tables": [
        {
          "uid": "tbl_status",
          "name": "设备状态",
          "fields": [
            { "uid": "设备", "alias": "设备", "type": "string" },
            { "uid": "状态值", "alias": "状态值", "type": "number" }
          ]
        }
      ]
    }
  ],
  "connectionData": {
    "conn_status": [
      {
        "tableId": "tbl_status",
        "tableName": "设备状态",
        "fields": [
          { "uid": "设备", "alias": "设备", "type": "string" },
          { "uid": "状态值", "alias": "状态值", "type": "number" }
        ],
        "rows": [
          { "设备": "泵站 1", "状态值": 1 },
          { "设备": "泵站 2", "状态值": 0 },
          { "设备": "泵站 3", "状态值": 0 }
        ]
      }
    ]
  },
  "dataRules": [
    {
      "uid": "dc_alarm",
      "name": "存在告警(状态值=1)",
      "rules": [
        [
          { "connection": "conn_status", "table": "tbl_status", "field": "状态值", "func": "=", "args": 1, "method": "some" }
        ]
      ]
    }
  ]
}