feat:完善功能

src/views/sentiment/components/area.vue

@@ -69,7 +69,7 @@
   .select-box {
     position: absolute;
     z-index: 99;
-    top: vh(40);
+    top: vh(10);
     right: vw(10);
   }
   .area {

src/views/sentiment/index.vue

@@ -31,11 +31,11 @@
         <div class="flex mt-20 gap-8 ml-8 mr-8">
           <div v-for="(item, index) in stateList" :key="index" class="border flex-1">
             <Title3 :title="item.name" />
-            <pie-row :width="500" :height="330" :dataList="item.data" :total="item.total" />
+            <pie-row :width="490" :height="330" :dataList="item.data" :total="item.total" />
           </div>
         </div>
       </div>
-      <div class="box-3">
+      <div class="box-5">
         <Title1 title="数据来源分析" />
         <data-source />
       </div>
@@ -52,14 +52,14 @@
           />
         </div>
         <Line
-          :width="1560"
+          :width="1500"
           :height="400"
           :data="seriesData"
           :xAxisData="xAxisData"
           :seriesConfig="{ smooth: false, symbol: 'circle' }"
         />
       </div>
-      <div class="box-1 mr-8 rela">
+      <div class="box-4 mr-8 rela">
         <Title1 title="地域分析" />
         <Area />
       </div>
@@ -141,6 +141,7 @@
     }
     .top {
       width: vw(600);
+      height: vh(50);
       margin-top: vh(35);
     }
     .box-1 {
@@ -149,7 +150,7 @@
       @extend .bg;
     }
     .box-2 {
-      width: vw(1574);
+      width: vw(1514);
       height: vh(470);
       @extend .bg;
     }
@@ -158,6 +159,16 @@
       height: vh(470);
       @extend .bg;
     }
+    .box-4{
+      width: vw(850);
+      height: vh(470);
+      @extend .bg;
+    }
+    .box-5{
+      width: vw(870);
+      height: vh(470);
+      @extend .bg;
+    }
     .border {
       background-image: url('@/assets/images/bg-3.png');
       background-size: 100% 100%;