diff --git a/web/src/i18n/locales/en.json b/web/src/i18n/locales/en.json index 16a10e3c..2c3c6330 100644 --- a/web/src/i18n/locales/en.json +++ b/web/src/i18n/locales/en.json @@ -1585,5 +1585,6 @@ "请输入说明": "Please enter the description", "如:香港线路": "e.g. Hong Kong line", "请联系管理员在系统设置中配置API信息": "Please contact the administrator to configure API information in the system settings.", - "确定要删除此API信息吗?": "Are you sure you want to delete this API information?" + "确定要删除此API信息吗?": "Are you sure you want to delete this API information?", + "测速": "Speed Test" } \ No newline at end of file diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js index b19201b9..e65b7f67 100644 --- a/web/src/pages/Detail/index.js +++ b/web/src/pages/Detail/index.js @@ -13,6 +13,7 @@ import { Tabs, TabPane, Empty, + Tag } from '@douyinfe/semi-ui'; import { IconRefresh, @@ -25,7 +26,7 @@ import { IconPulse, IconStopwatchStroked, IconTypograph, - IconPieChart2Stroked, + IconPieChart2Stroked } from '@douyinfe/semi-icons'; import { IllustrationConstruction, IllustrationConstructionDark } from '@douyinfe/semi-illustrations'; import { VChart } from '@visactor/react-vchart'; @@ -495,6 +496,12 @@ const Detail = (props) => { } }, [t]); + const handleSpeedTest = useCallback((apiUrl) => { + const encodedUrl = encodeURIComponent(apiUrl); + const speedTestUrl = `https://www.tcptest.cn/http/${encodedUrl}`; + window.open(speedTestUrl, '_blank'); + }, []); + const handleInputChange = useCallback((value, name) => { if (name === 'data_export_default_time') { setDataExportDefaultTime(value); @@ -698,22 +705,17 @@ const Detail = (props) => { }, [dataExportDefaultTime, getTimeInterval]); const updateChartData = useCallback((data) => { - // 处理原始数据 const processedData = processRawData(data); const { totalQuota, totalTimes, totalTokens, uniqueModels, timePoints, timeQuotaMap, timeTokensMap, timeCountMap } = processedData; - // 计算趋势数据 const trendDataResult = calculateTrendData(timePoints, timeQuotaMap, timeTokensMap, timeCountMap); setTrendData(trendDataResult); - // 生成模型颜色映射 const newModelColors = generateModelColors(uniqueModels); setModelColors(newModelColors); - // 聚合数据 const aggregatedData = aggregateDataByTimeAndModel(data); - // 生成饼图数据 const modelTotals = new Map(); for (let [_, value] of aggregatedData) { updateMapValue(modelTotals, value.model, value.count); @@ -724,7 +726,6 @@ const Detail = (props) => { value: count, })).sort((a, b) => b.value - a.value); - // 生成线图数据 const chartTimePoints = generateChartTimePoints(aggregatedData, data); let newLineData = []; @@ -748,7 +749,6 @@ const Detail = (props) => { newLineData.sort((a, b) => a.Time.localeCompare(b.Time)); - // 更新图表配置 updateChartSpec( setSpecPie, newPieData, @@ -765,7 +765,6 @@ const Detail = (props) => { 'barData' ); - // 更新状态 setPieData(newPieData); setLineData(newLineData); setConsumeQuota(totalQuota); @@ -994,7 +993,17 @@ const Detail = (props) => {