2024年的第一行代码

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

@@ -250,6 +250,11 @@
               <li>各维保场维修保养车辆数</li>
               <li>运维驿站使用率</li>
             </ul>
+            <n-data-table
+              :columns="columns"
+              :data="data"
+              max-height="200"
+            />
           </Box>
         </div>
       </div>
@@ -617,6 +622,29 @@ const airportChart = {
     }
   ]
 }
+const data = [
+  { no: 3, title: 'Wonderwall', length: '4:18' },
+  { no: 4, title: "Don't Look Back in Anger", length: '4:48' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' },
+  { no: 12, title: 'Champagne Supernova', length: '7:27' }
+]
+const columns = [ {
+  title: '序号',
+  key: 'no'
+}, {
+  title: '场站',
+  key: 'title'
+}, {
+  title: '入场率',
+  key: 'length'
+} ]
 </script>
 
 <style lang="scss" scoped>
@@ -808,6 +836,7 @@ const airportChart = {
     .hd {
       display: flex;
       margin-top: 18px;
+
       li {
         display: flex;
         width: 25%;
@@ -845,12 +874,14 @@ const airportChart = {
 
       li {
         margin-top: 30px;
+
         .tt {
           display: flex;
           justify-content: space-between;
           line-height: 40px;
           font-size: 20px;
           margin-bottom: 10px;
+
           div {
             font-size: 34px;
             color: #80FFFF;
@@ -864,6 +895,23 @@ const airportChart = {
         }
       }
     }
+
+    .btn {
+      display: flex;
+      flex-wrap: wrap;
+      // justify-content: space-between;
+      li {
+
+        line-height: 33px;
+        border-radius: 100px;
+        border: 1px solid #80FFFF;
+        padding: 0 10px;
+        margin:  10px;
+        font-size: 20px;
+        cursor: pointer;
+
+      }
+    }
   }
 }
 </style>