feat 首页驾驶舱显示优化

src/views/dashboard/analysis/components/SiteAnalysis.vue → src/views/dashboard/analysis/components/OrderAmount.vue

@@ -1,17 +1,17 @@
 <template>
  <Card :tab-list="tabListTitle" v-bind="$attrs" :active-tab-key="activeKey" @tab-change="onTabChange">
  <p v-if="activeKey === 't1'">
- <VisitAnalysis :head="payHead" :data="payAmount" :max="payMax" />
+ <OrderAmountLine :head="payHead" :data="payAmount" :max="payMax" />
  </p>
  <p v-if="activeKey === 't2'">
- <VisitAnalysis :head="refundHead" :data="refundAmount" :max="refundMax" />
+ <OrderAmountLine :head="refundHead" :data="refundAmount" :max="refundMax" />
  </p>
  </Card>
 </template>
 <script lang="ts" setup>
  import { computed, ref } from 'vue'
  import { Card } from 'ant-design-vue'
- import VisitAnalysis from './VisitAnalysis.vue'
+ import OrderAmountLine from './OrderAmountLine.vue'
 
  const activeKey = ref('t1')
  const tabListTitle = [

src/views/dashboard/analysis/components/VisitAnalysis.vue → src/views/dashboard/analysis/components/OrderAmountLine.vue

@@ -2,7 +2,7 @@
  <div ref="chartRef" :style="{ height: '280px', width: '95%' }"></div>
 </template>
 <script lang="ts" setup>
- import {  ref, Ref, watch } from 'vue'
+ import { ref, Ref, watch } from 'vue'
  import { useECharts } from '/@/hooks/web/useECharts'
 
  const chartRef = ref<HTMLDivElement | null>(null)

src/views/dashboard/analysis/index.vue

@@ -5,20 +5,20 @@
  <!-- 占比图 -->
  <div class="md:flex !my-4 enter-y">
  <!-- 支付 -->
- <VisitSource class="md:w-1/2 !md:my-0 !my-4 w-full" :loading="loading" :data="payOrderChannelCount" />
+ <PayOrderCount class="md:w-1/2 !md:my-0 !my-4 w-full" :loading="loading" :data="payOrderChannelCount" />
  <!-- 退款 -->
- <SalesProductPie class="md:w-1/2 !md:mx-4 w-full" :loading="loading" :data="refundOrderChannelCount" />
+ <RefundOrderCount class="md:w-1/2 !md:mx-4 w-full" :loading="loading" :data="refundOrderChannelCount" />
  </div>
  <!-- 订单折线图 -->
- <SiteAnalysis class="!my-4 enter-y" :loading="loading" :payOrder="payOrderChannelAmount" :refundOrder="refundOrderChannelAmount" />
+ <OrderAmount class="!my-4 enter-y" :loading="loading" :payOrder="payOrderChannelAmount" :refundOrder="refundOrderChannelAmount" />
  </div>
 </template>
 <script lang="ts" setup>
  import { computed, onMounted, ref } from 'vue'
  import OrderCount from './components/OrderCount.vue'
- import SiteAnalysis from './components/SiteAnalysis.vue'
- import VisitSource from './components/VisitSource.vue'
- import SalesProductPie from './components/SalesProductPie.vue'
+ import OrderAmount from './components/OrderAmount.vue'
+ import PayOrderCount from './components/PayOrderCount.vue'
+ import RefundOrderCount from './components/RefundOrderCount.vue'
  import dayjs from 'dayjs'
  import {
  CockpitReportQuery,
@@ -117,7 +117,7 @@
  return { name: o.channelName, value: o.orderCount }
  })
  payOrderChannelAmount = data.map((o) => {
- return { name: o.channelName, value: o.orderAmount }
+ return { name: o.channelName, value: o.orderAmount / 100.0 }
  })
  })
  }
@@ -131,7 +131,7 @@
  return { name: o.channelName, value: o.orderCount }
  })
  refundOrderChannelAmount = data.map((o) => {
- return { name: o.channelName, value: o.orderAmount }
+ return { name: o.channelName, value: o.orderAmount / 100.0 }
  })
  })
  }