🎨 chore(web): apply ESLint and Prettier auto-fixes (baseline)

- Ran: bun run eslint:fix && bun run lint:fix
- Inserted AGPL license header via eslint-plugin-header
- Enforced no-multiple-empty-lines and other lint rules
- Formatted code using Prettier v3 (@so1ve/prettier-config)
- No functional changes; formatting-only baseline across JS/JSX files

web/src/components/table/model-pricing/view/card/PricingCardSkeleton.jsx

@@ -23,35 +23,35 @@ import { Card, Skeleton } from '@douyinfe/semi-ui';
 const PricingCardSkeleton = ({
   skeletonCount = 100,
   rowSelection = false,
-  showRatio = false
+  showRatio = false,
 }) => {
   const placeholder = (
-    <div className="px-2 pt-2">
-      <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
+    <div className='px-2 pt-2'>
+      <div className='grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4'>
         {Array.from({ length: skeletonCount }).map((_, index) => (
           <Card
             key={index}
-            className="!rounded-2xl border border-gray-200"
+            className='!rounded-2xl border border-gray-200'
             bodyStyle={{ padding: '24px' }}
           >
             {/* 头部：图标 + 模型名称 + 操作按钮 */}
-            <div className="flex items-start justify-between mb-3">
-              <div className="flex items-start space-x-3 flex-1 min-w-0">
+            <div className='flex items-start justify-between mb-3'>
+              <div className='flex items-start space-x-3 flex-1 min-w-0'>
                 {/* 模型图标骨架 */}
-                <div className="w-12 h-12 rounded-2xl flex items-center justify-center relative shadow-sm">
+                <div className='w-12 h-12 rounded-2xl flex items-center justify-center relative shadow-sm'>
                   <Skeleton.Avatar
-                    size="large"
+                    size='large'
                     style={{ width: 48, height: 48, borderRadius: 16 }}
                   />
                 </div>
                 {/* 模型名称和价格区域 */}
-                <div className="flex-1 min-w-0">
+                <div className='flex-1 min-w-0'>
                   {/* 模型名称骨架 */}
                   <Skeleton.Title
                     style={{
                       width: `${120 + (index % 3) * 30}px`,
                       height: 20,
-                      marginBottom: 8
+                      marginBottom: 8,
                     }}
                   />
                   {/* 价格信息骨架 */}
@@ -59,24 +59,30 @@ const PricingCardSkeleton = ({
                     style={{
                       width: `${160 + (index % 4) * 20}px`,
                       height: 20,
-                      marginBottom: 0
+                      marginBottom: 0,
                     }}
                   />
                 </div>
               </div>
 
-              <div className="flex items-center space-x-2 ml-3">
+              <div className='flex items-center space-x-2 ml-3'>
                 {/* 复制按钮骨架 */}
-                <Skeleton.Button size="small" style={{ width: 16, height: 16, borderRadius: 4 }} />
+                <Skeleton.Button
+                  size='small'
+                  style={{ width: 16, height: 16, borderRadius: 4 }}
+                />
                 {/* 勾选框骨架 */}
                 {rowSelection && (
-                  <Skeleton.Button size="small" style={{ width: 16, height: 16, borderRadius: 2 }} />
+                  <Skeleton.Button
+                    size='small'
+                    style={{ width: 16, height: 16, borderRadius: 2 }}
+                  />
                 )}
               </div>
             </div>
 
             {/* 模型描述骨架 */}
-            <div className="mb-4">
+            <div className='mb-4'>
               <Skeleton.Paragraph
                 rows={2}
                 style={{ marginBottom: 0 }}
@@ -85,15 +91,15 @@ const PricingCardSkeleton = ({
             </div>
 
             {/* 标签区域骨架 */}
-            <div className="flex flex-wrap gap-2">
+            <div className='flex flex-wrap gap-2'>
               {Array.from({ length: 2 + (index % 3) }).map((_, tagIndex) => (
                 <Skeleton.Button
                   key={tagIndex}
-                  size="small"
+                  size='small'
                   style={{
                     width: 64,
                     height: 18,
-                    borderRadius: 10
+                    borderRadius: 10,
                   }}
                 />
               ))}
@@ -101,14 +107,17 @@ const PricingCardSkeleton = ({
 
             {/* 倍率信息骨架（可选） */}
             {showRatio && (
-              <div className="mt-4 pt-3 border-t border-gray-100">
-                <div className="flex items-center space-x-1 mb-2">
+              <div className='mt-4 pt-3 border-t border-gray-100'>
+                <div className='flex items-center space-x-1 mb-2'>
                   <Skeleton.Title
                     style={{ width: 60, height: 12, marginBottom: 0 }}
                   />
-                  <Skeleton.Button size="small" style={{ width: 14, height: 14, borderRadius: 7 }} />
+                  <Skeleton.Button
+                    size='small'
+                    style={{ width: 14, height: 14, borderRadius: 7 }}
+                  />
                 </div>
-                <div className="grid grid-cols-3 gap-2">
+                <div className='grid grid-cols-3 gap-2'>
                   {Array.from({ length: 3 }).map((_, ratioIndex) => (
                     <Skeleton.Title
                       key={ratioIndex}
@@ -123,15 +132,13 @@ const PricingCardSkeleton = ({
       </div>
 
       {/* 分页骨架 */}
-      <div className="flex justify-center mt-6 py-4 border-t pricing-pagination-divider">
+      <div className='flex justify-center mt-6 py-4 border-t pricing-pagination-divider'>
         <Skeleton.Button style={{ width: 300, height: 32 }} />
       </div>
     </div>
   );
 
-  return (
-    <Skeleton loading={true} active placeholder={placeholder}></Skeleton>
-  );
+  return <Skeleton loading={true} active placeholder={placeholder}></Skeleton>;
 };
 
-export default PricingCardSkeleton; 
+export default PricingCardSkeleton;

web/src/components/table/model-pricing/view/card/PricingCardView.jsx

@@ -18,21 +18,39 @@ For commercial licensing, please contact support@quantumnous.com
 */
 
 import React from 'react';
-import { Card, Tag, Tooltip, Checkbox, Empty, Pagination, Button, Avatar } from '@douyinfe/semi-ui';
+import {
+  Card,
+  Tag,
+  Tooltip,
+  Checkbox,
+  Empty,
+  Pagination,
+  Button,
+  Avatar,
+} from '@douyinfe/semi-ui';
 import { IconHelpCircle } from '@douyinfe/semi-icons';
 import { Copy } from 'lucide-react';
-import { IllustrationNoResult, IllustrationNoResultDark } from '@douyinfe/semi-illustrations';
-import { stringToColor, calculateModelPrice, formatPriceInfo, getLobeHubIcon } from '../../../../../helpers';
+import {
+  IllustrationNoResult,
+  IllustrationNoResultDark,
+} from '@douyinfe/semi-illustrations';
+import {
+  stringToColor,
+  calculateModelPrice,
+  formatPriceInfo,
+  getLobeHubIcon,
+} from '../../../../../helpers';
 import PricingCardSkeleton from './PricingCardSkeleton';
 import { useMinimumLoadingTime } from '../../../../../hooks/common/useMinimumLoadingTime';
 import { renderLimitedItems } from '../../../../common/ui/RenderUtils';
 import { useIsMobile } from '../../../../../hooks/common/useIsMobile';
 
 const CARD_STYLES = {
-  container: "w-12 h-12 rounded-2xl flex items-center justify-center relative shadow-md",
-  icon: "w-8 h-8 flex items-center justify-center",
-  selected: "border-blue-500 bg-blue-50",
-  default: "border-gray-200 hover:border-gray-300"
+  container:
+    'w-12 h-12 rounded-2xl flex items-center justify-center relative shadow-md',
+  icon: 'w-8 h-8 flex items-center justify-center',
+  selected: 'border-blue-500 bg-blue-50',
+  default: 'border-gray-200 hover:border-gray-300',
 };
 
 const PricingCardView = ({
@@ -59,7 +77,10 @@ const PricingCardView = ({
 }) => {
   const showSkeleton = useMinimumLoadingTime(loading);
   const startIndex = (currentPage - 1) * pageSize;
-  const paginatedModels = filteredModels.slice(startIndex, startIndex + pageSize);
+  const paginatedModels = filteredModels.slice(
+    startIndex,
+    startIndex + pageSize,
+  );
   const getModelKey = (model) => model.key ?? model.model_name ?? model.id;
   const isMobile = useIsMobile();
 
@@ -109,13 +130,13 @@ const PricingCardView = ({
     return (
       <div className={CARD_STYLES.container}>
         <Avatar
-          size="large"
+          size='large'
           style={{
             width: 48,
             height: 48,
             borderRadius: 16,
             fontSize: 16,
-            fontWeight: 'bold'
+            fontWeight: 'bold',
           }}
         >
           {avatarText}
@@ -133,19 +154,19 @@ const PricingCardView = ({
   const renderTags = (record) => {
     // 计费类型标签（左边）
     let billingTag = (
-      <Tag key="billing" shape='circle' color='white' size='small'>
+      <Tag key='billing' shape='circle' color='white' size='small'>
         -
       </Tag>
     );
     if (record.quota_type === 1) {
       billingTag = (
-        <Tag key="billing" shape='circle' color='teal' size='small'>
+        <Tag key='billing' shape='circle' color='teal' size='small'>
           {t('按次计费')}
         </Tag>
       );
     } else if (record.quota_type === 0) {
       billingTag = (
-        <Tag key="billing" shape='circle' color='violet' size='small'>
+        <Tag key='billing' shape='circle' color='violet' size='small'>
           {t('按量计费')}
         </Tag>
       );
@@ -157,24 +178,31 @@ const PricingCardView = ({
       const tagArr = record.tags.split(',').filter(Boolean);
       tagArr.forEach((tg, idx) => {
         customTags.push(
-          <Tag key={`custom-${idx}`} shape='circle' color={stringToColor(tg)} size='small'>
+          <Tag
+            key={`custom-${idx}`}
+            shape='circle'
+            color={stringToColor(tg)}
+            size='small'
+          >
             {tg}
-          </Tag>
+          </Tag>,
         );
       });
     }
 
     return (
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          {billingTag}
-        </div>
-        <div className="flex items-center gap-1">
-          {customTags.length > 0 && renderLimitedItems({
-            items: customTags.map((tag, idx) => ({ key: `custom-${idx}`, element: tag })),
-            renderItem: (item, idx) => item.element,
-            maxDisplay: 3
-          })}
+      <div className='flex items-center justify-between'>
+        <div className='flex items-center gap-2'>{billingTag}</div>
+        <div className='flex items-center gap-1'>
+          {customTags.length > 0 &&
+            renderLimitedItems({
+              items: customTags.map((tag, idx) => ({
+                key: `custom-${idx}`,
+                element: tag,
+              })),
+              renderItem: (item, idx) => item.element,
+              maxDisplay: 3,
+            })}
         </div>
       </div>
     );
@@ -192,10 +220,12 @@ const PricingCardView = ({
 
   if (!filteredModels || filteredModels.length === 0) {
     return (
-      <div className="flex justify-center items-center py-20">
+      <div className='flex justify-center items-center py-20'>
         <Empty
           image={<IllustrationNoResult style={{ width: 150, height: 150 }} />}
-          darkModeImage={<IllustrationNoResultDark style={{ width: 150, height: 150 }} />}
+          darkModeImage={
+            <IllustrationNoResultDark style={{ width: 150, height: 150 }} />
+          }
           description={t('搜索无结果')}
         />
       </div>
@@ -203,8 +233,8 @@ const PricingCardView = ({
   }
 
   return (
-    <div className="px-2 pt-2">
-      <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
+    <div className='px-2 pt-2'>
+      <div className='grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4'>
         {paginatedModels.map((model, index) => {
           const modelKey = getModelKey(model);
           const isSelected = selectedRowKeys.includes(modelKey);
@@ -225,27 +255,27 @@ const PricingCardView = ({
               bodyStyle={{ height: '100%' }}
               onClick={() => openModelDetail && openModelDetail(model)}
             >
-              <div className="flex flex-col h-full">
+              <div className='flex flex-col h-full'>
                 {/* 头部：图标 + 模型名称 + 操作按钮 */}
-                <div className="flex items-start justify-between mb-3">
-                  <div className="flex items-start space-x-3 flex-1 min-w-0">
+                <div className='flex items-start justify-between mb-3'>
+                  <div className='flex items-start space-x-3 flex-1 min-w-0'>
                     {getModelIcon(model)}
-                    <div className="flex-1 min-w-0">
-                      <h3 className="text-lg font-bold text-gray-900 truncate">
+                    <div className='flex-1 min-w-0'>
+                      <h3 className='text-lg font-bold text-gray-900 truncate'>
                         {model.model_name}
                       </h3>
-                      <div className="flex items-center gap-3 text-xs mt-1">
+                      <div className='flex items-center gap-3 text-xs mt-1'>
                         {formatPriceInfo(priceData, t)}
                       </div>
                     </div>
                   </div>
 
-                  <div className="flex items-center space-x-2 ml-3">
+                  <div className='flex items-center space-x-2 ml-3'>
                     {/* 复制按钮 */}
                     <Button
-                      size="small"
-                      theme="outline"
-                      type="tertiary"
+                      size='small'
+                      theme='outline'
+                      type='tertiary'
                       icon={<Copy size={12} />}
                       onClick={(e) => {
                         e.stopPropagation();
@@ -267,9 +297,9 @@ const PricingCardView = ({
                 </div>
 
                 {/* 模型描述 - 占据剩余空间 */}
-                <div className="flex-1 mb-4">
+                <div className='flex-1 mb-4'>
                   <p
-                    className="text-xs line-clamp-2 leading-relaxed"
+                    className='text-xs line-clamp-2 leading-relaxed'
                     style={{ color: 'var(--semi-color-text-2)' }}
                   >
                     {getModelDescription(model)}
@@ -277,19 +307,23 @@ const PricingCardView = ({
                 </div>
 
                 {/* 底部区域 */}
-                <div className="mt-auto">
+                <div className='mt-auto'>
                   {/* 标签区域 */}
                   {renderTags(model)}
 
                   {/* 倍率信息（可选） */}
                   {showRatio && (
-                    <div className="pt-3">
-                      <div className="flex items-center space-x-1 mb-2">
-                        <span className="text-xs font-medium text-gray-700">{t('倍率信息')}</span>
-                        <Tooltip content={t('倍率是为了方便换算不同价格的模型')}>
+                    <div className='pt-3'>
+                      <div className='flex items-center space-x-1 mb-2'>
+                        <span className='text-xs font-medium text-gray-700'>
+                          {t('倍率信息')}
+                        </span>
+                        <Tooltip
+                          content={t('倍率是为了方便换算不同价格的模型')}
+                        >
                           <IconHelpCircle
-                            className="text-blue-500 cursor-pointer"
-                            size="small"
+                            className='text-blue-500 cursor-pointer'
+                            size='small'
                             onClick={(e) => {
                               e.stopPropagation();
                               setModalImageUrl('/ratio.png');
@@ -298,12 +332,16 @@ const PricingCardView = ({
                           />
                         </Tooltip>
                       </div>
-                      <div className="grid grid-cols-3 gap-2 text-xs text-gray-600">
+                      <div className='grid grid-cols-3 gap-2 text-xs text-gray-600'>
                         <div>
-                          {t('模型')}: {model.quota_type === 0 ? model.model_ratio : t('无')}
+                          {t('模型')}:{' '}
+                          {model.quota_type === 0 ? model.model_ratio : t('无')}
                         </div>
                         <div>
-                          {t('补全')}: {model.quota_type === 0 ? parseFloat(model.completion_ratio.toFixed(3)) : t('无')}
+                          {t('补全')}:{' '}
+                          {model.quota_type === 0
+                            ? parseFloat(model.completion_ratio.toFixed(3))
+                            : t('无')}
                         </div>
                         <div>
                           {t('分组')}: {priceData?.usedGroupRatio ?? '-'}
@@ -320,7 +358,7 @@ const PricingCardView = ({
 
       {/* 分页 */}
       {filteredModels.length > 0 && (
-        <div className="flex justify-center mt-6 py-4 border-t pricing-pagination-divider">
+        <div className='flex justify-center mt-6 py-4 border-t pricing-pagination-divider'>
           <Pagination
             currentPage={currentPage}
             pageSize={pageSize}
@@ -341,4 +379,4 @@ const PricingCardView = ({
   );
 };
 
-export default PricingCardView; 
+export default PricingCardView;

web/src/components/table/model-pricing/view/table/PricingTable.jsx

@@ -21,7 +21,7 @@ import React, { useMemo } from 'react';
 import { Card, Table, Empty } from '@douyinfe/semi-ui';
 import {
   IllustrationNoResult,
-  IllustrationNoResultDark
+  IllustrationNoResultDark,
 } from '@douyinfe/semi-illustrations';
 import { getPricingTableColumns } from './PricingTableColumns';
 
@@ -43,9 +43,8 @@ const PricingTable = ({
   showRatio,
   compactMode = false,
   openModelDetail,
-  t
+  t,
 }) => {
-
   const columns = useMemo(() => {
     return getPricingTableColumns({
       t,
@@ -74,11 +73,11 @@ const PricingTable = ({
 
   // 更新列定义中的 searchValue
   const processedColumns = useMemo(() => {
-    const cols = columns.map(column => {
+    const cols = columns.map((column) => {
       if (column.dataIndex === 'model_name') {
         return {
           ...column,
-          filteredValue: searchValue ? [searchValue] : []
+          filteredValue: searchValue ? [searchValue] : [],
         };
       }
       return column;
@@ -91,38 +90,55 @@ const PricingTable = ({
     return cols;
   }, [columns, searchValue, compactMode]);
 
-  const ModelTable = useMemo(() => (
-    <Card className="!rounded-xl overflow-hidden" bordered={false}>
-      <Table
-        columns={processedColumns}
-        dataSource={filteredModels}
-        loading={loading}
-        rowSelection={rowSelection}
-        scroll={compactMode ? undefined : { x: 'max-content' }}
-        onRow={(record) => ({
-          onClick: () => openModelDetail && openModelDetail(record),
-          style: { cursor: 'pointer' }
-        })}
-        empty={
-          <Empty
-            image={<IllustrationNoResult style={{ width: 150, height: 150 }} />}
-            darkModeImage={<IllustrationNoResultDark style={{ width: 150, height: 150 }} />}
-            description={t('搜索无结果')}
-            style={{ padding: 30 }}
-          />
-        }
-        pagination={{
-          defaultPageSize: 20,
-          pageSize: pageSize,
-          showSizeChanger: true,
-          pageSizeOptions: [10, 20, 50, 100],
-          onPageSizeChange: (size) => setPageSize(size),
-        }}
-      />
-    </Card>
-  ), [filteredModels, loading, processedColumns, rowSelection, pageSize, setPageSize, openModelDetail, t, compactMode]);
+  const ModelTable = useMemo(
+    () => (
+      <Card className='!rounded-xl overflow-hidden' bordered={false}>
+        <Table
+          columns={processedColumns}
+          dataSource={filteredModels}
+          loading={loading}
+          rowSelection={rowSelection}
+          scroll={compactMode ? undefined : { x: 'max-content' }}
+          onRow={(record) => ({
+            onClick: () => openModelDetail && openModelDetail(record),
+            style: { cursor: 'pointer' },
+          })}
+          empty={
+            <Empty
+              image={
+                <IllustrationNoResult style={{ width: 150, height: 150 }} />
+              }
+              darkModeImage={
+                <IllustrationNoResultDark style={{ width: 150, height: 150 }} />
+              }
+              description={t('搜索无结果')}
+              style={{ padding: 30 }}
+            />
+          }
+          pagination={{
+            defaultPageSize: 20,
+            pageSize: pageSize,
+            showSizeChanger: true,
+            pageSizeOptions: [10, 20, 50, 100],
+            onPageSizeChange: (size) => setPageSize(size),
+          }}
+        />
+      </Card>
+    ),
+    [
+      filteredModels,
+      loading,
+      processedColumns,
+      rowSelection,
+      pageSize,
+      setPageSize,
+      openModelDetail,
+      t,
+      compactMode,
+    ],
+  );
 
   return ModelTable;
 };
 
-export default PricingTable; 
+export default PricingTable;

web/src/components/table/model-pricing/view/table/PricingTableColumns.jsx

@@ -20,8 +20,16 @@ For commercial licensing, please contact support@quantumnous.com
 import React from 'react';
 import { Tag, Space, Tooltip } from '@douyinfe/semi-ui';
 import { IconHelpCircle } from '@douyinfe/semi-icons';
-import { renderModelTag, stringToColor, calculateModelPrice, getLobeHubIcon } from '../../../../../helpers';
-import { renderLimitedItems, renderDescription } from '../../../../common/ui/RenderUtils';
+import {
+  renderModelTag,
+  stringToColor,
+  calculateModelPrice,
+  getLobeHubIcon,
+} from '../../../../../helpers';
+import {
+  renderLimitedItems,
+  renderDescription,
+} from '../../../../common/ui/RenderUtils';
 import { useIsMobile } from '../../../../../hooks/common/useIsMobile';
 
 function renderQuotaType(type, t) {
@@ -47,7 +55,11 @@ function renderQuotaType(type, t) {
 const renderVendor = (vendorName, vendorIcon, t) => {
   if (!vendorName) return '-';
   return (
-    <Tag color='white' shape='circle' prefixIcon={getLobeHubIcon(vendorIcon || 'Layers', 14)}>
+    <Tag
+      color='white'
+      shape='circle'
+      prefixIcon={getLobeHubIcon(vendorIcon || 'Layers', 14)}
+    >
       {vendorName}
     </Tag>
   );
@@ -56,15 +68,20 @@ const renderVendor = (vendorName, vendorIcon, t) => {
 // Render tags list using RenderUtils
 const renderTags = (text) => {
   if (!text) return '-';
-  const tagsArr = text.split(',').filter(tag => tag.trim());
+  const tagsArr = text.split(',').filter((tag) => tag.trim());
   return renderLimitedItems({
     items: tagsArr,
     renderItem: (tag, idx) => (
-      <Tag key={idx} color={stringToColor(tag.trim())} shape='circle' size='small'>
+      <Tag
+        key={idx}
+        color={stringToColor(tag.trim())}
+        shape='circle'
+        size='small'
+      >
         {tag.trim()}
       </Tag>
     ),
-    maxDisplay: 3
+    maxDisplay: 3,
   });
 };
 
@@ -75,11 +92,7 @@ function renderSupportedEndpoints(endpoints) {
   return (
     <Space wrap>
       {endpoints.map((endpoint, idx) => (
-        <Tag
-          key={endpoint}
-          color={stringToColor(endpoint)}
-          shape='circle'
-        >
+        <Tag key={endpoint} color={stringToColor(endpoint)} shape='circle'>
           {endpoint}
         </Tag>
       ))}
@@ -133,7 +146,7 @@ export const getPricingTableColumns = ({
       return renderModelTag(text, {
         onClick: () => {
           copyText(text);
-        }
+        },
       });
     },
     onFilter: (value, record) =>
@@ -167,15 +180,21 @@ export const getPricingTableColumns = ({
     render: (text, record) => renderVendor(text, record.vendor_icon, t),
   };
 
-  const baseColumns = [modelNameColumn, vendorColumn, descriptionColumn, tagsColumn, quotaColumn];
+  const baseColumns = [
+    modelNameColumn,
+    vendorColumn,
+    descriptionColumn,
+    tagsColumn,
+    quotaColumn,
+  ];
 
   const ratioColumn = {
     title: () => (
-      <div className="flex items-center space-x-1">
+      <div className='flex items-center space-x-1'>
         <span>{t('倍率')}</span>
         <Tooltip content={t('倍率是为了方便换算不同价格的模型')}>
           <IconHelpCircle
-            className="text-blue-500 cursor-pointer"
+            className='text-blue-500 cursor-pointer'
             onClick={() => {
               setModalImageUrl('/ratio.png');
               setIsModalOpenurl(true);
@@ -190,14 +209,15 @@ export const getPricingTableColumns = ({
       const priceData = getPriceData(record);
 
       return (
-        <div className="space-y-1">
-          <div className="text-gray-700">
+        <div className='space-y-1'>
+          <div className='text-gray-700'>
             {t('模型倍率')}：{record.quota_type === 0 ? text : t('无')}
           </div>
-          <div className="text-gray-700">
-            {t('补全倍率')}：{record.quota_type === 0 ? completionRatio : t('无')}
+          <div className='text-gray-700'>
+            {t('补全倍率')}：
+            {record.quota_type === 0 ? completionRatio : t('无')}
           </div>
-          <div className="text-gray-700">
+          <div className='text-gray-700'>
             {t('分组倍率')}：{priceData?.usedGroupRatio ?? '-'}
           </div>
         </div>
@@ -214,18 +234,19 @@ export const getPricingTableColumns = ({
 
       if (priceData.isPerToken) {
         return (
-          <div className="space-y-1">
-            <div className="text-gray-700">
+          <div className='space-y-1'>
+            <div className='text-gray-700'>
               {t('输入')} {priceData.inputPrice} / 1{priceData.unitLabel} tokens
             </div>
-            <div className="text-gray-700">
-              {t('输出')} {priceData.completionPrice} / 1{priceData.unitLabel} tokens
+            <div className='text-gray-700'>
+              {t('输出')} {priceData.completionPrice} / 1{priceData.unitLabel}{' '}
+              tokens
             </div>
           </div>
         );
       } else {
         return (
-          <div className="text-gray-700">
+          <div className='text-gray-700'>
             {t('模型价格')}：{priceData.price}
           </div>
         );
@@ -240,4 +261,4 @@ export const getPricingTableColumns = ({
   }
   columns.push(priceColumn);
   return columns;
-}; 
+};