diff --git a/wwwroot/index.ui b/wwwroot/index.ui index e1c69a2..fa3fda1 100644 --- a/wwwroot/index.ui +++ b/wwwroot/index.ui @@ -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%"}} ] }, { diff --git a/wwwroot/rt_card_active.ui b/wwwroot/rt_card_active.ui index f820789..2c3feca 100644 --- a/wwwroot/rt_card_active.ui +++ b/wwwroot/rt_card_active.ui @@ -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"}}]} diff --git a/wwwroot/rt_card_amount.ui b/wwwroot/rt_card_amount.ui index c2872d7..1ec3f98 100644 --- a/wwwroot/rt_card_amount.ui +++ b/wwwroot/rt_card_amount.ui @@ -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"}}]} diff --git a/wwwroot/rt_card_calls.ui b/wwwroot/rt_card_calls.ui index 10a3ecf..3831786 100644 --- a/wwwroot/rt_card_calls.ui +++ b/wwwroot/rt_card_calls.ui @@ -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"}}]} diff --git a/wwwroot/rt_card_fail.ui b/wwwroot/rt_card_fail.ui index 59f068a..e2c3b4d 100644 --- a/wwwroot/rt_card_fail.ui +++ b/wwwroot/rt_card_fail.ui @@ -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"}}]} diff --git a/wwwroot/rt_card_online.ui b/wwwroot/rt_card_online.ui index 1db5e53..fd02a31 100644 --- a/wwwroot/rt_card_online.ui +++ b/wwwroot/rt_card_online.ui @@ -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"}}]} diff --git a/wwwroot/rt_card_success.ui b/wwwroot/rt_card_success.ui index 9dc34da..bc1bf1c 100644 --- a/wwwroot/rt_card_success.ui +++ b/wwwroot/rt_card_success.ui @@ -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"}}]} diff --git a/wwwroot/rt_card_users.ui b/wwwroot/rt_card_users.ui index 46c7cc1..dc349a8 100644 --- a/wwwroot/rt_card_users.ui +++ b/wwwroot/rt_card_users.ui @@ -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"}}]}