feat: 企微数据 - 首页 - 新增"付费用户客单价"模块&折线图&表头

project/src/components/HomeData.vue

@@ -87,6 +87,7 @@ export default {
         { name: '公众号关注', key: 'official_account_uc', color: '#EFAF47', selectFlag: true },
         { name: '付费客户数', key: 'cust_pay_uc', color: '#7366FF', selectFlag: true },
         { name: '付费金额', key: 'cust_pay_amount', color: '#F28544', selectFlag: true },
+        { name: '付费用户客单价', key: 'charge_user_cost', color: '#E360C8', selectFlag: true },
       ],
       data_loading: false,
       custTotal: [
@@ -168,7 +169,17 @@ export default {
           bg_color: '#FEF7EF',
           color: '#EFAF47',
           img: require('@/assets/img/icon/公众号关注@2x.png'),
-        }
+        },
+        {
+          name: '付费用户客单价',
+          wordBreakName: 'charge_user_cost',
+          wordBreakNameCompare: 'charge_user_cost_compare',
+          wordBreakNameValue: '',
+          wordBreakNameCompareValue: '',
+          bg_color: '#F4EFFE',
+          color: '#7366FF',
+          img: require('@/assets/img/icon/付费客户数@2x.png'),
+        },
       ],
       default_time: [this.$getDay(-8, false), this.$getDay(-1, false)],
       time: [],
@@ -190,6 +201,7 @@ export default {
         { prop: "cust_pay_uc_total", label: "总付费客户" },
         { prop: "cust_pay_amount", label: "今日付费金额" },
         { prop: "cust_pay_amount_total", label: "总付费金额" },
+        { prop: "charge_user_cost", label: "付费用户客单价" },
       ],
       height: 0,
       custDataListLoading: false