perf: 优化UI展示

leopard-web/src/pages/stock/StockDetail.tsx

@@ -66,9 +66,37 @@ const financePropertyLabel = (id: string | undefined, label: string, type: Finan
     type: 'wrapper',
     size: 'none',
     body: [
-      label,
       {
-        className: 'ml-1 text-secondary',
+        className: 'text-secondary',
+        type: 'action',
+        label: label,
+        level: 'link',
+        tooltip: '这是什么？',
+        tooltipPlacement: 'top',
+        actionType: 'dialog',
+        dialog: {
+          title: '',
+          size: 'lg',
+          ...readOnlyDialogOptions(),
+          actions: [
+            {
+              type: 'action',
+              label: '新页面打开',
+              icon: 'fa fa-solid fa-arrow-up-right-from-square',
+              actionType: 'url',
+              url: `https://zh.wikipedia.org/wiki/${label}`,
+              blank: true,
+            },
+          ],
+          body: {
+            type: 'iframe',
+            src: `https://zh.wikipedia.org/wiki/${label}`,
+            height: 800,
+          },
+        },
+      },
+      {
+        className: 'text-secondary',
         type: 'action',
         label: '',
         icon: 'fa fa-eye',
@@ -315,6 +343,19 @@ function StockDetail() {
                     {
                       label: financePropertyLabel(id, '净利润', 'FINANCE', 'netProfit'),
                       content: '${cashFlow.netProfit}',
+                      span: 3,
+                    },
+                    {
+                      label: financePropertyLabel(id, '营业活动现金流量', 'FINANCE', 'cashFlowFromOperatingActivities'),
+                      content: '${cashFlow.cashFlowFromOperatingActivities}',
+                    },
+                    {
+                      label: financePropertyLabel(id, '投资活动现金流量', 'FINANCE', 'cashFlowFromInvestingActivities'),
+                      content: '${cashFlow.cashFlowFromInvestingActivities}',
+                    },
+                    {
+                      label: financePropertyLabel(id, '筹资活动现金流量', 'FINANCE', 'cashFlowFromFinancingActivities'),
+                      content: '${cashFlow.cashFlowFromFinancingActivities}',
                     },
                   ],
                 },