统计卡片修改为全局组件

431fff28 · owen · 61b3bdfd · 431fff28 · 431fff28 · 431fff28
Commit 431fff28 authored Oct 17, 2023 by owen
Showing with 20 additions and 20 deletions

src/components/SummaryCard/index.vue
+2 -2

src/views/mall/statistics/member/index.vue
+5 -5

src/views/mall/statistics/trade/index.vue
+8 -8

src/views/mall/trade/delivery/pickUpOrder/index.vue
+5 -5

No files found.
--- a/src/views/mall/statistics/trade/components/TradeTrendValue.vue
+++ b/src/views/mall/statistics/trade/components/TradeTrendValue.vue
@@ -35,8 +35,8 @@
 import { propTypes } from '@/utils/propTypes'
 import { toNumber } from 'lodash-es'
-/** 交易状况统计值组件 */
+/** 统计卡片 */
-defineOptions({ name: 'TradeTrendValue' })
+defineOptions({ name: 'SummaryCard' })
 defineProps({
  title: propTypes.string.def(''),

--- a/src/views/mall/statistics/member/index.vue
+++ b/src/views/mall/statistics/member/index.vue
@@ -2,7 +2,7 @@
  <div class="flex flex-col">
    <el-row :gutter="16" class="summary">
      <el-col :sm="6" :xs="12" v-loading="loading">
-        <TradeTrendValue
+        <SummaryCard
          title="累计会员数"
          icon="fa-solid:users"
          icon-color="bg-blue-100"
@@ -11,7 +11,7 @@
        />
      </el-col>
      <el-col :sm="6" :xs="12" v-loading="loading">
-        <TradeTrendValue
+        <SummaryCard
          title="累计充值人数"
          icon="fa-solid:user"
          icon-color="bg-purple-100"
@@ -20,7 +20,7 @@
        />
      </el-col>
      <el-col :sm="6" :xs="12" v-loading="loading">
-        <TradeTrendValue
+        <SummaryCard
          title="累计充值金额"
          icon="fa-solid:money-check-alt"
          icon-color="bg-yellow-100"
@@ -31,7 +31,7 @@
        />
      </el-col>
      <el-col :sm="6" :xs="12" v-loading="loading">
-        <TradeTrendValue
+        <SummaryCard
          title="累计消费金额"
          icon="fa-solid:yen-sign"
          icon-color="bg-green-100"
@@ -120,7 +120,7 @@
 </template>
 <script lang="ts" setup>
 import * as MemberStatisticsApi from '@/api/mall/statistics/member'
-import TradeTrendValue from '../trade/components/TradeTrendValue.vue'
+import SummaryCard from '@/components/SummaryCard/index.vue'
 import { EChartsOption } from 'echarts'
 import china from '@/assets/map/json/china.json'
 import { fenToYuan } from '@/utils'

--- a/src/views/mall/statistics/trade/index.vue
+++ b/src/views/mall/statistics/trade/index.vue
@@ -76,7 +76,7 @@
      <!-- 统计值 -->
      <el-row :gutter="16">
        <el-col :md="6" :sm="12" :xs="24">
-          <TradeTrendValue
+          <SummaryCard
            title="营业额"
            tooltip="商品支付金额、充值金额"
            icon="fa-solid:yen-sign"
@@ -94,7 +94,7 @@
          />
        </el-col>
        <el-col :md="6" :sm="12" :xs="24">
-          <TradeTrendValue
+          <SummaryCard
            title="商品支付金额"
            tooltip="用户购买商品的实际支付金额，包括微信支付、余额支付、支付宝支付、线下支付金额（拼团商品在成团之后计入，线下支付订单在后台确认支付后计入）"
            icon="fa-solid:shopping-cart"
@@ -112,7 +112,7 @@
          />
        </el-col>
        <el-col :md="6" :sm="12" :xs="24">
-          <TradeTrendValue
+          <SummaryCard
            title="充值金额"
            tooltip="用户成功充值的金额"
            icon="fa-solid:money-check-alt"
@@ -130,7 +130,7 @@
          />
        </el-col>
        <el-col :md="6" :sm="12" :xs="24">
-          <TradeTrendValue
+          <SummaryCard
            title="支出金额"
            tooltip="余额支付金额、支付佣金金额、商品退款金额"
            icon="ep:warning-filled"
@@ -148,7 +148,7 @@
          />
        </el-col>
        <el-col :md="6" :sm="12" :xs="24">
-          <TradeTrendValue
+          <SummaryCard
            title="余额支付金额"
            tooltip="用户下单时使用余额实际支付的金额"
            icon="fa-solid:wallet"
@@ -166,7 +166,7 @@
          />
        </el-col>
        <el-col :md="6" :sm="12" :xs="24">
-          <TradeTrendValue
+          <SummaryCard
            title="支付佣金金额"
            tooltip="后台给推广员支付的推广佣金，以实际支付为准"
            icon="fa-solid:award"
@@ -184,7 +184,7 @@
          />
        </el-col>
        <el-col :md="6" :sm="12" :xs="24">
-          <TradeTrendValue
+          <SummaryCard
            title="商品退款金额"
            tooltip="用户成功退款的商品金额"
            icon="fa-solid:times-circle"
@@ -212,7 +212,7 @@
 <script lang="ts" setup>
 import * as TradeStatisticsApi from '@/api/mall/statistics/trade'
 import TradeStatisticValue from './components/TradeStatisticValue.vue'
-import TradeTrendValue from './components/TradeTrendValue.vue'
+import SummaryCard from '@/components/SummaryCard/index.vue'
 import { EChartsOption } from 'echarts'
 import { DataComparisonRespVO } from '@/api/mall/statistics/common'
 import { TradeSummaryRespVO, TradeTrendSummaryRespVO } from '@/api/mall/statistics/trade'

--- a/src/views/mall/trade/delivery/pickUpOrder/index.vue
+++ b/src/views/mall/trade/delivery/pickUpOrder/index.vue
@@ -76,7 +76,7 @@
  <!-- 统计卡片 -->
  <el-row :gutter="16" class="summary">
    <el-col :sm="6" :xs="12" v-loading="loading">
-      <TradeTrendValue
+      <SummaryCard
        title="订单数量"
        icon="icon-park-outline:transaction-order"
        icon-color="bg-blue-100"
@@ -85,7 +85,7 @@
      />
    </el-col>
    <el-col :sm="6" :xs="12" v-loading="loading">
-      <TradeTrendValue
+      <SummaryCard
        title="订单金额"
        icon="streamline:money-cash-file-dollar-common-money-currency-cash-file"
        icon-color="bg-purple-100"
@@ -96,7 +96,7 @@
      />
    </el-col>
    <el-col :sm="6" :xs="12" v-loading="loading">
-      <TradeTrendValue
+      <SummaryCard
        title="退款单数"
        icon="heroicons:receipt-refund"
        icon-color="bg-yellow-100"
@@ -105,7 +105,7 @@
      />
    </el-col>
    <el-col :sm="6" :xs="12" v-loading="loading">
-      <TradeTrendValue
+      <SummaryCard
        title="退款金额"
        icon="ri:refund-2-line"
        icon-color="bg-green-100"
@@ -199,7 +199,7 @@ import * as PickUpStoreApi from '@/api/mall/trade/delivery/pickUpStore'
 import { DICT_TYPE } from '@/utils/dict'
 import { fenToYuan, floatToFixed2 } from '@/utils'
 import { fenToYuanFormat } from '@/utils/formatter'
-import TradeTrendValue from '@/views/mall/statistics/trade/components/TradeTrendValue.vue'
+import SummaryCard from '@/components/SummaryCard/index.vue'
 import { dateFormatter } from '@/utils/formatTime'
 import { DeliveryTypeEnum } from '@/utils/constants'
 import { TradeOrderSummaryRespVO } from '@/api/mall/trade/order'