样式修改

src/assets/global-style.scss

@@ -56,5 +56,11 @@
     .n-input__input-el{
       color: #fff;
     }
+    .n-input__separator {
+      padding: 0 5px;
+      color: #fff;
+      border: 1px solid #2185E8;
+    }
   }
+ 
 }

src/pages/login/index.vue

@@ -108,7 +108,6 @@ async function login() {
           :label-style="labelStyle"
         >
           <n-button
-            v-debounce
             round
             :bordered="false"
             @click="login"

src/pages/views/home/components/HomePage.vue

@@ -439,7 +439,7 @@ const leftContent:any = ref({
           }
         },
         xAxis: {
-          triggerEvent: true,
+          type: 'category',
           data: [
             '1月',
             '2月',
@@ -451,6 +451,7 @@ const leftContent:any = ref({
           axisLabel: {
             interval: 0,
             fontSize: 18,
+            rotate: 30,
             color: '#C9D2FA'
           }
         },
@@ -522,7 +523,7 @@ const leftContent:any = ref({
                 }
               ])
             },
-            barWidth: 30,
+            barMaxWidth: 30,
             data: [ 200, 108, 200, 40, 210, 100 ]
           },
           {
@@ -606,8 +607,9 @@ const leftContent:any = ref({
             avoidLabelOverlap: true, // 是否启用防止标签重叠策略
             showEmptyCircle: true, // 是否在无数据的时候显示一个占位圆
             label: {
-              formatter: '{b}\n{d}%',
-              color: 'white'
+              formatter: '{d}%',
+              color: 'white',
+              fontSize: 14
             },
             data: [
               { name: '0次', value: 30619 },
@@ -651,6 +653,7 @@ const leftContent:any = ref({
           },
           axisLabel: {
             color: '#fff',
+            rotate: 30,
             fontSize: 18
           }
         },
@@ -741,7 +744,7 @@ const leftContent:any = ref({
             z: 2,
             name: '客流排名',
             type: 'bar',
-            barWidth: 25,
+            barMaxWidth: 25,
             zlevel: 1,
             data: datas.map((item, i) => ({
               value: item.value
@@ -793,6 +796,7 @@ const leftContent:any = ref({
           },
           axisLabel: {
             color: '#fff',
+            rotate: 30,
             fontSize: 18
           }
         },
@@ -883,7 +887,7 @@ const leftContent:any = ref({
             z: 2,
             name: '线路客流排名',
             type: 'bar',
-            barWidth: 25,
+            barMaxWidth: 25,
             zlevel: 1,
             data: datas.map((item, i) => ({
               value: item.value

src/pages/views/home/components/LineAnalysis.vue

@@ -24,6 +24,7 @@
               <SelectDate @date-change="selectDatechange" />
               <n-date-picker
                 v-model:value="lineAdjustData.range"
+                :separator="'至'"
                 :bordered="false"
                 type="daterange"
                 style="width: 260px;"
@@ -309,7 +310,7 @@ const leftContent: Ref<any> = ref({
             z: 2,
             name: '客流量',
             type: 'bar',
-            barWidth: 25,
+            barMaxWidth: 25,
             zlevel: 1,
             data: [ '80', '70', '60', '50', '40', '30', '20', '10' ],
             itemStyle: {
@@ -714,7 +715,7 @@ const rightContent: Ref<any> = ref({
           ],
           false
         ),
-        barWidth: 30,
+        barMaxWidth: 30,
         data: [ 200, 108, 200, 40, 210, 100, 200, 108, 200, 40, 210, 100 ]
       }
     ]
@@ -1068,12 +1069,6 @@ onUnmounted(() => {
         top: 0px;
         left: -300px;
       }
-
-      :deep(.n-input__separator) {
-        padding: 0 5px;
-        color: #fff;
-        border: 1px solid #2185E8;
-      }
     }
   }
 }

src/pages/views/home/components/MaintenanceDynamics.vue

@@ -50,6 +50,7 @@
         <n-date-picker
           v-model:value="leftContent.bottom.range"
           type="daterange"
+          :separator="'至'"
           :bordered="false"
           style="width: 260px;"
         />

src/pages/views/home/components/PassengerFlow.vue

@@ -283,7 +283,7 @@ const leftContent = ref({
                 )
               }
             },
-            barWidth: 30,
+            barMaxWidth: 30,
             data: [ 200, 108, 200, 40, 210, 100 ]
           }
         ],
@@ -665,7 +665,7 @@ const rightContent = ref({
     } ],
     series: [ { // 内
       type: 'bar',
-      barWidth: 30,
+      barMaxWidth: 30,
       barGap: 0.5,
       name: '客流量',
       label: {