feat：完善功能

src/views/scenic/components/box-2.vue

@@ -213,16 +213,23 @@
           </div>
           <div class="border mr-8 flex-1">
             <Title3 title="客源地分析TOP5" />
-            <top />
+            <RegionTop
+              :list="scenicStore.userPortraitData.data.provinceRate"
+              :width="250"
+              :height="366"
+            />
           </div>
           <div class="border flex-1">
             <Title3 title="购票来源" />
             <div class="count">总人数：<countup :end-val="channelTotal" /></div>
-            <ticket />
+            <TicketSource
+              :list="scenicStore.userPortraitData.data.channel"
+              :width="240"
+              :height="330"
+            />
           </div>
         </div>
       </div>
-
       <div class="box-5">
         <Title1 title="车船信息" />
         <div class="flex mb-6">
@@ -304,12 +311,11 @@
   import shipIcon from '@/assets/images/ship.png'
 
   import age from './age'
-  import top from './top'
   import jam from './jam'
-  import ticket from './ticket'
   import TrafficFlow from './traffic-flow'
   import BigCarShipMap from './big-car-ship-map'
   import countup from 'vue-countup-v3'
+
   import { useMap } from '@/hooks/map'
   import { useScenicStore } from '@/stores/scenic'
 
@@ -522,6 +528,7 @@
         height: vw(74);
       }
       .car-item {
+        flex: 1;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -544,6 +551,7 @@
       .suffix {
         font-size: vw(12);
         color: #02f9fa;
+        margin-bottom: vw(4);
       }
     }
     .sum {