web/src/components/table/model-pricing/modal/components/ModelChannelList.jsx

@@ -304,43 +304,46 @@ const ModelChannelList = ({
         : null;
       items.push(makeItem(t('输入价格'), effInputRate, modelData?.model_ratio, false));
 
-      // 输出价格：渠道有 completion_ratio 即可展示（不强制要求全局配置）
+      // 输出价格：仅当全局模型配置了 completion_ratio 时才展示
       if (
         hasRatioValue(channel.model_ratio) &&
-        hasRatioValue(channel.completion_ratio)
+        hasRatioValue(channel.completion_ratio) &&
+        hasRatioValue(modelData?.completion_ratio)
       ) {
         const effOut =
           Number(channel.model_ratio) * Number(channel.completion_ratio) * costDisc +
           globalMr * globalCR * markupRate;
-        const rootOut = hasRatioValue(modelData?.model_ratio) && hasRatioValue(modelData?.completion_ratio)
+        const rootOut = hasRatioValue(modelData?.model_ratio)
           ? Number(modelData.model_ratio) * Number(modelData.completion_ratio)
           : null;
         items.push(makeItem(t('输出价格'), effOut, rootOut, false));
       }
 
-      // 缓存读取价格：渠道有 cache_ratio 即可展示（不强制要求全局配置）
+      // 缓存读取价格：仅当全局模型配置了 cache_ratio 时才展示
       if (
         hasRatioValue(channel.model_ratio) &&
-        hasRatioValue(channel.cache_ratio)
+        hasRatioValue(channel.cache_ratio) &&
+        hasRatioValue(modelData?.cache_ratio)
       ) {
         const effCacheRate =
           Number(channel.model_ratio) * Number(channel.cache_ratio) * costDisc +
           globalMr * globalCacheR * markupRate;
-        const rootC = hasRatioValue(modelData?.model_ratio) && hasRatioValue(modelData?.cache_ratio)
+        const rootC = hasRatioValue(modelData?.model_ratio)
           ? Number(modelData.model_ratio) * Number(modelData.cache_ratio)
           : null;
         items.push(makeItem(t('缓存读取价格'), effCacheRate, rootC, false));
       }
 
-      // 缓存创建价格：渠道有 create_cache_ratio 即可展示（不强制要求全局配置）
+      // 缓存创建价格：仅当全局模型配置了 create_cache_ratio 时才展示
       if (
         hasRatioValue(channel.model_ratio) &&
-        hasRatioValue(channel.create_cache_ratio)
+        hasRatioValue(channel.create_cache_ratio) &&
+        hasRatioValue(modelData?.create_cache_ratio)
       ) {
         const effCreateCacheRate =
           Number(channel.model_ratio) * Number(channel.create_cache_ratio) * costDisc +
           globalMr * globalCreateCacheR * markupRate;
-        const rootCC = hasRatioValue(modelData?.model_ratio) && hasRatioValue(modelData?.create_cache_ratio)
+        const rootCC = hasRatioValue(modelData?.model_ratio)
           ? Number(modelData.model_ratio) * Number(modelData.create_cache_ratio)
           : null;
         items.push(makeItem(t('缓存创建价格'), effCreateCacheRate, rootCC, false));

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

@@ -244,10 +244,11 @@ const PricingCardView = ({
           );
           originalPrices.input.push(formatPrice(billingRates.inputRatioPrice));
 
-          // 输出价格：渠道配置了 completion_ratio 即可展示
+          // 输出价格：仅当全局模型配置了 completion_ratio 时才展示
           if (
             ch.completion_ratio !== undefined &&
-            ch.completion_ratio !== null
+            ch.completion_ratio !== null &&
+            model.completion_ratio != null
           ) {
             prices.output.push(
               formatPrice(billingRates.completionRatioPrice * usedGroupRatio),
@@ -257,10 +258,11 @@ const PricingCardView = ({
             );
           }
 
-          // 缓存读取价格：渠道配置了 cache_ratio 即可展示
+          // 缓存读取价格：仅当全局模型配置了 cache_ratio 时才展示
           if (
             ch.cache_ratio !== undefined &&
-            ch.cache_ratio !== null
+            ch.cache_ratio !== null &&
+            model.cache_ratio != null
           ) {
             prices.cache.push(
               formatPrice(billingRates.cacheRatioPrice * usedGroupRatio),
@@ -268,10 +270,11 @@ const PricingCardView = ({
             originalPrices.cache.push(formatPrice(billingRates.cacheRatioPrice));
           }
 
-          // 缓存创建价格：渠道配置了 create_cache_ratio 即可展示
+          // 缓存创建价格：仅当全局模型配置了 create_cache_ratio 时才展示
           if (
             ch.create_cache_ratio !== undefined &&
-            ch.create_cache_ratio !== null
+            ch.create_cache_ratio !== null &&
+            model.create_cache_ratio != null
           ) {
             prices.createCache.push(
               formatPrice(
@@ -557,7 +560,6 @@ const PricingCardView = ({
         });
       }
 
-      // 卡片表面仅展示输入/输出价格，缓存价格不在卡片上显示（详情弹窗中仍可见）
       // if (cache) {
       //   items.push({
       //     key: 'cache',
@@ -567,7 +569,7 @@ const PricingCardView = ({
       //     original: original?.cache,
       //   });
       // }
-      //
+
       // if (createCache) {
       //   items.push({
       //     key: 'create-cache',
@@ -795,11 +797,28 @@ const PricingCardView = ({
                   >
                     {(() => {
                       const items = getModelPriceItemsForCard(model, priceData);
-                      if (items.length === 0) return null;
+                      const inputItem = items.find(i => i.key === 'input');
+                      const outputItem = items.find(i => i.key === 'output');
                       return (
-                        <div className='flex flex-wrap gap-3'>
+                        <div className='flex gap-3'>
-                          {items.map(item => (
+                          {inputItem && (
-                            <div key={item.key} className='flex-1 rounded-xl px-3 py-2.5' style={{backgroundColor: 'var(--semi-color-fill-0)', minWidth: '120px'}}>
+                            <div className='flex-1 rounded-xl px-3 py-2.5' style={{backgroundColor: 'var(--semi-color-fill-0)'}}>
+                              <div className='text-[10px] mb-0.5' style={{color: 'var(--semi-color-text-2)'}}>{inputItem.label}</div>
+                              <div className='text-sm font-bold text-gray-900'>
+                                {inputItem.value}{inputItem.suffix}
+                              </div>
+                            </div>
+                          )}
+                          {outputItem && (
+                            <div className='flex-1 rounded-xl px-3 py-2.5' style={{backgroundColor: 'var(--semi-color-fill-0)'}}>
+                              <div className='text-[10px] mb-0.5' style={{color: 'var(--semi-color-text-2)'}}>{outputItem.label}</div>
+                              <div className='text-sm font-bold text-gray-900'>
+                                {outputItem.value}{outputItem.suffix}
+                              </div>
+                            </div>
+                          )}
+                          {!inputItem && !outputItem && items.map(item => (
+                            <div key={item.key} className='flex-1 rounded-xl px-3 py-2.5' style={{backgroundColor: 'var(--semi-color-fill-0)'}}>
                               <div className='text-[10px] mb-0.5' style={{color: 'var(--semi-color-text-2)'}}>{item.label}</div>
                               <div className='text-sm font-bold text-gray-900'>
                                 {item.valueNode || (item.value + (item.suffix || ''))}