From 60710d6c68ca1993cb5cf8363464a8ac40fb61d9 Mon Sep 17 00:00:00 2001 From: CalciumIon <1808837298@qq.com> Date: Wed, 11 Dec 2024 21:06:26 +0800 Subject: [PATCH] feat: Add renderModelPriceSimple function and update LogsTable component - Introduced a new helper function `renderModelPriceSimple` to simplify the rendering of model price information. - Updated the `LogsTable` component to utilize `renderModelPriceSimple`, enhancing the display of model pricing and grouping information. - Removed the previous implementation of `renderModelPrice` from the `LogsTable` for cleaner code. --- web/src/components/LogsTable.js | 17 +++++++---------- web/src/helpers/render.js | 13 +++++++++++++ 2 files changed, 20 insertions(+), 10 deletions(-) diff --git a/web/src/components/LogsTable.js b/web/src/components/LogsTable.js index 28e1a1ac..e13d9633 100644 --- a/web/src/components/LogsTable.js +++ b/web/src/components/LogsTable.js @@ -25,7 +25,7 @@ import { import { ITEMS_PER_PAGE } from '../constants'; import { renderAudioModelPrice, - renderModelPrice, + renderModelPrice, renderModelPriceSimple, renderNumber, renderQuota, stringToColor @@ -386,14 +386,11 @@ const LogsTable = () => { ); } - // let content = renderModelPrice( - // record.prompt_tokens, - // record.completion_tokens, - // other.model_ratio, - // other.model_price, - // other.completion_ratio, - // other.group_ratio, - // ); + let content = renderModelPriceSimple( + other.model_ratio, + other.model_price, + other.group_ratio, + ); return ( { }} style={{ maxWidth: 240 }} > - 调用消费 + {content} ); }, diff --git a/web/src/helpers/render.js b/web/src/helpers/render.js index 406d9e10..ef537eed 100644 --- a/web/src/helpers/render.js +++ b/web/src/helpers/render.js @@ -175,6 +175,19 @@ export function renderModelPrice( } } +export function renderModelPriceSimple( + modelRatio, + modelPrice = -1, + groupRatio, +) { + // 1 ratio = $0.002 / 1K tokens + if (modelPrice !== -1) { + return '价格:$' + modelPrice + ' * 分组:' + groupRatio; + } else { + return '模型: ' + modelRatio + ' * 分组: ' + groupRatio; + } +} + export function renderAudioModelPrice( inputTokens, completionTokens,