ui: 实时卡片缩小字体+分组(今天调用/用户)两行展示
This commit is contained in:
parent
dbe45ed489
commit
47278c16ec
@ -10,23 +10,37 @@
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"width": "100%", "alignItems": "center", "marginBottom": "12px"},
|
||||
"options": {"width": "100%", "alignItems": "center", "marginBottom": "8px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Title2", "options": {"fontWeight": "700", "otext": "实时数据概览", "i18n": true}},
|
||||
{"widgettype": "Text", "options": {"fontWeight": "600", "fontSize": "13px", "text": "今天调用", "color": "var(--sage-text-primary)"}},
|
||||
{"widgettype": "Filler"}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"width": "100%", "gap": "12px", "marginBottom": "16px", "flexWrap": "wrap"},
|
||||
"options": {"width": "100%", "gap": "10px", "marginBottom": "14px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "RefreshWidget", "id": "rt_calls", "options": {"period_seconds": 15, "url": "{{entire_url('rt_card_calls.ui')}}", "width": "13%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_amount", "options": {"period_seconds": 15, "url": "{{entire_url('rt_card_amount.ui')}}", "width": "13%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_users", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_users.ui')}}", "width": "13%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_active", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_active.ui')}}", "width": "13%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_online", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_online.ui')}}", "width": "13%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_success","options": {"period_seconds": 30, "url": "{{entire_url('rt_card_success.ui')}}", "width": "13%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_fail", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_fail.ui')}}", "width": "13%"}}
|
||||
{"widgettype": "RefreshWidget", "id": "rt_calls", "options": {"period_seconds": 15, "url": "{{entire_url('rt_card_calls.ui')}}", "width": "22%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_amount", "options": {"period_seconds": 15, "url": "{{entire_url('rt_card_amount.ui')}}", "width": "22%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_success","options": {"period_seconds": 30, "url": "{{entire_url('rt_card_success.ui')}}", "width": "28%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_fail", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_fail.ui')}}", "width": "28%"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"width": "100%", "alignItems": "center", "marginBottom": "8px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Text", "options": {"fontWeight": "600", "fontSize": "13px", "text": "用户", "color": "var(--sage-text-primary)"}},
|
||||
{"widgettype": "Filler"}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "HBox",
|
||||
"options": {"width": "100%", "gap": "10px", "marginBottom": "16px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "RefreshWidget", "id": "rt_users", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_users.ui')}}", "width": "33%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_active", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_active.ui')}}", "width": "33%"}},
|
||||
{"widgettype": "RefreshWidget", "id": "rt_online", "options": {"period_seconds": 30, "url": "{{entire_url('rt_card_online.ui')}}", "width": "34%"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
{% set cnt = j2_active_today(request) %}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"16px","borderRadius":"12px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"今日活跃","fontSize":"12px","color":"var(--sage-text-secondary)"}},{"widgettype":"Title2","options":{"text":"{{cnt}}","fontWeight":"700","marginTop":"4px"}}]}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"12px","borderRadius":"8px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"今日活跃","fontSize":"11px","color":"var(--sage-text-secondary)"}},{"widgettype":"Text","options":{"text":"{{cnt}}","fontWeight":"700","fontSize":"18px","marginTop":"4px"}}]}
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
{% set amt = j2_realtime_amount(request) %}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"16px","borderRadius":"12px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"今日交易金额","fontSize":"12px","color":"var(--sage-text-secondary)"}},{"widgettype":"Title2","options":{"text":"¥{{'%.2f' % amt}}","fontWeight":"700","marginTop":"4px"}}]}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"12px","borderRadius":"8px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"今日交易金额","fontSize":"11px","color":"var(--sage-text-secondary)"}},{"widgettype":"Text","options":{"text":"¥{{'%.2f' % amt}}","fontWeight":"700","fontSize":"18px","marginTop":"4px"}}]}
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
{% set cnt = j2_realtime_calls(request) %}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"16px","borderRadius":"12px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"今日调用笔数","fontSize":"12px","color":"var(--sage-text-secondary)"}},{"widgettype":"Title2","options":{"text":"{{cnt}}","fontWeight":"700","marginTop":"4px"}}]}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"12px","borderRadius":"8px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"今日调用笔数","fontSize":"11px","color":"var(--sage-text-secondary)"}},{"widgettype":"Text","options":{"text":"{{cnt}}","fontWeight":"700","fontSize":"18px","marginTop":"4px"}}]}
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
{% set cnt = j2_scoped_fail_count(request) %}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"16px","borderRadius":"12px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"失败数","fontSize":"12px","color":"var(--sage-text-secondary)"}},{"widgettype":"Title2","options":{"text":"{{cnt}}","fontWeight":"700","marginTop":"4px"}}]}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"12px","borderRadius":"8px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"失败数","fontSize":"11px","color":"var(--sage-text-secondary)"}},{"widgettype":"Text","options":{"text":"{{cnt}}","fontWeight":"700","fontSize":"18px","marginTop":"4px"}}]}
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
{% set cnt = j2_online_users(request) %}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"16px","borderRadius":"12px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"在线用户","fontSize":"12px","color":"var(--sage-text-secondary)"}},{"widgettype":"Title2","options":{"text":"{{cnt}}","fontWeight":"700","marginTop":"4px"}}]}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"12px","borderRadius":"8px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"在线用户","fontSize":"11px","color":"var(--sage-text-secondary)"}},{"widgettype":"Text","options":{"text":"{{cnt}}","fontWeight":"700","fontSize":"18px","marginTop":"4px"}}]}
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
{% set rate = j2_scoped_success_rate(request) %}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"16px","borderRadius":"12px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"成功率","fontSize":"12px","color":"var(--sage-text-secondary)"}},{"widgettype":"Title2","options":{"text":"{{rate}}%","fontWeight":"700","marginTop":"4px"}}]}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"12px","borderRadius":"8px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"成功率","fontSize":"11px","color":"var(--sage-text-secondary)"}},{"widgettype":"Text","options":{"text":"{{rate}}%","fontWeight":"700","fontSize":"18px","marginTop":"4px"}}]}
|
||||
|
||||
@ -1,2 +1,2 @@
|
||||
{% set cnt = j2_total_users(request) %}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"16px","borderRadius":"12px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"用户总数","fontSize":"12px","color":"var(--sage-text-secondary)"}},{"widgettype":"Title2","options":{"text":"{{cnt}}","fontWeight":"700","marginTop":"4px"}}]}
|
||||
{"widgettype":"VBox","options":{"css":"card","padding":"12px","borderRadius":"8px","width":"100%"},"subwidgets":[{"widgettype":"Text","options":{"text":"用户总数","fontSize":"11px","color":"var(--sage-text-secondary)"}},{"widgettype":"Text","options":{"text":"{{cnt}}","fontWeight":"700","fontSize":"18px","marginTop":"4px"}}]}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user