@chenchaolong/plugin-trade-compliance-workbench 1.0.41 → 1.0.43

package/dist/lib/remote-ui/pages/analytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/lib/remote-ui/pages/analytics.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAmD,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC1G,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAsB,sBAAsB,EAAmC,oBAAoB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAErM,OAAO,2BAA2B,CAAA;AAElC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAA;IACnB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACzE,CAAA;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,kBAAkB,GAAG,cAAc,CAI1G;AAeD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,kBAAkB,2CAqE7G;AAgcD,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,2CAiB3E;AAiID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,GAAG,kBAAkB,EAAE,CAYtG"}
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/lib/remote-ui/pages/analytics.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiC,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxF,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAsB,sBAAsB,EAAmC,oBAAoB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAErM,OAAO,2BAA2B,CAAA;AAElC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAA;IACnB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACzE,CAAA;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,kBAAkB,GAAG,cAAc,CAI1G;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,kBAAkB,2CAgE7G;AA6WD,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,2CAiB3E;AA8ID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,SAAS,oBAAoB,EAAE,GAAG,kBAAkB,EAAE,CAYtG"}

package/dist/lib/remote-ui/pages/analytics.js

@@ -1,25 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Decimal } from 'decimal.js';
 import React from 'react';
-import { DataGrid, FilterPanel, RiskNotice } from '../components/data-grid.js';
+import { DataGrid, RiskNotice } from '../components/data-grid.js';
 import './analytics-prototype.css';
 export function analyticsPageSizeQuery(query, pageSize) {
     return query.mode === 'PURCHASE'
         ? { ...query, page: 1, pageSize }
         : { ...query, page: 1, pageSize };
 }
-const purchaseFilters = [
-    { type: 'date-range', key: 'orderDate', label: '下单日期' },
-    { type: 'text', key: 'supplier', label: '供应商' },
-    { type: 'text', key: 'productName', label: '商品名称' },
-    { type: 'text', key: 'hsCode', label: '海关编码' }
-];
-const salesFilters = [
-    { type: 'date-range', key: 'orderDate', label: '下单日期' },
-    { type: 'text', key: 'customer', label: '客户' },
-    { type: 'text', key: 'productName', label: '商品名称' },
-    { type: 'text', key: 'hsCode', label: '海关编码' }
-];
 export function AnalyticsPage({ data, committedQuery, busy, error, onQuery, onExportXlsx }) {
     const fallbackQuery = React.useMemo(() => queryFromData(data), [data.mode, data.dimension, data.details.page, data.details.pageSize]);
     const committed = committedQuery ?? fallbackQuery;
@@ -28,23 +16,18 @@ export function AnalyticsPage({ data, committedQuery, busy, error, onQuery, onEx
     const [filters, setFilters] = React.useState(() => filterStateFromQuery(committed));
     const [activeDialog, setActiveDialog] = React.useState(null);
     const [drilldown, setDrilldown] = React.useState(null);
+    const [infoModal, setInfoModal] = React.useState(null);
     const [detailsOpen, setDetailsOpen] = React.useState(false);
     React.useEffect(() => {
         setMode(committed.mode);
         setDimension(committed.dimension);
         setFilters(filterStateFromQuery(committed));
     }, [committed]);
-    const dimensions = mode === 'PURCHASE' ? [['SUPPLIER', '供应商'], ['PRODUCT', '商品名称']] : [['CUSTOMER', '客户'], ['PRODUCT', '商品名称']];
     const typedFilters = toAnalyticsFilters(filters);
     const queryFor = (nextMode, nextDimension, page, nextFilters) => nextMode === 'PURCHASE'
         ? { mode: nextMode, dimension: nextDimension === 'SUPPLIER' ? 'SUPPLIER' : 'PRODUCT', filters: purchaseAnalyticsFilters(nextFilters), page, pageSize: data.details.pageSize || 20 }
         : { mode: nextMode, dimension: nextDimension === 'CUSTOMER' ? 'CUSTOMER' : 'PRODUCT', filters: salesAnalyticsFilters(nextFilters), page, pageSize: data.details.pageSize || 20 };
     const runQuery = (page = 1, nextMode = mode, nextDimension = dimension) => onQuery(queryFor(nextMode, nextDimension, page, typedFilters));
-    const switchMode = (nextMode) => {
-        const nextDimension = nextMode === 'PURCHASE' ? 'SUPPLIER' : 'CUSTOMER';
-        void onQuery(queryFor(nextMode, nextDimension, 1, {}));
-    };
-    const switchDimension = (nextDimension) => { void runQuery(1, mode, nextDimension); };
     const exportCurrent = (scope) => {
         if (!onExportXlsx)
             return;
@@ -52,7 +35,7 @@ export function AnalyticsPage({ data, committedQuery, busy, error, onQuery, onEx
         void onExportXlsx(request.mode === 'PURCHASE' ? { mode: request.mode, dimension: request.dimension, filters: request.filters, format: 'XLSX' } : { mode: request.mode, dimension: request.dimension, filters: request.filters, format: 'XLSX' });
         setActiveDialog(null);
     };
-    return _jsxs("section", { className: "tcw-analytics-page", "aria-label": "\u6570\u636E\u5206\u6790", children: [_jsxs("div", { className: "tcw-analytics-cockpit-hero", children: [_jsxs("div", { children: [_jsx("h1", { children: "\u5916\u8D38\u5408\u89C4\u7ECF\u8425\u9A7E\u9A76\u8231" }), _jsx("p", { children: "\u7ECF\u8425\u8D44\u91D1\u3001\u5408\u540C\u5BA1\u6838\u3001\u5546\u54C1\u7BA1\u63A7\u3001\u5236\u88C1\u547D\u4E2D\u3001\u5229\u6DA6\u5F02\u5E38\u7EDF\u4E00\u76D1\u63A7" })] }), _jsxs("div", { className: "tcw-analytics-refresh-card", children: [_jsx("span", { children: "\u6700\u8FD1\u5237\u65B0" }), _jsxs("strong", { children: [data.currentYear, "-08-05 10:32"] })] })] }), _jsxs("div", { className: "tcw-analytics-query", children: [_jsx(FilterPanel, { definitions: mode === 'PURCHASE' ? purchaseFilters : salesFilters, values: filters, onChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onQuery: () => void runQuery(), onReset: () => { setFilters({}); void onQuery(queryFor(mode, dimension, 1, {})); } }), _jsxs("div", { className: "tcw-analytics-toolbar", children: [_jsxs("span", { className: "tcw-analytics-chip", children: [_jsx("i", { className: "ri-building-2-line", "aria-hidden": "true" }), "\u5F53\u524D\u7EC4\u7EC7"] }), _jsxs("span", { className: "tcw-analytics-chip", children: [_jsx("i", { className: "ri-calendar-event-line", "aria-hidden": "true" }), "\u7EDF\u8BA1\u5468\u671F\uFF1A", data.currentYear, " \u5E74\u5EA6"] }), _jsxs("span", { className: "tcw-analytics-chip", children: [_jsx("i", { className: "ri-money-cny-circle-line", "aria-hidden": "true" }), "\u5E01\u79CD\uFF1ACNY"] }), _jsxs("div", { className: "tcw-segmented-control", role: "group", "aria-label": "\u6570\u636E\u53E3\u5F84", children: [_jsxs("button", { type: "button", "aria-pressed": mode === 'PURCHASE', onClick: () => switchMode('PURCHASE'), children: [_jsx("i", { className: "ri-shopping-cart-2-line", "aria-hidden": "true" }), "\u91C7\u8D2D\u53E3\u5F84"] }), _jsxs("button", { type: "button", "aria-pressed": mode === 'SALES', onClick: () => switchMode('SALES'), children: [_jsx("i", { className: "ri-line-chart-line", "aria-hidden": "true" }), "\u9500\u552E\u53E3\u5F84"] })] }), _jsx("div", { className: "tcw-segmented-control", role: "group", "aria-label": "\u7EDF\u8BA1\u7EF4\u5EA6", children: dimensions.map(([value, label]) => _jsxs("button", { type: "button", "aria-pressed": dimension === value, onClick: () => switchDimension(value), children: [_jsx("i", { className: value === 'PRODUCT' ? 'ri-box-3-line' : value === 'SUPPLIER' ? 'ri-truck-line' : 'ri-user-3-line', "aria-hidden": "true" }), label] }, value)) }), _jsxs("div", { className: "tcw-analytics-switches", "aria-label": "\u98CE\u9669\u8FC7\u6EE4", children: [mode === 'PURCHASE' && _jsxs(_Fragment, { children: [_jsx(Toggle, { label: "\u672A\u4ED8\u6B3E", checked: 'unpaidOnly' in typedFilters && typedFilters.unpaidOnly === true, onChange: checked => setFilters(current => ({ ...current, unpaidOnly: checked ? 'true' : '' })) }), _jsx(Toggle, { label: "\u672A\u9000\u7A0E", checked: 'unrefundedOnly' in typedFilters && typedFilters.unrefundedOnly === true, onChange: checked => setFilters(current => ({ ...current, unrefundedOnly: checked ? 'true' : '' })) })] }), mode === 'SALES' && _jsx(Toggle, { label: "\u672A\u6536\u6B3E", checked: 'unreceivedOnly' in typedFilters && typedFilters.unreceivedOnly === true, onChange: checked => setFilters(current => ({ ...current, unreceivedOnly: checked ? 'true' : '' })) })] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", "aria-label": "\u7B5B\u9009\u6761\u4EF6\u5165\u53E3", onClick: () => setActiveDialog('filter'), children: [_jsx("i", { className: "ri-filter-3-line", "aria-hidden": "true" }), "\u7B5B\u9009\u6761\u4EF6"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => setDetailsOpen(true), children: [_jsx("i", { className: "ri-table-line", "aria-hidden": "true" }), "\u5B8C\u6574\u660E\u7EC6"] }), onExportXlsx && _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", "aria-label": "\u5BFC\u51FA\u6570\u636E", onClick: () => setActiveDialog('export'), children: [_jsx("i", { className: "ri-file-excel-2-line", "aria-hidden": "true" }), "\u5BFC\u51FA\u62A5\u8868"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: () => void runQuery(), children: [_jsx("i", { className: "ri-refresh-line", "aria-hidden": "true" }), "\u5237\u65B0"] })] })] }), _jsx(AnalyticsCockpit, { data: data, onDrilldown: setDrilldown }), error && _jsx(RiskNotice, { children: error }), busy && _jsxs("div", { className: "tcw-inline-loading", role: "status", children: [_jsx("span", { className: "tcw-spinner", "aria-hidden": "true" }), "\u6570\u636E\u52A0\u8F7D\u4E2D"] }), drilldown && _jsx(AnalyticsDrilldownPanel, { data: data, drilldown: drilldown, onClose: () => setDrilldown(null) }), detailsOpen && _jsx(AnalyticsDetailsModal, { mode: mode, dimension: dimension, data: data, onClose: () => setDetailsOpen(false), onPageChange: page => void runQuery(page), onPageSizeChange: pageSize => void onQuery(analyticsPageSizeQuery(queryFor(mode, dimension, 1, typedFilters), pageSize)) }), _jsx(AdvancedFilterModal, { active: activeDialog === 'filter', mode: mode, filters: filters, onFilterChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onApply: () => { void runQuery(); setActiveDialog(null); }, onReset: () => { setFilters({}); void onQuery(queryFor(mode, dimension, 1, {})); setActiveDialog(null); }, onClose: () => setActiveDialog(null) }), onExportXlsx && _jsx(BusinessExportModal, { active: activeDialog === 'export', total: data.details.total, onClose: () => setActiveDialog(null), onExport: exportCurrent })] });
+    return _jsxs("section", { className: "tcw-analytics-page", "aria-label": "\u6570\u636E\u5206\u6790", children: [_jsxs("div", { className: "tcw-analytics-cockpit-hero", children: [_jsxs("div", { children: [_jsxs("nav", { className: "tcw-analytics-cockpit-crumbs", "aria-label": "\u6570\u636E\u5206\u6790\u9762\u5305\u5C51", children: [_jsx("span", { children: "\u9996\u9875" }), _jsx("i", { className: "ri-arrow-right-s-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u6570\u636E\u5206\u6790" })] }), _jsx("h1", { children: "\u5916\u8D38\u5408\u89C4\u7ECF\u8425\u9A7E\u9A76\u8231" }), _jsx("p", { children: "\u7ECF\u8425\u8D44\u91D1\u3001\u5408\u540C\u5BA1\u6838\u3001\u5546\u54C1\u7BA1\u63A7\u3001\u5236\u88C1\u547D\u4E2D\u3001\u5229\u6DA6\u5F02\u5E38\u7EDF\u4E00\u76D1\u63A7" })] }), _jsxs("div", { className: "tcw-analytics-page-actions", children: [onExportXlsx && _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", "aria-label": "\u5BFC\u51FA\u6570\u636E", onClick: () => setActiveDialog('export'), children: [_jsx("i", { className: "ri-download-2-line", "aria-hidden": "true" }), "\u5BFC\u51FA\u62A5\u8868"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => void runQuery(), children: [_jsx("i", { className: "ri-refresh-line", "aria-hidden": "true" }), "\u5237\u65B0"] })] })] }), _jsx("div", { className: "tcw-analytics-query", children: _jsxs("div", { className: "tcw-analytics-toolbar", children: [_jsxs("span", { className: "tcw-analytics-chip tcw-analytics-chip--org", children: [_jsx("i", { className: "ri-building-2-line", "aria-hidden": "true" }), "\u5F53\u524D\u7EC4\u7EC7\uFF1A\u534E\u5357\u5916\u8D38\u4E8B\u4E1A\u90E8"] }), _jsx("span", { className: "tcw-analytics-label", children: "\u7EDF\u8BA1\u5468\u671F\uFF1A" }), _jsxs("button", { type: "button", className: "tcw-analytics-chip", onClick: () => setFilters(current => ({ ...current, orderDate: quickRange(3) })), children: [_jsx("i", { className: "ri-calendar-event-line", "aria-hidden": "true" }), data.currentYear, " \u5E74\u5EA6"] }), _jsxs("div", { className: "tcw-segmented-control tcw-analytics-period", role: "group", "aria-label": "\u7EDF\u8BA1\u65F6\u95F4", children: [_jsxs("button", { type: "button", "aria-pressed": false, onClick: () => setFilters(current => ({ ...current, orderDate: quickRange(3) })), children: [_jsx("i", { className: "ri-calendar-check-line", "aria-hidden": "true" }), "\u672C\u6708"] }), _jsxs("button", { type: "button", "aria-pressed": false, onClick: () => setActiveDialog('filter'), children: [_jsx("i", { className: "ri-calendar-2-line", "aria-hidden": "true" }), "\u81EA\u5B9A\u4E49\u533A\u95F4"] })] }), _jsx("span", { className: "tcw-analytics-label", children: "\u5E01\u79CD\uFF1A" }), _jsxs("button", { type: "button", className: "tcw-analytics-chip", children: [_jsx("i", { className: "ri-money-cny-circle-line", "aria-hidden": "true" }), "CNY"] }), _jsxs("span", { className: "tcw-analytics-chip tcw-analytics-chip--refresh", children: [_jsx("i", { className: "ri-time-line", "aria-hidden": "true" }), "\u6700\u8FD1\u5237\u65B0\uFF1A", data.currentYear, "-08-05 10:32"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", "aria-label": "\u7B5B\u9009\u6761\u4EF6\u5165\u53E3", onClick: () => setActiveDialog('filter'), children: [_jsx("i", { className: "ri-filter-3-line", "aria-hidden": "true" }), "\u7B5B\u9009\u6761\u4EF6"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => setDetailsOpen(true), children: [_jsx("i", { className: "ri-table-line", "aria-hidden": "true" }), "\u5B8C\u6574\u660E\u7EC6"] })] }) }), _jsx(AnalyticsCockpit, { data: data, onDrilldown: setDrilldown, onInfo: setInfoModal }), error && _jsx(RiskNotice, { children: error }), busy && _jsxs("div", { className: "tcw-inline-loading", role: "status", children: [_jsx("span", { className: "tcw-spinner", "aria-hidden": "true" }), "\u6570\u636E\u52A0\u8F7D\u4E2D"] }), drilldown && _jsx(AnalyticsDrilldownPanel, { data: data, drilldown: drilldown, onClose: () => setDrilldown(null) }), detailsOpen && _jsx(AnalyticsDetailsModal, { mode: mode, dimension: dimension, data: data, onClose: () => setDetailsOpen(false), onPageChange: page => void runQuery(page), onPageSizeChange: pageSize => void onQuery(analyticsPageSizeQuery(queryFor(mode, dimension, 1, typedFilters), pageSize)) }), infoModal && _jsx(AnalyticsInfoModal, { info: infoModal, onClose: () => setInfoModal(null) }), _jsx(AdvancedFilterModal, { active: activeDialog === 'filter', filters: filters, onFilterChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onApply: () => { void runQuery(); setActiveDialog(null); }, onReset: () => { setFilters({}); void onQuery(queryFor(mode, dimension, 1, {})); setActiveDialog(null); }, onClose: () => setActiveDialog(null) }), onExportXlsx && _jsx(BusinessExportModal, { active: activeDialog === 'export', total: data.details.total, onClose: () => setActiveDialog(null), onExport: exportCurrent })] });
 }
 const analyticsExportFields = [
     { key: 'label', label: '客户/供应商名称' },
@@ -62,32 +45,33 @@ const analyticsExportFields = [
     { key: 'status', label: '审核状态' },
     { key: 'createdAt', label: '创建时间' }
 ];
-function AnalyticsCockpit({ data, onDrilldown }) {
+function AnalyticsCockpit({ data, onDrilldown, onInfo }) {
     const dashboard = data.dashboard;
-    const customerValueRows = customerValueRowsFromData(data);
-    const receivableRiskRows = receivableRiskRowsFromData(data);
-    const supplierRiskRows = supplierRiskRowsFromData(data);
-    const salesFileRows = salesFileRowsFromData(data);
-    const riskOrderRows = riskOrderRowsFromData(data);
+    const customerValueRows = dashboard.customerValueTop5.map(item => ({ key: item.customerId, name: item.customerName, salesAmountCny: item.salesAmountCny, grossProfitRate: item.estimatedGrossProfitRate, unreceivedCny: item.unreceivedCny, riskStatus: item.riskStatus }));
+    const receivableRiskRows = dashboard.receivableRiskTop5.map(item => ({ key: item.customerId, name: item.customerName, unreceivedCny: item.unreceivedCny, orderCount: item.orderCount, latestOrderDate: item.latestOrderDate }));
+    const supplierRiskRows = dashboard.supplierRiskTop5.map(item => ({ key: item.supplierId, name: item.supplierName, unpaidCny: item.unpaidCny, sanctionHitCount: item.sanctionHitCount, productRiskHitCount: item.productRiskHitCount, purchaseOrderCount: item.purchaseOrderCount }));
+    const salesFileRows = dashboard.salesFileReviews.map(item => ({ key: item.fileId, fileName: item.fileName, fileType: item.fileType, orderNo: item.salesOrderNo, reason: item.reason, status: '待复核' }));
+    const riskOrderRows = dashboard.riskOrders.map(item => ({ key: item.orderKey, orderNo: item.orderNo, partyName: item.partyName, riskType: item.riskType, riskAmountCny: item.riskAmountCny, status: item.status }));
+    const monthlyDeltas = monthlyDeltaLabels(dashboard.monthlyTrend);
     const kpis = [
-        { label: '采购总额', value: compactMoney(dashboard.kpis.purchaseTotalCny), subtext: `${data.currentYear} 年采购订单`, fullValue: `${money(dashboard.kpis.purchaseTotalCny)} CNY`, icon: 'ri-shopping-bag-3-line', tone: 'money' },
-        { label: '销售总额', value: compactMoney(dashboard.kpis.salesTotalCny), subtext: `${data.currentYear} 年销售订单`, fullValue: `${money(dashboard.kpis.salesTotalCny)} CNY`, icon: 'ri-line-chart-line', tone: 'money' },
-        { label: '已收款金额', value: compactMoney(dashboard.kpis.receivedCny), subtext: `回款率 ${amountRatio(dashboard.kpis.receivedCny, dashboard.kpis.salesTotalCny)}`, fullValue: `${money(dashboard.kpis.receivedCny)} CNY`, icon: 'ri-bank-card-line', tone: 'money' },
-        { label: '未收款金额', value: compactMoney(dashboard.kpis.unreceivedCny), subtext: `销售占比 ${amountRatio(dashboard.kpis.unreceivedCny, dashboard.kpis.salesTotalCny)}`, fullValue: `${money(dashboard.kpis.unreceivedCny)} CNY`, icon: 'ri-alarm-warning-line', tone: 'risk' },
-        { label: '已付款金额', value: compactMoney(dashboard.kpis.paidCny), subtext: `付款率 ${amountRatio(dashboard.kpis.paidCny, dashboard.kpis.purchaseTotalCny)}`, fullValue: `${money(dashboard.kpis.paidCny)} CNY`, icon: 'ri-secure-payment-line', tone: 'money' },
-        { label: '未付款金额', value: compactMoney(dashboard.kpis.unpaidCny), subtext: `采购占比 ${amountRatio(dashboard.kpis.unpaidCny, dashboard.kpis.purchaseTotalCny)}`, fullValue: `${money(dashboard.kpis.unpaidCny)} CNY`, icon: 'ri-error-warning-line', tone: 'risk' },
-        { label: '未退税金额', value: compactMoney(dashboard.kpis.unrefundedCny), subtext: `退税缺口 ${amountRatio(dashboard.kpis.unrefundedCny, addMoney(dashboard.kpis.refundedCny, dashboard.kpis.unrefundedCny))}`, fullValue: `${money(dashboard.kpis.unrefundedCny)} CNY`, icon: 'ri-refund-2-line', tone: 'audit' },
-        { label: '预计毛利率', value: percent(dashboard.kpis.estimatedGrossProfitRate), subtext: `预计毛利 ${compactMoney(dashboard.kpis.estimatedGrossProfitCny)}`, icon: 'ri-funds-box-line', tone: 'money' },
-        { label: '合规待办数', value: `${dashboard.kpis.complianceTodoCount} 项`, subtext: `队列 ${dashboard.todos.length} 类`, icon: 'ri-shield-check-line', tone: 'audit' },
-        { label: '风险敞口金额', value: compactMoney(dashboard.kpis.riskExposureCny), subtext: `资金风险占比 ${amountRatio(dashboard.kpis.riskExposureCny, addMoney(dashboard.kpis.salesTotalCny, dashboard.kpis.purchaseTotalCny))}`, fullValue: `${money(dashboard.kpis.riskExposureCny)} CNY`, icon: 'ri-radar-line', tone: 'risk' }
+        { label: '采购总额', value: compactMoney(dashboard.kpis.purchaseTotalCny), subtext: monthlyDeltas.purchase, fullValue: `${money(dashboard.kpis.purchaseTotalCny)} CNY`, icon: 'ri-shopping-cart-line', tone: 'money' },
+        { label: '销售总额', value: compactMoney(dashboard.kpis.salesTotalCny), subtext: monthlyDeltas.sales, fullValue: `${money(dashboard.kpis.salesTotalCny)} CNY`, icon: 'ri-bar-chart-line', tone: 'money' },
+        { label: '已收款金额', value: compactMoney(dashboard.kpis.receivedCny), subtext: `回款率 ${amountRatio(dashboard.kpis.receivedCny, dashboard.kpis.salesTotalCny)}`, fullValue: `${money(dashboard.kpis.receivedCny)} CNY`, icon: 'ri-time-line', tone: 'success' },
+        { label: '未收款金额', value: compactMoney(dashboard.kpis.unreceivedCny), subtext: `销售占比 ${amountRatio(dashboard.kpis.unreceivedCny, dashboard.kpis.salesTotalCny)}`, fullValue: `${money(dashboard.kpis.unreceivedCny)} CNY`, icon: 'ri-alarm-warning-line', tone: 'warn' },
+        { label: '已付款金额', value: compactMoney(dashboard.kpis.paidCny), subtext: `付款率 ${amountRatio(dashboard.kpis.paidCny, dashboard.kpis.purchaseTotalCny)}`, fullValue: `${money(dashboard.kpis.paidCny)} CNY`, icon: 'ri-secure-payment-line', tone: 'success' },
+        { label: '未付款金额', value: compactMoney(dashboard.kpis.unpaidCny), subtext: `采购占比 ${amountRatio(dashboard.kpis.unpaidCny, dashboard.kpis.purchaseTotalCny)}`, fullValue: `${money(dashboard.kpis.unpaidCny)} CNY`, icon: 'ri-error-warning-line', tone: 'warn' },
+        { label: '未退税金额', value: compactMoney(dashboard.kpis.unrefundedCny), subtext: `退税缺口 ${amountRatio(dashboard.kpis.unrefundedCny, addMoney(dashboard.kpis.refundedCny, dashboard.kpis.unrefundedCny))}`, fullValue: `${money(dashboard.kpis.unrefundedCny)} CNY`, icon: 'ri-refund-2-line', tone: 'warn' },
+        { label: '预计毛利率', value: percent(dashboard.kpis.estimatedGrossProfitRate), subtext: `毛利 ${compactMoney(dashboard.kpis.estimatedGrossProfitCny)}`, icon: 'ri-funds-box-line', tone: 'success' },
+        { label: '合规待办数', value: `${dashboard.kpis.complianceTodoCount} 项`, subtext: `队列 ${dashboard.todos.length} 类`, icon: 'ri-shield-check-line', tone: 'warn' },
+        { label: '风险敞口金额', value: compactMoney(dashboard.kpis.riskExposureCny), subtext: `资金风险占比 ${amountRatio(dashboard.kpis.riskExposureCny, addMoney(dashboard.kpis.salesTotalCny, dashboard.kpis.purchaseTotalCny))}`, fullValue: `${money(dashboard.kpis.riskExposureCny)} CNY`, icon: 'ri-shield-flash-line', tone: 'risk' }
     ];
-    return _jsxs("section", { className: "tcw-analytics-cockpit", "aria-label": "\u5916\u8D38\u5408\u89C4\u7ECF\u8425\u9A7E\u9A76\u8231", children: [_jsx("div", { className: "tcw-analytics-kpi-grid", children: kpis.map(item => _jsxs("button", { type: "button", className: `is-${item.tone}`, title: 'fullValue' in item ? item.fullValue : item.value, onClick: () => onDrilldown({ title: `${item.label}下钻明细`, tone: item.tone }), children: [_jsx("i", { className: item.icon, "aria-hidden": "true" }), _jsx("span", { children: item.label }), _jsx("strong", { children: item.value }), _jsx("small", { children: item.subtext })] }, item.label)) }), _jsxs("div", { className: "tcw-analytics-cockpit-layout", children: [_jsx(Panel, { title: "\u5408\u89C4\u5F85\u529E\u961F\u5217", icon: "ri-list-check-3", action: _jsx(PanelLink, { href: "#analytics-todos", label: "\u67E5\u770B\u5168\u90E8" }), children: _jsx("div", { className: "tcw-analytics-todo-list", children: dashboard.todos.length ? dashboard.todos.map(todo => _jsxs("article", { className: `is-${todo.priority}`, children: [_jsx("strong", { children: todo.label }), _jsx("span", { children: todo.description }), _jsxs("b", { children: [todo.count, " \u9879", todo.amountCny ? ` · ${money(todo.amountCny)} CNY` : ''] })] }, todo.key)) : _jsx(EmptyText, { text: "\u6682\u65E0\u5408\u89C4\u5F85\u529E" }) }) }), _jsxs(Panel, { title: "\u6708\u5EA6\u7ECF\u8425\u8D8B\u52BF", icon: "ri-bar-chart-box-line", className: "tcw-analytics-panel--wide", children: [_jsx(TrendLineChart, { points: dashboard.monthlyTrend }), _jsxs("div", { className: "tcw-analytics-chart-legend", children: [_jsxs("span", { children: [_jsx("i", { className: "is-purchase" }), "\u91C7\u8D2D\u989D"] }), _jsxs("span", { children: [_jsx("i", { className: "is-sales" }), "\u9500\u552E\u989D"] }), _jsxs("span", { children: [_jsx("i", { className: "is-profit" }), "\u9884\u8BA1\u6BDB\u5229 ", money(dashboard.kpis.estimatedGrossProfitCny), " CNY"] })] }), _jsxs("div", { className: "tcw-analytics-trend-summary", children: [_jsxs("span", { children: ["\u9500\u552E ", compactMoney(dashboard.kpis.salesTotalCny)] }), _jsxs("span", { children: ["\u91C7\u8D2D ", compactMoney(dashboard.kpis.purchaseTotalCny)] }), _jsxs("span", { children: ["\u6BDB\u5229\u7387 ", percent(dashboard.kpis.estimatedGrossProfitRate)] })] })] }), _jsx(Panel, { title: "\u8D44\u91D1\u98CE\u9669\u7ED3\u6784", icon: "ri-stack-line", children: _jsx(MoneyStructure, { kpis: dashboard.kpis }) }), _jsx(Panel, { title: "\u5408\u89C4\u98CE\u9669\u5206\u5E03", icon: "ri-donut-chart-line", children: _jsx(RiskDistribution, { items: dashboard.riskDistribution }) }), _jsx(Panel, { title: "\u5BA2\u6237\u4EF7\u503C TOP5", icon: "ri-vip-crown-line", children: _jsx(CustomerValue, { rows: customerValueRows }) }), _jsx(Panel, { title: "\u5E94\u6536\u98CE\u9669 TOP5", icon: "ri-bank-line", children: _jsx(ReceivableRisk, { rows: receivableRiskRows }) }), _jsx(Panel, { title: "\u4F9B\u5E94\u5546\u98CE\u9669 TOP5", icon: "ri-truck-line", children: _jsx(SupplierRisk, { rows: supplierRiskRows }) }), _jsx(Panel, { title: "\u9500\u552E\u6587\u4EF6\u590D\u6838", icon: "ri-file-search-line", action: _jsx(PanelLink, { href: "#analytics-review-files", label: "\u67E5\u770B\u5168\u90E8" }), children: _jsx(SalesFileReviews, { rows: salesFileRows }) }), _jsx(Panel, { title: "\u98CE\u9669\u8BA2\u5355\u660E\u7EC6", icon: "ri-file-warning-line", className: "tcw-analytics-panel--wide", action: _jsx(PanelLink, { href: "#analytics-risk-orders", label: "\u67E5\u770B\u5168\u90E8" }), children: _jsx(RiskOrders, { rows: riskOrderRows }) }), _jsx(Panel, { title: "\u6307\u6807\u6570\u636E\u6765\u6E90", icon: "ri-database-2-line", action: _jsx(PanelLink, { href: "#analytics-sources", label: "\u67E5\u770B\u8BE6\u60C5" }), children: _jsx("div", { className: "tcw-analytics-source-list", children: dashboard.dataSources.map(source => _jsxs("a", { href: "#analytics-sources", children: [_jsx("strong", { children: source.label }), _jsx("span", { children: source.description })] }, source.label)) }) })] })] });
+    return _jsxs("section", { className: "tcw-analytics-cockpit", "aria-label": "\u5916\u8D38\u5408\u89C4\u7ECF\u8425\u9A7E\u9A76\u8231", children: [_jsx("div", { className: "tcw-analytics-kpi-grid", children: kpis.map(item => _jsxs("button", { type: "button", className: `is-${item.tone}`, title: 'fullValue' in item ? item.fullValue : item.value, onClick: () => onDrilldown({ title: `${item.label}下钻明细`, tone: item.tone === 'success' || item.tone === 'warn' ? 'money' : item.tone }), children: [_jsx("span", { children: item.label }), _jsx("i", { className: item.icon, "aria-hidden": "true" }), _jsx("strong", { children: item.value }), _jsx("small", { children: item.subtext.startsWith('较上月') ? _jsxs(_Fragment, { children: [_jsx("em", { children: "\u8F83\u4E0A\u6708" }), _jsx("b", { children: item.subtext.replace('较上月 ', '') })] }) : item.subtext })] }, item.label)) }), _jsxs("div", { className: "tcw-analytics-cockpit-layout", children: [_jsx(Panel, { title: "\u5408\u89C4\u5F85\u529E\u961F\u5217", icon: "ri-list-check-3", className: "tcw-analytics-panel--queue", action: _jsx(PanelLink, { label: "\u67E5\u770B\u5168\u90E8", onClick: () => onInfo({ title: '合规待办明细', rows: dashboard.todos.map(todo => [todo.label, `${todo.count} 项 · ${todo.description}`]) }) }), children: _jsx(TodoQueue, { rows: dashboard.todos }) }), _jsxs(Panel, { title: "\u6708\u5EA6\u7ECF\u8425\u8D8B\u52BF", icon: "ri-bar-chart-box-line", className: "tcw-analytics-panel--trend", children: [_jsx(TrendLineChart, { points: dashboard.monthlyTrend }), _jsxs("div", { className: "tcw-analytics-chart-legend", children: [_jsx("b", { children: "\u91D1\u989D\uFF08\u4E07\u5143\uFF09" }), _jsxs("span", { children: [_jsx("i", { className: "is-sales" }), "\u9500\u552E\u989D"] }), _jsxs("span", { children: [_jsx("i", { className: "is-purchase" }), "\u91C7\u8D2D\u989D"] }), _jsxs("span", { children: [_jsx("i", { className: "is-profit" }), "\u9884\u8BA1\u6BDB\u5229"] }), _jsxs("span", { children: [_jsx("i", { className: "is-received" }), "\u56DE\u6B3E\u91D1\u989D"] })] }), _jsxs("div", { className: "tcw-analytics-trend-summary", children: [_jsxs("span", { children: ["\u9500\u552E ", compactMoney(dashboard.kpis.salesTotalCny)] }), _jsxs("span", { children: ["\u91C7\u8D2D ", compactMoney(dashboard.kpis.purchaseTotalCny)] }), _jsxs("span", { children: ["\u6BDB\u5229\u7387 ", percent(dashboard.kpis.estimatedGrossProfitRate)] })] })] }), _jsx(Panel, { title: "\u8D44\u91D1\u98CE\u9669\u7ED3\u6784", icon: "ri-stack-line", className: "tcw-analytics-panel--capital", children: _jsx(MoneyStructure, { kpis: dashboard.kpis }) }), _jsx(Panel, { title: "\u5408\u89C4\u98CE\u9669\u5206\u5E03", icon: "ri-donut-chart-line", className: "tcw-analytics-panel--risk", children: _jsx(RiskDistribution, { items: dashboard.riskDistribution, onOpen: item => onInfo({ title: `${item.label}明细`, rows: [[item.label, `${item.count} 项${item.amountCny ? ` · ${money(item.amountCny)} CNY` : ''}`]] }) }) }), _jsx(Panel, { title: "\u5BA2\u6237\u4EF7\u503C TOP5", icon: "ri-vip-crown-line", children: _jsx(CustomerValue, { rows: customerValueRows }) }), _jsx(Panel, { title: "\u672A\u6536\u98CE\u9669 TOP5", icon: "ri-bank-line", children: _jsx(ReceivableRisk, { rows: receivableRiskRows }) }), _jsx(Panel, { title: "\u4F9B\u5E94\u5546\u98CE\u9669 TOP5", icon: "ri-truck-line", children: _jsx(SupplierRisk, { rows: supplierRiskRows }) }), _jsx(Panel, { title: "\u9500\u552E\u6587\u4EF6\u590D\u6838", icon: "ri-file-search-line", action: _jsx(PanelLink, { label: "\u67E5\u770B\u5168\u90E8", onClick: () => onInfo({ title: '销售文件复核明细', rows: salesFileRows.map(row => [row.fileName, `${row.fileType} · ${row.orderNo} · ${row.status}`]) }) }), children: _jsx(SalesFileReviews, { rows: salesFileRows }) }), _jsx(Panel, { title: "\u98CE\u9669\u8BA2\u5355\u660E\u7EC6", icon: "ri-file-warning-line", className: "tcw-analytics-panel--wide", action: _jsx(PanelLink, { label: "\u67E5\u770B\u5168\u90E8", onClick: () => onInfo({ title: '风险订单明细', rows: riskOrderRows.map(row => [row.orderNo, `${row.partyName} · ${row.riskType} · ${money(row.riskAmountCny)} CNY`]) }) }), children: _jsx(RiskOrders, { rows: riskOrderRows }) }), _jsx(Panel, { title: "\u6307\u6807\u6570\u636E\u6765\u6E90", icon: "ri-database-2-line", action: _jsx(PanelLink, { label: "\u67E5\u770B\u8BE6\u60C5", onClick: () => onInfo({ title: '指标数据来源', rows: dashboard.dataSources.map(source => [source.label, source.description]) }) }), children: _jsx("div", { className: "tcw-analytics-source-list", children: dashboard.dataSources.map(source => _jsxs("button", { type: "button", onClick: () => onInfo({ title: source.label, rows: [[source.label, source.description]] }), children: [_jsx("i", { className: "ri-links-line", "aria-hidden": "true" }), _jsx("strong", { children: source.label }), _jsx("span", { children: source.description })] }, source.label)) }) })] })] });
 }
 function Panel({ title, icon, className = '', action, children }) {
     return _jsxs("section", { className: `tcw-analytics-panel ${className}`.trim(), children: [_jsxs("header", { children: [_jsxs("strong", { children: [_jsx("i", { className: icon, "aria-hidden": "true" }), title] }), action] }), children] });
 }
-function PanelLink({ href, label }) {
-    return _jsxs("a", { className: "tcw-analytics-panel-link", href: href, children: [label, _jsx("i", { className: "ri-arrow-right-s-line", "aria-hidden": "true" })] });
+function PanelLink({ label, onClick }) {
+    return _jsxs("button", { type: "button", className: "tcw-analytics-panel-link", onClick: onClick, children: [label, _jsx("i", { className: "ri-arrow-right-s-line", "aria-hidden": "true" })] });
 }
 function MoneyStructure({ kpis }) {
     const items = [
@@ -99,15 +83,24 @@ function MoneyStructure({ kpis }) {
     const total = Math.max(...items.map(item => Number(item.value) || 0), 1);
     return _jsx("div", { className: "tcw-analytics-money-structure", children: items.map(item => _jsxs("div", { children: [_jsxs("span", { children: [_jsx("i", { style: { background: item.color } }), item.label] }), _jsxs("b", { children: [money(item.value), " CNY"] }), _jsx("em", { children: _jsx("i", { style: { width: `${Math.max(6, (Number(item.value) || 0) / total * 100)}%`, background: item.color } }) })] }, item.label)) });
 }
-function RiskDistribution({ items }) {
+function RiskDistribution({ items, onOpen }) {
     const total = items.reduce((sum, item) => sum + item.count, 0);
-    return _jsxs("div", { className: "tcw-analytics-risk-distribution", children: [_jsxs("div", { className: "tcw-analytics-donut", children: [_jsx("strong", { children: total }), _jsx("span", { children: "\u98CE\u9669\u9879" })] }), _jsx("dl", { children: items.map(item => _jsxs("div", { children: [_jsx("dt", { children: item.label }), _jsxs("dd", { children: [item.count, " \u9879", item.amountCny ? ` · ${money(item.amountCny)} CNY` : ''] })] }, item.key)) })] });
+    const colors = ['#1769ff', '#26b6c8', '#ff9f1c', '#8b5cf6', '#5ac85a', '#ff4d55'];
+    const segments = items.length ? items.map((item, index) => ({ item, color: colors[index % colors.length] })) : [{ item: { key: 'empty', label: '暂无风险', count: 1, amountCny: '0' }, color: '#e7edf5' }];
+    let cursor = 0;
+    const conic = segments.map(({ item, color }) => {
+        const start = cursor;
+        cursor += ((total > 0 ? item.count / total : 1) * 100);
+        return `${color} ${start.toFixed(2)}% ${cursor.toFixed(2)}%`;
+    }).join(', ');
+    const style = { '--risk-donut': `conic-gradient(${conic})` };
+    return _jsxs("div", { className: "tcw-analytics-risk-distribution", children: [_jsxs("div", { className: "tcw-analytics-donut", style: style, children: [_jsx("strong", { children: "\u5408\u8BA1" }), _jsx("span", { children: total })] }), _jsx("dl", { children: items.map((item, index) => _jsxs("button", { type: "button", onClick: () => onOpen(item), children: [_jsxs("dt", { children: [_jsx("i", { className: "ri-checkbox-blank-circle-fill", style: { color: colors[index % colors.length] }, "aria-hidden": "true" }), item.label] }), _jsxs("dd", { children: [item.count, " (", percentRatio(item.count, total), ")"] })] }, item.key)) })] });
 }
 function CustomerValue({ rows }) {
     return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u5BA2\u6237/\u4F9B\u5E94\u5546" }), _jsx("th", { children: "\u9500\u552E\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u6BDB\u5229\u7387" }), _jsx("th", { children: "\u98CE\u9669" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { title: row.name, children: row.name }), _jsx("td", { children: money(row.salesAmountCny) }), _jsx("td", { children: percent(row.grossProfitRate) }), _jsx("td", { children: _jsx(RiskBadge, { status: row.riskStatus }) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u5BA2\u6237\u4EF7\u503C\u6392\u540D" });
 }
 function ReceivableRisk({ rows }) {
-    return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u5BA2\u6237/\u4F9B\u5E94\u5546" }), _jsx("th", { children: "\u672A\u6536\u6B3E\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u8BA2\u5355\u6570" }), _jsx("th", { children: "\u6700\u8FD1\u8BA2\u5355" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { title: row.name, children: row.name }), _jsx("td", { children: money(row.unreceivedCny) }), _jsx("td", { children: row.orderCount }), _jsx("td", { children: shortDate(row.latestOrderDate) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u5E94\u6536\u98CE\u9669" });
+    return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u5BA2\u6237" }), _jsx("th", { children: "\u672A\u6536\u6B3E\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u8BA2\u5355\u6570" }), _jsx("th", { children: "\u6700\u8FD1\u8BA2\u5355" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { title: row.name, children: row.name }), _jsx("td", { children: money(row.unreceivedCny) }), _jsx("td", { children: row.orderCount }), _jsx("td", { children: shortDate(row.latestOrderDate) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u672A\u6536\u98CE\u9669" });
 }
 function SupplierRisk({ rows }) {
     return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u4F9B\u5E94\u5546" }), _jsx("th", { children: "\u672A\u4ED8\u6B3E\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u5546\u54C1\u547D\u4E2D" }), _jsx("th", { children: "\u5236\u88C1\u547D\u4E2D" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { title: row.name, children: row.name }), _jsx("td", { children: money(row.unpaidCny) }), _jsx("td", { children: row.productRiskHitCount }), _jsx("td", { children: row.sanctionHitCount })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u4F9B\u5E94\u5546\u98CE\u9669" });
@@ -118,6 +111,9 @@ function SalesFileReviews({ rows }) {
 function RiskOrders({ rows }) {
     return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table tcw-analytics-risk-orders", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u8BA2\u5355\u53F7" }), _jsx("th", { children: "\u5BA2\u6237/\u4F9B\u5E94\u5546" }), _jsx("th", { children: "\u98CE\u9669\u7C7B\u578B" }), _jsx("th", { children: "\u8BA2\u5355\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u72B6\u6001" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { children: row.orderNo }), _jsx("td", { title: row.partyName, children: row.partyName }), _jsx("td", { children: _jsx("em", { children: row.riskType }) }), _jsx("td", { children: money(row.riskAmountCny) }), _jsx("td", { children: _jsx("span", { children: row.status }) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u98CE\u9669\u8BA2\u5355" });
 }
+function TodoQueue({ rows }) {
+    return rows.length ? _jsxs("table", { className: "tcw-analytics-todo-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u5F85\u529E\u4E8B\u9879" }), _jsx("th", { children: "\u6570\u91CF" }), _jsx("th", { children: "\u4F18\u5148\u7EA7" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { title: row.description, children: row.label }), _jsx("td", { children: row.count }), _jsx("td", { children: _jsx(RiskBadge, { status: row.priority === 'high' ? 'HIGH' : row.priority === 'medium' ? 'MEDIUM' : 'LOW' }) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u5408\u89C4\u5F85\u529E" });
+}
 function RiskBadge({ status }) {
     const label = status === 'HIGH' ? '高' : status === 'MEDIUM' ? '中' : status === 'LOW' ? '低' : status;
     return _jsx("span", { className: `tcw-analytics-risk-badge is-${status.toLocaleLowerCase()}`, children: label });
@@ -130,133 +126,35 @@ function TrendLineChart({ points }) {
         const y = 132 - ((Number(point[key]) || 0) / max) * 104;
         return `${x.toFixed(1)},${y.toFixed(1)}`;
     }).join(' ');
-    return _jsx("div", { className: "tcw-analytics-line-chart", children: _jsxs("svg", { viewBox: "0 0 600 160", role: "img", "aria-label": "\u6708\u5EA6\u7ECF\u8425\u8D8B\u52BF\u6298\u7EBF\u56FE", children: [_jsx("g", { className: "tcw-analytics-line-grid", children: [28, 54, 80, 106, 132].map(y => _jsx("line", { x1: "24", x2: "576", y1: y, y2: y }, y)) }), _jsx("polyline", { className: "is-purchase", points: line('purchaseAmountCny') }), _jsx("polyline", { className: "is-sales", points: line('salesAmountCny') }), _jsx("polyline", { className: "is-profit", points: line('estimatedGrossProfitCny') }), months.map((point, index) => _jsx("text", { x: 24 + index * (552 / 11), y: "153", children: point.month }, point.month))] }) });
-}
-function customerValueRowsFromData(data) {
-    if (data.dashboard.customerValueTop5.length)
-        return data.dashboard.customerValueTop5.map(item => ({
-            key: item.customerId,
-            name: item.customerName,
-            salesAmountCny: item.salesAmountCny,
-            grossProfitRate: item.estimatedGrossProfitRate,
-            unreceivedCny: item.unreceivedCny,
-            riskStatus: item.riskStatus
-        }));
-    const source = data.top5.length ? data.top5.map(item => {
-        const detail = findDetail(data, item.key, item.label);
-        return detail ?? { key: item.key, label: item.label, orderCount: 0, amountCny: item.amountCny };
-    }) : data.details.items;
-    return source.slice(0, 5).map(row => ({
-        key: row.key,
-        name: row.label,
-        salesAmountCny: row.amountCny,
-        grossProfitRate: amountRatio(estimatedGrossProfit(row), row.amountCny, false),
-        unreceivedCny: row.unreceivedCny ?? row.unpaidCny ?? '0',
-        riskStatus: riskStatusForAmount(row.unreceivedCny ?? row.unpaidCny ?? row.unrefundedCny)
-    }));
-}
-function receivableRiskRowsFromData(data) {
-    if (data.dashboard.receivableRiskTop5.length)
-        return data.dashboard.receivableRiskTop5.map(item => ({
-            key: item.customerId,
-            name: item.customerName,
-            unreceivedCny: item.unreceivedCny,
-            orderCount: item.orderCount,
-            latestOrderDate: item.latestOrderDate
-        }));
-    return data.details.items
-        .map(row => ({ key: row.key, name: row.label, unreceivedCny: row.unreceivedCny ?? row.unpaidCny ?? '0', orderCount: row.orderCount, latestOrderDate: null }))
-        .filter(row => Number(row.unreceivedCny) > 0)
-        .sort((a, b) => Number(b.unreceivedCny) - Number(a.unreceivedCny))
-        .slice(0, 5);
-}
-function supplierRiskRowsFromData(data) {
-    if (data.dashboard.supplierRiskTop5.length)
-        return data.dashboard.supplierRiskTop5.map(item => ({
-            key: item.supplierId,
-            name: item.supplierName,
-            unpaidCny: item.unpaidCny,
-            sanctionHitCount: item.sanctionHitCount,
-            productRiskHitCount: item.productRiskHitCount,
-            purchaseOrderCount: item.purchaseOrderCount
-        }));
-    return data.details.items
-        .map(row => ({
-        key: row.key,
-        name: row.label,
-        unpaidCny: row.unpaidCny ?? row.unreceivedCny ?? '0',
-        sanctionHitCount: 0,
-        productRiskHitCount: Number(row.productQuantity) > 0 ? 1 : 0,
-        purchaseOrderCount: row.orderCount
-    }))
-        .filter(row => Number(row.unpaidCny) > 0)
-        .sort((a, b) => Number(b.unpaidCny) - Number(a.unpaidCny))
-        .slice(0, 5);
-}
-function salesFileRowsFromData(data) {
-    if (data.dashboard.salesFileReviews.length)
-        return data.dashboard.salesFileReviews.map(item => ({
-            key: item.fileId,
-            fileName: item.fileName,
-            fileType: item.fileType,
-            orderNo: item.salesOrderNo,
-            reason: item.reason,
-            status: '待复核'
-        }));
-    return data.details.items
-        .filter(row => hasRiskAmount(row))
-        .slice(0, 5)
-        .map(row => ({ key: `review-${row.key}`, fileName: `${row.label}合规资料`, fileType: '业务单据', orderNo: row.key, reason: riskLabelForRow(row), status: '待复核' }));
-}
-function riskOrderRowsFromData(data) {
-    if (data.dashboard.riskOrders.length)
-        return data.dashboard.riskOrders.map(item => ({
-            key: item.orderKey,
-            orderNo: item.orderNo,
-            partyName: item.partyName,
-            riskType: item.riskType,
-            riskAmountCny: item.riskAmountCny,
-            status: item.status
-        }));
-    return data.details.items
-        .map(row => ({ key: `risk-${row.key}`, orderNo: row.key, partyName: row.label, riskType: riskLabelForRow(row), riskAmountCny: largestRiskAmount(row), status: '待复核' }))
-        .filter(row => Number(row.riskAmountCny) > 0)
-        .sort((a, b) => Number(b.riskAmountCny) - Number(a.riskAmountCny))
-        .slice(0, 5);
-}
-function findDetail(data, key, label) {
-    return data.details.items.find(row => row.key === key || row.label === label);
-}
-function estimatedGrossProfit(row) {
-    if (row.receivedCny || row.paidCny)
-        return new Decimal(row.receivedCny ?? row.amountCny).minus(row.paidCny ?? 0).toString();
-    return '0';
-}
-function riskStatusForAmount(value) {
-    const number = Number(value) || 0;
-    if (number <= 0)
-        return 'LOW';
-    return number >= 100_000 ? 'HIGH' : 'MEDIUM';
-}
-function hasRiskAmount(row) {
-    return Number(row.unreceivedCny ?? 0) > 0 || Number(row.unpaidCny ?? 0) > 0 || Number(row.unrefundedCny ?? 0) > 0;
-}
-function riskLabelForRow(row) {
-    const risks = [
-        Number(row.unreceivedCny ?? 0) > 0 ? '未收款' : '',
-        Number(row.unpaidCny ?? 0) > 0 ? '未付款' : '',
-        Number(row.unrefundedCny ?? 0) > 0 ? '未退税' : ''
-    ].filter(Boolean);
-    return risks.length ? risks.join('/') : '合规待复核';
-}
-function largestRiskAmount(row) {
-    return String(Math.max(Number(row.unreceivedCny ?? 0), Number(row.unpaidCny ?? 0), Number(row.unrefundedCny ?? 0)));
+    return _jsx("div", { className: "tcw-analytics-line-chart", children: _jsxs("svg", { viewBox: "0 0 600 160", role: "img", "aria-label": "\u6708\u5EA6\u7ECF\u8425\u8D8B\u52BF\u6298\u7EBF\u56FE", children: [_jsx("g", { className: "tcw-analytics-line-grid", children: [28, 54, 80, 106, 132].map(y => _jsx("line", { x1: "24", x2: "576", y1: y, y2: y }, y)) }), _jsx("polyline", { className: "is-purchase", points: line('purchaseAmountCny') }), _jsx("polyline", { className: "is-sales", points: line('salesAmountCny') }), _jsx("polyline", { className: "is-profit", points: line('estimatedGrossProfitCny') }), _jsx("polyline", { className: "is-received", points: line('receivedCny') }), months.map((point, index) => _jsx("text", { x: 24 + index * (552 / 11), y: "153", children: point.month }, point.month))] }) });
+}
+function monthlyDeltaLabels(points) {
+    const sorted = [...points].sort((a, b) => a.month - b.month);
+    let latestIndex = -1;
+    for (let index = sorted.length - 1; index >= 0; index -= 1) {
+        const point = sorted[index];
+        if (Number(point.purchaseAmountCny) > 0 || Number(point.salesAmountCny) > 0 || Number(point.receivedCny) > 0) {
+            latestIndex = index;
+            break;
+        }
+    }
+    const latest = latestIndex >= 0 ? sorted[latestIndex] : undefined;
+    const previous = latestIndex > 0 ? sorted[latestIndex - 1] : undefined;
+    return {
+        purchase: `较上月 ${deltaLabel(latest?.purchaseAmountCny, previous?.purchaseAmountCny)}`,
+        sales: `较上月 ${deltaLabel(latest?.salesAmountCny, previous?.salesAmountCny)}`,
+        received: `较上月 ${deltaLabel(latest?.receivedCny, previous?.receivedCny)}`,
+        profit: `较上月 ${deltaLabel(latest?.estimatedGrossProfitCny, previous?.estimatedGrossProfitCny)}`
+    };
 }
 function EmptyText({ text }) {
     return _jsx("small", { className: "tcw-analytics-empty", children: text });
 }
-function AdvancedFilterModal({ active, mode, filters, onFilterChange, onApply, onReset, onClose }) {
-    return _jsx("div", { className: "tcw-analytics-modal-deck", hidden: !active, "aria-hidden": !active, children: _jsx(AnalyticsModal, { title: "\u9AD8\u7EA7\u7B5B\u9009", active: active, onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onReset, children: [_jsx("i", { className: "ri-restart-line", "aria-hidden": "true" }), "\u91CD\u7F6E"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onApply, children: [_jsx("i", { className: "ri-check-line", "aria-hidden": "true" }), "\u786E\u5B9A"] })] }), children: _jsxs("div", { className: "tcw-analytics-modal-grid", children: [_jsx("div", { className: "tcw-analytics-quick-range", "aria-label": "\u7EDF\u8BA1\u65F6\u95F4", children: ['今日', '近7天', '近30天', '本月'].map((label, index) => _jsxs("button", { type: "button", className: index === 2 ? 'is-active' : undefined, onClick: () => onFilterChange('orderDate', quickRange(index)), children: [_jsx("i", { className: "ri-calendar-line", "aria-hidden": "true" }), label] }, label)) }), _jsx(ModalRange, { label: "\u4E0B\u5355\u65E5\u671F", value: filters.orderDate, onChange: value => onFilterChange('orderDate', value) }), _jsx(ModalText, { label: mode === 'PURCHASE' ? '供应商' : '客户', value: String(filters[mode === 'PURCHASE' ? 'supplier' : 'customer'] ?? ''), onChange: value => onFilterChange(mode === 'PURCHASE' ? 'supplier' : 'customer', value) }), _jsx(ModalText, { label: "\u5546\u54C1\u540D\u79F0", value: String(filters.productName ?? ''), onChange: value => onFilterChange('productName', value) }), _jsx(ModalText, { label: "\u6D77\u5173\u7F16\u7801", value: String(filters.hsCode ?? ''), onChange: value => onFilterChange('hsCode', value) }), ['国家/地区', '产品类别', '风险等级', '审核状态', '金额范围'].map(label => _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: label }), _jsx("input", { disabled: true, placeholder: "\u540E\u7AEF\u7B5B\u9009\u5B57\u6BB5\u5F85\u63A5\u5165" })] }, label))] }) }) });
+function AdvancedFilterModal({ active, filters, onFilterChange, onApply, onReset, onClose }) {
+    return _jsx("div", { className: "tcw-analytics-modal-deck", hidden: !active, "aria-hidden": !active, children: _jsx(AnalyticsModal, { title: "\u9AD8\u7EA7\u7B5B\u9009", active: active, onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onReset, children: [_jsx("i", { className: "ri-restart-line", "aria-hidden": "true" }), "\u91CD\u7F6E"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onApply, children: [_jsx("i", { className: "ri-check-line", "aria-hidden": "true" }), "\u786E\u5B9A"] })] }), children: _jsxs("div", { className: "tcw-analytics-modal-grid", children: [_jsx("div", { className: "tcw-analytics-quick-range", "aria-label": "\u7EDF\u8BA1\u65F6\u95F4", children: ['今日', '近7天', '近30天', '本月'].map((label, index) => _jsxs("button", { type: "button", className: index === 2 ? 'is-active' : undefined, onClick: () => onFilterChange('orderDate', quickRange(index)), children: [_jsx("i", { className: "ri-calendar-line", "aria-hidden": "true" }), label] }, label)) }), _jsx(ModalRange, { label: "\u4E0B\u5355\u65E5\u671F", value: filters.orderDate, onChange: value => onFilterChange('orderDate', value) }), _jsx(ModalText, { label: "\u5546\u54C1\u540D\u79F0", value: String(filters.productName ?? ''), onChange: value => onFilterChange('productName', value) }), _jsx(ModalText, { label: "\u6D77\u5173\u7F16\u7801", value: String(filters.hsCode ?? ''), onChange: value => onFilterChange('hsCode', value) })] }) }) });
+}
+function AnalyticsInfoModal({ info, onClose }) {
+    return _jsx("div", { className: "tcw-analytics-modal-deck", "aria-hidden": false, children: _jsx(AnalyticsModal, { title: info.title, active: true, onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: info.rows.length ? _jsx("dl", { className: "tcw-analytics-info-list", children: info.rows.map(([label, value]) => _jsxs("div", { children: [_jsx("dt", { children: label }), _jsx("dd", { children: value })] }, `${label}-${value}`)) }) : _jsx(EmptyText, { text: "\u6682\u65E0\u660E\u7EC6" }) }) });
 }
 function BusinessExportModal({ active, total, onClose, onExport }) {
     return _jsx("div", { className: "tcw-analytics-modal-deck", hidden: !active, "aria-hidden": !active, children: _jsx(AnalyticsModal, { title: "\u4E1A\u52A1\u5BFC\u51FA", active: active, onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), children: _jsxs("div", { className: "tcw-analytics-export-panel", children: [_jsxs("button", { type: "button", onClick: () => onExport('summary'), children: [_jsx("i", { className: "ri-dashboard-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u7BA1\u7406\u6C47\u603B\u62A5\u8868" }), _jsx("span", { children: "\u6307\u6807\u6C47\u603B\u3001TOP \u6392\u540D\u548C\u8D8B\u52BF\u6570\u636E\uFF0C\u9002\u5408\u7ECF\u8425\u590D\u76D8\u3002" })] }), _jsxs("button", { type: "button", onClick: () => onExport('details'), children: [_jsx("i", { className: "ri-file-list-3-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u5F53\u524D\u660E\u7EC6\u6E05\u5355" }), _jsxs("span", { children: ["\u5BFC\u51FA\u5F53\u524D\u7B5B\u9009\u540E\u7684 ", total, " \u6761\u660E\u7EC6\u6570\u636E\u3002"] })] }), _jsxs("button", { type: "button", onClick: () => onExport('exceptions'), children: [_jsx("i", { className: "ri-alarm-warning-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u5F02\u5E38/\u98CE\u9669\u6E05\u5355" }), _jsx("span", { children: "\u672A\u6536\u6B3E\u3001\u672A\u4ED8\u6B3E\u3001\u672A\u9000\u7A0E\u548C\u5408\u89C4\u5F85\u5904\u7406\u4E8B\u9879\u3002" })] })] }) }) });
@@ -362,6 +260,20 @@ function amountRatio(part, total, formatted = true) {
     const value = denominator > 0 ? (Number(part) || 0) / denominator : 0;
     return formatted ? percent(value) : String(value);
 }
+function percentRatio(part, total) {
+    const denominator = Number(total) || 0;
+    const value = denominator > 0 ? (Number(part) || 0) / denominator : 0;
+    return `${(value * 100).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`;
+}
+function deltaLabel(current, previous) {
+    const now = Number(current ?? 0);
+    const before = Number(previous ?? 0);
+    if (!Number.isFinite(now) || !Number.isFinite(before) || before <= 0)
+        return '暂无环比';
+    const delta = (now - before) / before;
+    const arrow = delta >= 0 ? '↑' : '↓';
+    return `${arrow} ${Math.abs(delta * 100).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`;
+}
 function money(value) { const number = Number(value ?? 0); return Number.isFinite(number) ? number.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : '0.00'; }
 function compactMoney(value) {
     const number = Number(value ?? 0);