Procházet zdrojové kódy

💄 ui: adjust column layout in pricing table

- Move model price column to fixed right position
- Convert endpoint types column from fixed to regular column
- Reorder columns: endpoint types now appears before ratio column
- Improve table layout and user experience for pricing data viewing

Changes made to web/src/components/table/model-pricing/view/table/PricingTableColumns.js:
* Removed `fixed: 'right'` from endpointColumn
* Added `fixed: 'right'` to priceColumn
* Updated column order in the columns array
t0ng7u před 7 měsíci
rodič
revize
346b869d60

+ 2 - 2
web/src/components/table/model-pricing/view/table/PricingTableColumns.js

@@ -101,7 +101,6 @@ export const getPricingTableColumns = ({
   const endpointColumn = {
   const endpointColumn = {
     title: t('可用端点类型'),
     title: t('可用端点类型'),
     dataIndex: 'supported_endpoint_types',
     dataIndex: 'supported_endpoint_types',
-    fixed: 'right',
     render: (text, record, index) => {
     render: (text, record, index) => {
       return renderSupportedEndpoints(text);
       return renderSupportedEndpoints(text);
     },
     },
@@ -189,6 +188,7 @@ export const getPricingTableColumns = ({
   const priceColumn = {
   const priceColumn = {
     title: t('模型价格'),
     title: t('模型价格'),
     dataIndex: 'model_price',
     dataIndex: 'model_price',
+    fixed: 'right',
     render: (text, record, index) => {
     render: (text, record, index) => {
       const priceData = calculateModelPrice({
       const priceData = calculateModelPrice({
         record,
         record,
@@ -221,10 +221,10 @@ export const getPricingTableColumns = ({
   };
   };
 
 
   const columns = [...baseColumns];
   const columns = [...baseColumns];
+  columns.push(endpointColumn);
   if (showRatio) {
   if (showRatio) {
     columns.push(ratioColumn);
     columns.push(ratioColumn);
   }
   }
   columns.push(priceColumn);
   columns.push(priceColumn);
-  columns.push(endpointColumn);
   return columns;
   return columns;
 }; 
 };