revenueAnalysis.vue 759 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!-- 营收分析 -->
  2. <template>
  3. <view class="revenue">
  4. <template v-if="type === 'line'">
  5. <view class="revenue-line">
  6. <LineChart :chartData="chartData" :title="title"/>
  7. </view>
  8. </template>
  9. <template v-else>
  10. <view class="revenue-line">
  11. <ColumnChart :chartData="chartData" :title="title"/>
  12. </view>
  13. </template>
  14. </view>
  15. </template>
  16. <script>
  17. import LineChart from '@/components/lineChart.vue'
  18. import ColumnChart from '@/components/columnChart.vue'
  19. export default {
  20. components: {
  21. LineChart,
  22. ColumnChart
  23. },
  24. props: {
  25. type: {
  26. type: String,
  27. default: 'line'
  28. },
  29. title: {
  30. type: String,
  31. default: ''
  32. },
  33. chartData: {
  34. type: Object,
  35. default: () => {
  36. return {}
  37. }
  38. }
  39. }
  40. }
  41. </script>