t20-common-lib 0.9.9 → 0.9.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "t20-common-lib",
-  "version": "0.9.9",
+  "version": "0.9.11",
   "description": "T20",
   "private": false,
   "main": "dist/index.js",

package/packages/statis-card/src/main.vue

@@ -29,8 +29,24 @@
             <div class="content-item-title">{{ conItem.title }}
               <i v-if="conItem.tips" v-title="conItem.tips" class="n20-icon-xinxitishi"></i>
             </div>
-            <div v-if="conItem.amountFormat" class="content-item-val"  @click="$emit('click', conItem)">{{ conItem.value | cardFormatAmount('value') }}<span class="content-item-unit">{{ conItem.value | cardFormatAmount('unit') }}</span></div>
-            <div v-else class="content-item-val"  @click="$emit('click', conItem)">{{ conItem.value }}<span class="content-item-unit">{{ conItem.unit }}</span></div>
+            <!-- 支持三种情况：
+                 1) 同时存在金额和笔数（优先使用 conItem.amount，如无则使用 conItem.value） -> 在一行显示：金额（格式化） / 笔数（单位）
+                 2) 只有金额（conItem.amountFormat 为 true 或 amount/value 为数字） -> 使用过滤器格式化
+                 3) 只有普通值 -> 直接显示 value + unit
+            -->
+            <div class="content-item-val" @click="$emit('click', conItem)">
+              <template v-if="hasAmountAndCount(conItem)">
+                {{ formatAmount(conItem, 'value') }}<span class="content-item-unit">{{ formatAmount(conItem, 'unit') }}</span>
+                <span class="divider-inline"></span>
+                <span class="count-val">{{ conItem.count }}<span class="content-item-unit">{{ conItem.countUnit || conItem.unit || '笔' }}</span></span>
+              </template>
+              <template v-else-if="conItem.amountFormat">
+                {{ formatAmount(conItem, 'value') }}<span class="content-item-unit">{{ formatAmount(conItem, 'unit') }}</span>
+              </template>
+              <template v-else>
+                {{ conItem.value }}<span class="content-item-unit">{{ conItem.unit }}</span>
+              </template>
+            </div>
           </div>
           <div 
             v-if="index !== item.subList.length - 1" 
@@ -113,6 +129,40 @@ export default {
         return '';
       }
     }
+    ,
+    /**
+     * 判断是否同时包含金额和笔数
+     * 支持两种字段表示：优先使用 item.amount，其次使用 item.value
+     */
+    hasAmountAndCount(item) {
+      if (!item) return false;
+      const amount = item.amount !== undefined && item.amount !== null ? item.amount : item.value;
+      // amount 必须是数字（或能被转为数字），count 存在（0 也认为有效）
+      const hasAmount = amount !== undefined && amount !== null && !isNaN(Number(amount));
+      const hasCount = item.count !== undefined && item.count !== null;
+      return hasAmount && hasCount;
+    },
+    /**
+     * 统一走过滤器来格式化金额/单位（保持与现有过滤器行为一致）
+     */
+    formatAmount(item, type = 'value') {
+      const amount = item.amount !== undefined && item.amount !== null ? item.amount : item.value;
+      // 通过 this.$options.filters 调用组件内定义的过滤器
+      // 如果是请求单位并且调用方显式传了 unit 且标记了 amountFormat，优先返回该 unit（恢复原先逻辑）
+      if (type === 'unit' && item && item.amountFormat && item.unit) {
+        return item.unit;
+      }
+
+      if (this.$options && this.$options.filters && typeof this.$options.filters.cardFormatAmount === 'function') {
+        try {
+          return this.$options.filters.cardFormatAmount(amount, type);
+        } catch (e) {
+          // 兜底返回原值或空字符串
+          return type === 'value' ? amount : '';
+        }
+      }
+      return type === 'value' ? amount : '';
+    }
   }
 }
 </script>
@@ -170,6 +220,15 @@ export default {
           font-size: 20px;
           text-align: center;
         }
+
+        .divider-inline {
+          margin: 0 6px;
+          color: rgba(255,255,255,0.9);
+        }
+
+        .count-val {
+          font-size: 20px;
+        }
         
         &-unit {
           font-size: 14px;