diff --git a/public/fonts/BlackOpsOne-Regular.woff2 b/public/fonts/BlackOpsOne-Regular.woff2
new file mode 100644
index 0000000..c19658c
Binary files /dev/null and b/public/fonts/BlackOpsOne-Regular.woff2 differ
diff --git a/public/fonts/YouSheBiaoTiHei.woff2 b/public/fonts/YouSheBiaoTiHei.woff2
new file mode 100644
index 0000000..d10a844
Binary files /dev/null and b/public/fonts/YouSheBiaoTiHei.woff2 differ
diff --git a/public/imgs/mainBg.png b/public/imgs/mainBg.png
index 6ca8562..2008833 100644
Binary files a/public/imgs/mainBg.png and b/public/imgs/mainBg.png differ
diff --git a/public/imgs/mainBg.webp b/public/imgs/mainBg.webp
new file mode 100644
index 0000000..c5fdb01
Binary files /dev/null and b/public/imgs/mainBg.webp differ
diff --git a/public/imgs/traffic/4-item.png b/public/imgs/traffic/4-item.png
new file mode 100644
index 0000000..b66facf
Binary files /dev/null and b/public/imgs/traffic/4-item.png differ
diff --git a/public/imgs/traffic/4-item1.png b/public/imgs/traffic/4-item1.png
new file mode 100644
index 0000000..62b6609
Binary files /dev/null and b/public/imgs/traffic/4-item1.png differ
diff --git a/public/imgs/traffic/7-item.png b/public/imgs/traffic/7-item.png
new file mode 100644
index 0000000..fd1e1d6
Binary files /dev/null and b/public/imgs/traffic/7-item.png differ
diff --git a/public/imgs/traffic/8-bg.png b/public/imgs/traffic/8-bg.png
index d4d6261..520f8f7 100644
Binary files a/public/imgs/traffic/8-bg.png and b/public/imgs/traffic/8-bg.png differ
diff --git a/src/main.js b/src/main.js
index 5c0ca7a..83cefd8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,6 +7,7 @@ import App from './App.vue'
 import router from './router'
 import { globalScale } from './utils/scale'
 import './styles/global.scss'
+import './styles/el-fomat.scss'
 
 const app = createApp(App)
 
@@ -20,4 +21,4 @@ app.use(ElementPlus)
 
 app.mount('#app')
 
-globalScale()
+// globalScale()
diff --git a/src/styles/el-fomat.scss b/src/styles/el-fomat.scss
new file mode 100644
index 0000000..00e4f2a
--- /dev/null
+++ b/src/styles/el-fomat.scss
@@ -0,0 +1,48 @@
+  .traffic-filter-popper.el-popper {
+    border: 1px solid rgba(40, 177, 255, 0.55) !important;
+    background: rgba(7, 31, 78, 0.96) !important;
+  }
+
+  .traffic-filter-popper.el-popper .el-popper__arrow::before {
+    border-color: rgba(40, 177, 255, 0.55) !important;
+    background: rgba(7, 31, 78, 0.96) !important;
+  }
+
+
+  .traffic-filter-popper .el-select-dropdown__item {
+    color: #dcecff;
+    font-size: 16px;
+  }
+
+  .traffic-filter-popper .el-select-dropdown__item.is-hovering,
+  .traffic-filter-popper .el-select-dropdown__item.hover,
+  .traffic-filter-popper .el-select-dropdown__item.is-selected {
+    color: #ffffff;
+    background: rgba(22, 119, 214, 0.68);
+  }
+
+
+  .traffic-month-popper .el-picker-panel,
+  .traffic-month-popper .el-date-picker,
+  .traffic-month-popper .el-date-picker__header,
+  .traffic-month-popper .el-picker-panel__content {
+    background: transparent !important;
+  }
+
+  .traffic-month-popper .el-date-picker__header-label,
+  .traffic-month-popper .el-picker-panel__icon-btn {
+    color: #dcecff;
+    font-size: 16px;
+    font-weight: 700;
+  }
+
+  .traffic-month-popper .el-date-table-cell__text {
+    color: #dcecff !important;
+
+  }
+
+  .traffic-month-popper .el-month-table td.current:not(.disabled) .el-date-table-cell__text {
+    color: #ffffff;
+    background: rgba(22, 119, 214, 0.68);
+
+  }
\ No newline at end of file
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 01eb1cf..3976571 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -14,6 +14,18 @@
   font-style: normal;
   font-display: swap;
 }
+@font-face {
+  font-family: BlackOpsOne;
+  src: url('/fonts/BlackOpsOne-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: YouSheBiaoTiHei;
+  src: url('/fonts/YouSheBiaoTiHei.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+}
 
 * {
   margin: 0;
@@ -25,6 +37,7 @@ html, body, #app {
   width: 100%;
   height: 100%;
   overflow: hidden;
+  overflow: scroll;
   font-family: 'Alibaba PuHuiTi 3.0', 'Microsoft YaHei', 'PingFang SC', sans-serif;
   background: var(--bg-dark);
   color: var(--text-primary);
diff --git a/src/utils/const.js b/src/utils/const.js
new file mode 100644
index 0000000..780d1ed
--- /dev/null
+++ b/src/utils/const.js
@@ -0,0 +1,24 @@
+/** @format */
+
+export const METRO_LINES = {
+  1: { bg: "#E20930", color: "#ffffff", name: "1号线" },
+  2: { bg: "#80BD2A", color: "#000000", name: "2号线" },
+  3: { bg: "#F9D600", color: "#000000", name: "3号线" },
+  4: { bg: "#482284", color: "#ffffff", name: "4号线" },
+  5: { bg: "#944D9A", color: "#ffffff", name: "5号线" },
+  6: { bg: "#E10066", color: "#ffffff", name: "6号线" },
+  7: { bg: "#ED6E00", color: "#000000", name: "7号线" },
+  8: { bg: "#0094D6", color: "#ffffff", name: "8号线" },
+  9: { bg: "#85C8EC", color: "#000000", name: "9号线" },
+  10: { bg: "#C6ADD2", color: "#000000", name: "10号线" },
+  11: { bg: "#86202E", color: "#ffffff", name: "11号线" },
+  12: { bg: "#0C775F", color: "#ffffff", name: "12号线" },
+  13: { bg: "#E698BF", color: "#000000", name: "13号线" },
+  14: { bg: "#616025", color: "#ffffff", name: "14号线" },
+  15: { bg: "#C9B38E", color: "#000000", name: "15号线" },
+  16: { bg: "#97D0BF", color: "#000000", name: "16号线" },
+  17: { bg: "#B97970", color: "#ffffff", name: "17号线" },
+  18: { bg: "#C29750", color: "#000000", name: "18号线" },
+  41: { bg: "#B4B5B4", color: "#FFFFFF", name: "浦江线" },
+  51: { bg: "#898989", color: "#FFFFFF", name: "市域机场线" },
+};
diff --git a/src/utils/lineStationList.json b/src/utils/lineStationList.json
new file mode 100644
index 0000000..c3ace43
--- /dev/null
+++ b/src/utils/lineStationList.json
@@ -0,0 +1,2744 @@
+{
+  "lineStationList": [
+    {
+      "lineId": "1",
+      "nameCn": "1号线",
+      "stationList": [
+        {
+          "statId": "0111",
+          "line": "1,5",
+          "nameCn": "莘庄"
+        },
+        {
+          "statId": "0112",
+          "line": "1",
+          "nameCn": "外环路"
+        },
+        {
+          "statId": "0113",
+          "line": "1",
+          "nameCn": "莲花路"
+        },
+        {
+          "statId": "0114",
+          "line": "1",
+          "nameCn": "锦江乐园"
+        },
+        {
+          "statId": "0115",
+          "line": "1,3,15",
+          "nameCn": "上海南站"
+        },
+        {
+          "statId": "0116",
+          "line": "1,12",
+          "nameCn": "漕宝路"
+        },
+        {
+          "statId": "0117",
+          "line": "1,4",
+          "nameCn": "上海体育馆"
+        },
+        {
+          "statId": "0118",
+          "line": "1,9,11",
+          "nameCn": "徐家汇"
+        },
+        {
+          "statId": "0119",
+          "line": "1",
+          "nameCn": "衡山路"
+        },
+        {
+          "statId": "0120",
+          "line": "1,7",
+          "nameCn": "常熟路"
+        },
+        {
+          "statId": "0121",
+          "line": "1,10,12",
+          "nameCn": "陕西南路"
+        },
+        {
+          "statId": "0122",
+          "line": "1,14",
+          "nameCn": "一大会址•黄陂南路"
+        },
+        {
+          "statId": "0123",
+          "line": "1,2,8",
+          "nameCn": "人民广场"
+        },
+        {
+          "statId": "0124",
+          "line": "1",
+          "nameCn": "新闸路"
+        },
+        {
+          "statId": "0125",
+          "line": "1,12,13",
+          "nameCn": "汉中路"
+        },
+        {
+          "statId": "0126",
+          "line": "1,3,4",
+          "nameCn": "上海火车站"
+        },
+        {
+          "statId": "0127",
+          "line": "1",
+          "nameCn": "中山北路"
+        },
+        {
+          "statId": "0128",
+          "line": "1",
+          "nameCn": "延长路"
+        },
+        {
+          "statId": "0129",
+          "line": "1",
+          "nameCn": "上海马戏城"
+        },
+        {
+          "statId": "0130",
+          "line": "1",
+          "nameCn": "汶水路"
+        },
+        {
+          "statId": "0131",
+          "line": "1",
+          "nameCn": "彭浦新村"
+        },
+        {
+          "statId": "0132",
+          "line": "1",
+          "nameCn": "共康路"
+        },
+        {
+          "statId": "0133",
+          "line": "1",
+          "nameCn": "通河新村"
+        },
+        {
+          "statId": "0134",
+          "line": "1",
+          "nameCn": "呼兰路"
+        },
+        {
+          "statId": "0135",
+          "line": "1",
+          "nameCn": "共富新村"
+        },
+        {
+          "statId": "0136",
+          "line": "1",
+          "nameCn": "宝安公路"
+        },
+        {
+          "statId": "0137",
+          "line": "1",
+          "nameCn": "友谊西路"
+        },
+        {
+          "statId": "0138",
+          "line": "1",
+          "nameCn": "富锦路"
+        }
+      ]
+    },
+    {
+      "lineId": "2",
+      "nameCn": "2号线",
+      "stationList": [
+        {
+          "statId": "0234",
+          "line": "2",
+          "nameCn": "国家会展中心"
+        },
+        {
+          "statId": "0235",
+          "line": "2,10,17",
+          "nameCn": "虹桥火车站"
+        },
+        {
+          "statId": "0236",
+          "line": "2,10",
+          "nameCn": "虹桥2号航站楼"
+        },
+        {
+          "statId": "0237",
+          "line": "2",
+          "nameCn": "淞虹路"
+        },
+        {
+          "statId": "0238",
+          "line": "2",
+          "nameCn": "北新泾"
+        },
+        {
+          "statId": "0239",
+          "line": "2",
+          "nameCn": "威宁路"
+        },
+        {
+          "statId": "0240",
+          "line": "2,15",
+          "nameCn": "娄山关路"
+        },
+        {
+          "statId": "0241",
+          "line": "2,3,4",
+          "nameCn": "中山公园"
+        },
+        {
+          "statId": "0242",
+          "line": "2,11",
+          "nameCn": "江苏路"
+        },
+        {
+          "statId": "0243",
+          "line": "2,7,14",
+          "nameCn": "静安寺"
+        },
+        {
+          "statId": "0244",
+          "line": "2,12,13",
+          "nameCn": "南京西路"
+        },
+        {
+          "statId": "0245",
+          "line": "1,2,8",
+          "nameCn": "人民广场"
+        },
+        {
+          "statId": "0246",
+          "line": "2,10",
+          "nameCn": "南京东路"
+        },
+        {
+          "statId": "0247",
+          "line": "2,14",
+          "nameCn": "陆家嘴"
+        },
+        {
+          "statId": "0248",
+          "line": "2",
+          "nameCn": "浦东南路"
+        },
+        {
+          "statId": "0249",
+          "line": "2,4,6,9",
+          "nameCn": "世纪大道"
+        },
+        {
+          "statId": "0250",
+          "line": "2",
+          "nameCn": "上海科技馆"
+        },
+        {
+          "statId": "0251",
+          "line": "2",
+          "nameCn": "世纪公园"
+        },
+        {
+          "statId": "0252",
+          "line": "2,7,16,18",
+          "nameCn": "龙阳路"
+        },
+        {
+          "statId": "0253",
+          "line": "2",
+          "nameCn": "张江高科"
+        },
+        {
+          "statId": "0254",
+          "line": "2",
+          "nameCn": "金科路"
+        },
+        {
+          "statId": "0255",
+          "line": "2",
+          "nameCn": "广兰路"
+        },
+        {
+          "statId": "0256",
+          "line": "2",
+          "nameCn": "唐镇"
+        },
+        {
+          "statId": "0257",
+          "line": "2",
+          "nameCn": "创新中路"
+        },
+        {
+          "statId": "0258",
+          "line": "2",
+          "nameCn": "华夏东路"
+        },
+        {
+          "statId": "0259",
+          "line": "2",
+          "nameCn": "川沙"
+        },
+        {
+          "statId": "0260",
+          "line": "2",
+          "nameCn": "凌空路"
+        },
+        {
+          "statId": "0261",
+          "line": "2",
+          "nameCn": "远东大道"
+        },
+        {
+          "statId": "0262",
+          "line": "2",
+          "nameCn": "海天三路"
+        },
+        {
+          "statId": "0263",
+          "line": "2",
+          "nameCn": "浦东1号2号航站楼"
+        }
+      ]
+    },
+    {
+      "lineId": "3",
+      "nameCn": "3号线",
+      "stationList": [
+        {
+          "statId": "0311",
+          "line": "1,3,15",
+          "nameCn": "上海南站"
+        },
+        {
+          "statId": "0312",
+          "line": "3",
+          "nameCn": "石龙路"
+        },
+        {
+          "statId": "0313",
+          "line": "3,12",
+          "nameCn": "龙漕路"
+        },
+        {
+          "statId": "0314",
+          "line": "3",
+          "nameCn": "漕溪路"
+        },
+        {
+          "statId": "0315",
+          "line": "3,4,9",
+          "nameCn": "宜山路"
+        },
+        {
+          "statId": "0316",
+          "line": "3,4,10",
+          "nameCn": "虹桥路"
+        },
+        {
+          "statId": "0317",
+          "line": "3,4",
+          "nameCn": "延安西路"
+        },
+        {
+          "statId": "0318",
+          "line": "2,3,4",
+          "nameCn": "中山公园"
+        },
+        {
+          "statId": "0319",
+          "line": "3,4,13",
+          "nameCn": "金沙江路"
+        },
+        {
+          "statId": "0320",
+          "line": "11,3,4,14",
+          "nameCn": "曹杨路"
+        },
+        {
+          "statId": "0321",
+          "line": "3,4,7",
+          "nameCn": "镇坪路"
+        },
+        {
+          "statId": "0322",
+          "line": "3,4",
+          "nameCn": "中潭路"
+        },
+        {
+          "statId": "0323",
+          "line": "1,3,4",
+          "nameCn": "上海火车站"
+        },
+        {
+          "statId": "0324",
+          "line": "3,4",
+          "nameCn": "宝山路"
+        },
+        {
+          "statId": "0325",
+          "line": "3",
+          "nameCn": "东宝兴路"
+        },
+        {
+          "statId": "0326",
+          "line": "3,8",
+          "nameCn": "虹口足球场"
+        },
+        {
+          "statId": "0327",
+          "line": "3",
+          "nameCn": "赤峰路"
+        },
+        {
+          "statId": "0328",
+          "line": "3",
+          "nameCn": "大柏树"
+        },
+        {
+          "statId": "0329",
+          "line": "3",
+          "nameCn": "江湾镇"
+        },
+        {
+          "statId": "0330",
+          "line": "3",
+          "nameCn": "殷高西路"
+        },
+        {
+          "statId": "0331",
+          "line": "3,18",
+          "nameCn": "长江南路"
+        },
+        {
+          "statId": "0332",
+          "line": "3",
+          "nameCn": "淞发路"
+        },
+        {
+          "statId": "0333",
+          "line": "3",
+          "nameCn": "张华浜"
+        },
+        {
+          "statId": "0334",
+          "line": "3",
+          "nameCn": "淞滨路"
+        },
+        {
+          "statId": "0335",
+          "line": "3",
+          "nameCn": "水产路"
+        },
+        {
+          "statId": "0336",
+          "line": "3",
+          "nameCn": "宝杨路"
+        },
+        {
+          "statId": "0337",
+          "line": "3",
+          "nameCn": "友谊路"
+        },
+        {
+          "statId": "0338",
+          "line": "3",
+          "nameCn": "铁力路"
+        },
+        {
+          "statId": "0339",
+          "line": "3",
+          "nameCn": "江杨北路"
+        }
+      ]
+    },
+    {
+      "lineId": "4",
+      "nameCn": "4号线",
+      "stationList": [
+        {
+          "statId": "0401",
+          "line": "1,4",
+          "nameCn": "上海体育馆"
+        },
+        {
+          "statId": "0402",
+          "line": "3,4,9",
+          "nameCn": "宜山路"
+        },
+        {
+          "statId": "0403",
+          "line": "3,4,10",
+          "nameCn": "虹桥路"
+        },
+        {
+          "statId": "0404",
+          "line": "3,4",
+          "nameCn": "延安西路"
+        },
+        {
+          "statId": "0405",
+          "line": "2,3,4",
+          "nameCn": "中山公园"
+        },
+        {
+          "statId": "0406",
+          "line": "3,4,13",
+          "nameCn": "金沙江路"
+        },
+        {
+          "statId": "0407",
+          "line": "3,4,11,14",
+          "nameCn": "曹杨路"
+        },
+        {
+          "statId": "0408",
+          "line": "3,4,7",
+          "nameCn": "镇坪路"
+        },
+        {
+          "statId": "0409",
+          "line": "3,4",
+          "nameCn": "中潭路"
+        },
+        {
+          "statId": "0410",
+          "line": "1,3,4",
+          "nameCn": "上海火车站"
+        },
+        {
+          "statId": "0411",
+          "line": "3,4",
+          "nameCn": "宝山路"
+        },
+        {
+          "statId": "0412",
+          "line": "4,10",
+          "nameCn": "海伦路"
+        },
+        {
+          "statId": "0413",
+          "line": "4",
+          "nameCn": "临平路"
+        },
+        {
+          "statId": "0414",
+          "line": "4,12",
+          "nameCn": "大连路"
+        },
+        {
+          "statId": "0415",
+          "line": "4",
+          "nameCn": "杨树浦路"
+        },
+        {
+          "statId": "0416",
+          "line": "4,14",
+          "nameCn": "浦东大道"
+        },
+        {
+          "statId": "0417",
+          "line": "2,4,6,9",
+          "nameCn": "世纪大道"
+        },
+        {
+          "statId": "0418",
+          "line": "4",
+          "nameCn": "向城路"
+        },
+        {
+          "statId": "0419",
+          "line": "4,6",
+          "nameCn": "蓝村路"
+        },
+        {
+          "statId": "0420",
+          "line": "4",
+          "nameCn": "塘桥"
+        },
+        {
+          "statId": "0421",
+          "line": "4",
+          "nameCn": "南浦大桥"
+        },
+        {
+          "statId": "0422",
+          "line": "4,8",
+          "nameCn": "西藏南路"
+        },
+        {
+          "statId": "0423",
+          "line": "4",
+          "nameCn": "鲁班路"
+        },
+        {
+          "statId": "0424",
+          "line": "4,12",
+          "nameCn": "大木桥路"
+        },
+        {
+          "statId": "0425",
+          "line": "4,7",
+          "nameCn": "东安路"
+        },
+        {
+          "statId": "0426",
+          "line": "4",
+          "nameCn": "上海体育场"
+        }
+      ]
+    },
+    {
+      "lineId": "5",
+      "nameCn": "5号线",
+      "stationList": [
+        {
+          "statId": "0501",
+          "line": "1,5",
+          "nameCn": "莘庄"
+        },
+        {
+          "statId": "0502",
+          "line": "5",
+          "nameCn": "春申路"
+        },
+        {
+          "statId": "0503",
+          "line": "5",
+          "nameCn": "银都路"
+        },
+        {
+          "statId": "0505",
+          "line": "5",
+          "nameCn": "颛桥"
+        },
+        {
+          "statId": "0507",
+          "line": "5",
+          "nameCn": "北桥"
+        },
+        {
+          "statId": "0508",
+          "line": "5",
+          "nameCn": "剑川路"
+        },
+        {
+          "statId": "0509",
+          "line": "5",
+          "nameCn": "东川路"
+        },
+        {
+          "statId": "0510",
+          "line": "5",
+          "nameCn": "金平路"
+        },
+        {
+          "statId": "0511",
+          "line": "5",
+          "nameCn": "华宁路"
+        },
+        {
+          "statId": "0512",
+          "line": "5",
+          "nameCn": "文井路"
+        },
+        {
+          "statId": "0513",
+          "line": "5",
+          "nameCn": "闵行开发区"
+        },
+        {
+          "statId": "0531",
+          "line": "5",
+          "nameCn": "江川路"
+        },
+        {
+          "statId": "0532",
+          "line": "5",
+          "nameCn": "西渡"
+        },
+        {
+          "statId": "0533",
+          "line": "5",
+          "nameCn": "萧塘"
+        },
+        {
+          "statId": "0534",
+          "line": "5",
+          "nameCn": "奉浦大道"
+        },
+        {
+          "statId": "0535",
+          "line": "5",
+          "nameCn": "环城东路"
+        },
+        {
+          "statId": "0536",
+          "line": "5",
+          "nameCn": "望园路"
+        },
+        {
+          "statId": "0537",
+          "line": "5",
+          "nameCn": "金海湖"
+        },
+        {
+          "statId": "0538",
+          "line": "5",
+          "nameCn": "奉贤新城"
+        }
+      ]
+    },
+    {
+      "lineId": "6",
+      "nameCn": "6号线",
+      "stationList": [
+        {
+          "statId": "0621",
+          "line": "6,8,11",
+          "nameCn": "东方体育中心"
+        },
+        {
+          "statId": "0622",
+          "line": "6",
+          "nameCn": "灵岩南路"
+        },
+        {
+          "statId": "0623",
+          "line": "6",
+          "nameCn": "上南路"
+        },
+        {
+          "statId": "0624",
+          "line": "6",
+          "nameCn": "华夏西路"
+        },
+        {
+          "statId": "0625",
+          "line": "6",
+          "nameCn": "高青路"
+        },
+        {
+          "statId": "0626",
+          "line": "6,13",
+          "nameCn": "东明路"
+        },
+        {
+          "statId": "0627",
+          "line": "6,7",
+          "nameCn": "高科西路"
+        },
+        {
+          "statId": "0628",
+          "line": "6",
+          "nameCn": "临沂新村"
+        },
+        {
+          "statId": "0629",
+          "line": "6",
+          "nameCn": "上海儿童医学中心"
+        },
+        {
+          "statId": "0630",
+          "line": "4,6",
+          "nameCn": "蓝村路"
+        },
+        {
+          "statId": "0631",
+          "line": "6",
+          "nameCn": "浦电路"
+        },
+        {
+          "statId": "0632",
+          "line": "2,4,6,9",
+          "nameCn": "世纪大道"
+        },
+        {
+          "statId": "0633",
+          "line": "6",
+          "nameCn": "源深体育中心"
+        },
+        {
+          "statId": "0634",
+          "line": "6,18",
+          "nameCn": "民生路"
+        },
+        {
+          "statId": "0635",
+          "line": "6",
+          "nameCn": "北洋泾路"
+        },
+        {
+          "statId": "0636",
+          "line": "6",
+          "nameCn": "德平路"
+        },
+        {
+          "statId": "0637",
+          "line": "6,14",
+          "nameCn": "云山路"
+        },
+        {
+          "statId": "0638",
+          "line": "6",
+          "nameCn": "金桥路"
+        },
+        {
+          "statId": "0639",
+          "line": "6",
+          "nameCn": "博兴路"
+        },
+        {
+          "statId": "0640",
+          "line": "6",
+          "nameCn": "五莲路"
+        },
+        {
+          "statId": "0641",
+          "line": "6,12",
+          "nameCn": "巨峰路"
+        },
+        {
+          "statId": "0642",
+          "line": "6",
+          "nameCn": "东靖路"
+        },
+        {
+          "statId": "0643",
+          "line": "6",
+          "nameCn": "五洲大道"
+        },
+        {
+          "statId": "0644",
+          "line": "6",
+          "nameCn": "洲海路"
+        },
+        {
+          "statId": "0645",
+          "line": "6",
+          "nameCn": "外高桥保税区南"
+        },
+        {
+          "statId": "0646",
+          "line": "6",
+          "nameCn": "航津路"
+        },
+        {
+          "statId": "0647",
+          "line": "6",
+          "nameCn": "外高桥保税区北"
+        },
+        {
+          "statId": "0648",
+          "line": "6,10",
+          "nameCn": "港城路"
+        }
+      ]
+    },
+    {
+      "lineId": "7",
+      "nameCn": "7号线",
+      "stationList": [
+        {
+          "statId": "0721",
+          "line": "7",
+          "nameCn": "美兰湖"
+        },
+        {
+          "statId": "0722",
+          "line": "7",
+          "nameCn": "罗南新村"
+        },
+        {
+          "statId": "0723",
+          "line": "7",
+          "nameCn": "潘广路"
+        },
+        {
+          "statId": "0724",
+          "line": "7",
+          "nameCn": "刘行"
+        },
+        {
+          "statId": "0725",
+          "line": "7,15",
+          "nameCn": "顾村公园"
+        },
+        {
+          "statId": "0726",
+          "line": "7",
+          "nameCn": "祁华路"
+        },
+        {
+          "statId": "0727",
+          "line": "7",
+          "nameCn": "上海大学"
+        },
+        {
+          "statId": "0728",
+          "line": "7",
+          "nameCn": "南陈路"
+        },
+        {
+          "statId": "0729",
+          "line": "7",
+          "nameCn": "上大路"
+        },
+        {
+          "statId": "0730",
+          "line": "7",
+          "nameCn": "场中路"
+        },
+        {
+          "statId": "0731",
+          "line": "7",
+          "nameCn": "大场镇"
+        },
+        {
+          "statId": "0732",
+          "line": "7",
+          "nameCn": "行知路"
+        },
+        {
+          "statId": "0733",
+          "line": "7",
+          "nameCn": "大华三路"
+        },
+        {
+          "statId": "0734",
+          "line": "7",
+          "nameCn": "新村路"
+        },
+        {
+          "statId": "0735",
+          "line": "7",
+          "nameCn": "岚皋路"
+        },
+        {
+          "statId": "0736",
+          "line": "3,4,7",
+          "nameCn": "镇坪路"
+        },
+        {
+          "statId": "0737",
+          "line": "7,13",
+          "nameCn": "长寿路"
+        },
+        {
+          "statId": "0738",
+          "line": "7",
+          "nameCn": "昌平路"
+        },
+        {
+          "statId": "0739",
+          "line": "2,7,14",
+          "nameCn": "静安寺"
+        },
+        {
+          "statId": "0740",
+          "line": "1,7",
+          "nameCn": "常熟路"
+        },
+        {
+          "statId": "0741",
+          "line": "7,9",
+          "nameCn": "肇嘉浜路"
+        },
+        {
+          "statId": "0742",
+          "line": "4,7",
+          "nameCn": "东安路"
+        },
+        {
+          "statId": "0743",
+          "line": "7,12",
+          "nameCn": "龙华中路"
+        },
+        {
+          "statId": "0744",
+          "line": "7",
+          "nameCn": "后滩"
+        },
+        {
+          "statId": "0745",
+          "line": "7,13",
+          "nameCn": "长清路"
+        },
+        {
+          "statId": "0746",
+          "line": "7,8",
+          "nameCn": "耀华路"
+        },
+        {
+          "statId": "0747",
+          "line": "7",
+          "nameCn": "云台路"
+        },
+        {
+          "statId": "0748",
+          "line": "6,7",
+          "nameCn": "高科西路"
+        },
+        {
+          "statId": "0749",
+          "line": "7",
+          "nameCn": "杨高南路"
+        },
+        {
+          "statId": "0750",
+          "line": "7",
+          "nameCn": "锦绣路"
+        },
+        {
+          "statId": "0751",
+          "line": "7",
+          "nameCn": "芳华路"
+        },
+        {
+          "statId": "0752",
+          "line": "2,7,16,18",
+          "nameCn": "龙阳路"
+        },
+        {
+          "statId": "0753",
+          "line": "7",
+          "nameCn": "花木路"
+        }
+      ]
+    },
+    {
+      "lineId": "8",
+      "nameCn": "8号线",
+      "stationList": [
+        {
+          "statId": "0820",
+          "line": "8,41",
+          "nameCn": "沈杜公路"
+        },
+        {
+          "statId": "0821",
+          "line": "8",
+          "nameCn": "联航路"
+        },
+        {
+          "statId": "0822",
+          "line": "8",
+          "nameCn": "江月路"
+        },
+        {
+          "statId": "0823",
+          "line": "8",
+          "nameCn": "浦江镇"
+        },
+        {
+          "statId": "0824",
+          "line": "8",
+          "nameCn": "芦恒路"
+        },
+        {
+          "statId": "0825",
+          "line": "8",
+          "nameCn": "凌兆新村"
+        },
+        {
+          "statId": "0826",
+          "line": "6,8,11",
+          "nameCn": "东方体育中心"
+        },
+        {
+          "statId": "0827",
+          "line": "8",
+          "nameCn": "杨思"
+        },
+        {
+          "statId": "0828",
+          "line": "8,13",
+          "nameCn": "成山路"
+        },
+        {
+          "statId": "0829",
+          "line": "7,8",
+          "nameCn": "耀华路"
+        },
+        {
+          "statId": "0830",
+          "line": "8",
+          "nameCn": "中华艺术宫"
+        },
+        {
+          "statId": "0831",
+          "line": "4,8",
+          "nameCn": "西藏南路"
+        },
+        {
+          "statId": "0832",
+          "line": "8,9",
+          "nameCn": "陆家浜路"
+        },
+        {
+          "statId": "0833",
+          "line": "8,10",
+          "nameCn": "老西门"
+        },
+        {
+          "statId": "0834",
+          "line": "8,14",
+          "nameCn": "大世界"
+        },
+        {
+          "statId": "0835",
+          "line": "1,2,8",
+          "nameCn": "人民广场"
+        },
+        {
+          "statId": "0836",
+          "line": "8,12",
+          "nameCn": "曲阜路"
+        },
+        {
+          "statId": "0837",
+          "line": "8",
+          "nameCn": "中兴路"
+        },
+        {
+          "statId": "0838",
+          "line": "8",
+          "nameCn": "西藏北路"
+        },
+        {
+          "statId": "0839",
+          "line": "3,8",
+          "nameCn": "虹口足球场"
+        },
+        {
+          "statId": "0840",
+          "line": "8",
+          "nameCn": "曲阳路"
+        },
+        {
+          "statId": "0841",
+          "line": "8,10",
+          "nameCn": "四平路"
+        },
+        {
+          "statId": "0842",
+          "line": "8",
+          "nameCn": "鞍山新村"
+        },
+        {
+          "statId": "0843",
+          "line": "8,18",
+          "nameCn": "江浦路"
+        },
+        {
+          "statId": "0844",
+          "line": "8",
+          "nameCn": "黄兴路"
+        },
+        {
+          "statId": "0845",
+          "line": "8",
+          "nameCn": "延吉中路"
+        },
+        {
+          "statId": "0846",
+          "line": "8",
+          "nameCn": "黄兴公园"
+        },
+        {
+          "statId": "0847",
+          "line": "8",
+          "nameCn": "翔殷路"
+        },
+        {
+          "statId": "0848",
+          "line": "8",
+          "nameCn": "嫩江路"
+        },
+        {
+          "statId": "0849",
+          "line": "8",
+          "nameCn": "市光路"
+        }
+      ]
+    },
+    {
+      "lineId": "9",
+      "nameCn": "9号线",
+      "stationList": [
+        {
+          "statId": "0918",
+          "line": "9",
+          "nameCn": "上海松江站"
+        },
+        {
+          "statId": "0919",
+          "line": "9",
+          "nameCn": "醉白池"
+        },
+        {
+          "statId": "0920",
+          "line": "9",
+          "nameCn": "松江体育中心"
+        },
+        {
+          "statId": "0921",
+          "line": "9",
+          "nameCn": "松江新城"
+        },
+        {
+          "statId": "0922",
+          "line": "9",
+          "nameCn": "松江大学城"
+        },
+        {
+          "statId": "0923",
+          "line": "9",
+          "nameCn": "洞泾"
+        },
+        {
+          "statId": "0924",
+          "line": "9",
+          "nameCn": "佘山"
+        },
+        {
+          "statId": "0925",
+          "line": "9",
+          "nameCn": "泗泾"
+        },
+        {
+          "statId": "0926",
+          "line": "9",
+          "nameCn": "九亭"
+        },
+        {
+          "statId": "0927",
+          "line": "9,51",
+          "nameCn": "中春路"
+        },
+        {
+          "statId": "0928",
+          "line": "9",
+          "nameCn": "七宝"
+        },
+        {
+          "statId": "0929",
+          "line": "9",
+          "nameCn": "星中路"
+        },
+        {
+          "statId": "0930",
+          "line": "9",
+          "nameCn": "合川路"
+        },
+        {
+          "statId": "0931",
+          "line": "9",
+          "nameCn": "漕河泾开发区"
+        },
+        {
+          "statId": "0932",
+          "line": "9,15",
+          "nameCn": "桂林路"
+        },
+        {
+          "statId": "0933",
+          "line": "3,4,9",
+          "nameCn": "宜山路"
+        },
+        {
+          "statId": "0934",
+          "line": "1,9,11",
+          "nameCn": "徐家汇"
+        },
+        {
+          "statId": "0935",
+          "line": "7,9",
+          "nameCn": "肇嘉浜路"
+        },
+        {
+          "statId": "0936",
+          "line": "9,12",
+          "nameCn": "嘉善路"
+        },
+        {
+          "statId": "0937",
+          "line": "9",
+          "nameCn": "打浦桥"
+        },
+        {
+          "statId": "0938",
+          "line": "9,13",
+          "nameCn": "马当路"
+        },
+        {
+          "statId": "0939",
+          "line": "8,9",
+          "nameCn": "陆家浜路"
+        },
+        {
+          "statId": "0940",
+          "line": "9",
+          "nameCn": "小南门"
+        },
+        {
+          "statId": "0941",
+          "line": "9",
+          "nameCn": "商城路"
+        },
+        {
+          "statId": "0942",
+          "line": "2,4,6,9",
+          "nameCn": "世纪大道"
+        },
+        {
+          "statId": "0943",
+          "line": "9,18",
+          "nameCn": "杨高中路"
+        },
+        {
+          "statId": "0944",
+          "line": "9",
+          "nameCn": "芳甸路"
+        },
+        {
+          "statId": "0945",
+          "line": "9,14",
+          "nameCn": "蓝天路"
+        },
+        {
+          "statId": "0946",
+          "line": "9",
+          "nameCn": "台儿庄路"
+        },
+        {
+          "statId": "0947",
+          "line": "9",
+          "nameCn": "金桥"
+        },
+        {
+          "statId": "0948",
+          "line": "9",
+          "nameCn": "金吉路"
+        },
+        {
+          "statId": "0949",
+          "line": "9,12",
+          "nameCn": "金海路"
+        },
+        {
+          "statId": "0950",
+          "line": "9",
+          "nameCn": "顾唐路"
+        },
+        {
+          "statId": "0951",
+          "line": "9",
+          "nameCn": "民雷路"
+        },
+        {
+          "statId": "0952",
+          "line": "9",
+          "nameCn": "曹路"
+        }
+      ]
+    },
+    {
+      "lineId": "10",
+      "nameCn": "10号线",
+      "stationList": [
+        {
+          "statId": "1018",
+          "line": "10",
+          "nameCn": "航中路"
+        },
+        {
+          "statId": "1019",
+          "line": "10",
+          "nameCn": "紫藤路"
+        },
+        {
+          "statId": "1020",
+          "line": "10",
+          "nameCn": "龙柏新村"
+        },
+        {
+          "statId": "1041",
+          "line": "2,10,17",
+          "nameCn": "虹桥火车站"
+        },
+        {
+          "statId": "1042",
+          "line": "2,10",
+          "nameCn": "虹桥2号航站楼"
+        },
+        {
+          "statId": "1043",
+          "line": "10",
+          "nameCn": "虹桥1号航站楼"
+        },
+        {
+          "statId": "1044",
+          "line": "10",
+          "nameCn": "上海动物园"
+        },
+        {
+          "statId": "1045",
+          "line": "10",
+          "nameCn": "龙溪路"
+        },
+        {
+          "statId": "1046",
+          "line": "10",
+          "nameCn": "水城路"
+        },
+        {
+          "statId": "1047",
+          "line": "10",
+          "nameCn": "伊犁路"
+        },
+        {
+          "statId": "1048",
+          "line": "10",
+          "nameCn": "宋园路"
+        },
+        {
+          "statId": "1049",
+          "line": "3,4,10",
+          "nameCn": "虹桥路"
+        },
+        {
+          "statId": "1050",
+          "line": "10,11",
+          "nameCn": "交通大学"
+        },
+        {
+          "statId": "1051",
+          "line": "10",
+          "nameCn": "上海图书馆"
+        },
+        {
+          "statId": "1052",
+          "line": "1,10,12",
+          "nameCn": "陕西南路"
+        },
+        {
+          "statId": "1053",
+          "line": "10,13",
+          "nameCn": "一大会址•新天地"
+        },
+        {
+          "statId": "1054",
+          "line": "8,10",
+          "nameCn": "老西门"
+        },
+        {
+          "statId": "1055",
+          "line": "10,14",
+          "nameCn": "豫园"
+        },
+        {
+          "statId": "1056",
+          "line": "2,10",
+          "nameCn": "南京东路"
+        },
+        {
+          "statId": "1057",
+          "line": "10,12",
+          "nameCn": "天潼路"
+        },
+        {
+          "statId": "1058",
+          "line": "10",
+          "nameCn": "四川北路"
+        },
+        {
+          "statId": "1059",
+          "line": "4,10",
+          "nameCn": "海伦路"
+        },
+        {
+          "statId": "1060",
+          "line": "10",
+          "nameCn": "邮电新村"
+        },
+        {
+          "statId": "1061",
+          "line": "8,10",
+          "nameCn": "四平路"
+        },
+        {
+          "statId": "1062",
+          "line": "10",
+          "nameCn": "同济大学"
+        },
+        {
+          "statId": "1063",
+          "line": "10,18",
+          "nameCn": "国权路"
+        },
+        {
+          "statId": "1064",
+          "line": "10",
+          "nameCn": "五角场"
+        },
+        {
+          "statId": "1065",
+          "line": "10",
+          "nameCn": "江湾体育场"
+        },
+        {
+          "statId": "1066",
+          "line": "10",
+          "nameCn": "三门路"
+        },
+        {
+          "statId": "1067",
+          "line": "10",
+          "nameCn": "殷高东路"
+        },
+        {
+          "statId": "1068",
+          "line": "10",
+          "nameCn": "新江湾城"
+        },
+        {
+          "statId": "1069",
+          "line": "10",
+          "nameCn": "国帆路"
+        },
+        {
+          "statId": "1070",
+          "line": "10",
+          "nameCn": "双江路"
+        },
+        {
+          "statId": "1071",
+          "line": "10",
+          "nameCn": "高桥西"
+        },
+        {
+          "statId": "1072",
+          "line": "10",
+          "nameCn": "高桥"
+        },
+        {
+          "statId": "1073",
+          "line": "6,10",
+          "nameCn": "港城路"
+        },
+        {
+          "statId": "1074",
+          "line": "10",
+          "nameCn": "基隆路"
+        }
+      ]
+    },
+    {
+      "lineId": "11",
+      "nameCn": "11号线",
+      "stationList": [
+        {
+          "statId": "1117",
+          "line": "11",
+          "nameCn": "安亭"
+        },
+        {
+          "statId": "1118",
+          "line": "11",
+          "nameCn": "上海汽车城"
+        },
+        {
+          "statId": "1119",
+          "line": "11",
+          "nameCn": "昌吉东路"
+        },
+        {
+          "statId": "1120",
+          "line": "11",
+          "nameCn": "上海赛车场"
+        },
+        {
+          "statId": "1131",
+          "line": "11",
+          "nameCn": "嘉定北"
+        },
+        {
+          "statId": "1132",
+          "line": "11",
+          "nameCn": "嘉定西"
+        },
+        {
+          "statId": "1133",
+          "line": "11",
+          "nameCn": "白银路"
+        },
+        {
+          "statId": "1134",
+          "line": "11",
+          "nameCn": "嘉定新城"
+        },
+        {
+          "statId": "1135",
+          "line": "11",
+          "nameCn": "马陆"
+        },
+        {
+          "statId": "1137",
+          "line": "11",
+          "nameCn": "南翔"
+        },
+        {
+          "statId": "1138",
+          "line": "11",
+          "nameCn": "桃浦新村"
+        },
+        {
+          "statId": "1139",
+          "line": "11",
+          "nameCn": "武威路"
+        },
+        {
+          "statId": "1140",
+          "line": "11",
+          "nameCn": "祁连山路"
+        },
+        {
+          "statId": "1141",
+          "line": "11",
+          "nameCn": "李子园"
+        },
+        {
+          "statId": "1142",
+          "line": "11,15",
+          "nameCn": "上海西站"
+        },
+        {
+          "statId": "1143",
+          "line": "11,14",
+          "nameCn": "真如"
+        },
+        {
+          "statId": "1144",
+          "line": "11",
+          "nameCn": "枫桥路"
+        },
+        {
+          "statId": "1145",
+          "line": "3,4,11,14",
+          "nameCn": "曹杨路"
+        },
+        {
+          "statId": "1146",
+          "line": "11,13",
+          "nameCn": "隆德路"
+        },
+        {
+          "statId": "1147",
+          "line": "2,11",
+          "nameCn": "江苏路"
+        },
+        {
+          "statId": "1148",
+          "line": "10,11",
+          "nameCn": "交通大学"
+        },
+        {
+          "statId": "1149",
+          "line": "1,9,11",
+          "nameCn": "徐家汇"
+        },
+        {
+          "statId": "1150",
+          "line": "11",
+          "nameCn": "上海游泳馆"
+        },
+        {
+          "statId": "1151",
+          "line": "11,12",
+          "nameCn": "龙华"
+        },
+        {
+          "statId": "1152",
+          "line": "11",
+          "nameCn": "云锦路"
+        },
+        {
+          "statId": "1153",
+          "line": "11",
+          "nameCn": "龙耀路"
+        },
+        {
+          "statId": "1154",
+          "line": "6,8,11",
+          "nameCn": "东方体育中心"
+        },
+        {
+          "statId": "1155",
+          "line": "11",
+          "nameCn": "三林"
+        },
+        {
+          "statId": "1156",
+          "line": "11",
+          "nameCn": "三林东"
+        },
+        {
+          "statId": "1157",
+          "line": "11",
+          "nameCn": "浦三路"
+        },
+        {
+          "statId": "1158",
+          "line": "11",
+          "nameCn": "康恒路"
+        },
+        {
+          "statId": "1159",
+          "line": "11,18",
+          "nameCn": "御桥"
+        },
+        {
+          "statId": "1160",
+          "line": "11,16",
+          "nameCn": "罗山路"
+        },
+        {
+          "statId": "1114",
+          "line": "11",
+          "nameCn": "花桥"
+        },
+        {
+          "statId": "1115",
+          "line": "11",
+          "nameCn": "光明路"
+        },
+        {
+          "statId": "1116",
+          "line": "11",
+          "nameCn": "兆丰路"
+        },
+        {
+          "statId": "1161",
+          "line": "11",
+          "nameCn": "秀沿路"
+        },
+        {
+          "statId": "1162",
+          "line": "11",
+          "nameCn": "康新公路"
+        },
+        {
+          "statId": "1163",
+          "line": "11",
+          "nameCn": "迪士尼"
+        },
+        {
+          "statId": "1136",
+          "line": "11",
+          "nameCn": "陈翔公路"
+        }
+      ]
+    },
+    {
+      "lineId": "12",
+      "nameCn": "12号线",
+      "stationList": [
+        {
+          "statId": "1237",
+          "line": "10,12",
+          "nameCn": "天潼路"
+        },
+        {
+          "statId": "1238",
+          "line": "12",
+          "nameCn": "国际客运中心"
+        },
+        {
+          "statId": "1239",
+          "line": "12",
+          "nameCn": "提篮桥"
+        },
+        {
+          "statId": "1240",
+          "line": "4,12",
+          "nameCn": "大连路"
+        },
+        {
+          "statId": "1241",
+          "line": "12,18",
+          "nameCn": "江浦公园"
+        },
+        {
+          "statId": "1242",
+          "line": "12",
+          "nameCn": "宁国路"
+        },
+        {
+          "statId": "1243",
+          "line": "12",
+          "nameCn": "隆昌路"
+        },
+        {
+          "statId": "1244",
+          "line": "12",
+          "nameCn": "爱国路"
+        },
+        {
+          "statId": "1245",
+          "line": "12",
+          "nameCn": "复兴岛"
+        },
+        {
+          "statId": "1246",
+          "line": "12",
+          "nameCn": "东陆路"
+        },
+        {
+          "statId": "1247",
+          "line": "6,12",
+          "nameCn": "巨峰路"
+        },
+        {
+          "statId": "1248",
+          "line": "12",
+          "nameCn": "杨高北路"
+        },
+        {
+          "statId": "1249",
+          "line": "12",
+          "nameCn": "金京路"
+        },
+        {
+          "statId": "1250",
+          "line": "12",
+          "nameCn": "申江路"
+        },
+        {
+          "statId": "1251",
+          "line": "9,12",
+          "nameCn": "金海路"
+        },
+        {
+          "statId": "1236",
+          "line": "8,12",
+          "nameCn": "曲阜路"
+        },
+        {
+          "statId": "1235",
+          "line": "1,12,13",
+          "nameCn": "汉中路"
+        },
+        {
+          "statId": "1234",
+          "line": "2,12,13",
+          "nameCn": "南京西路"
+        },
+        {
+          "statId": "1233",
+          "line": "1,10,12",
+          "nameCn": "陕西南路"
+        },
+        {
+          "statId": "1232",
+          "line": "9,12",
+          "nameCn": "嘉善路"
+        },
+        {
+          "statId": "1231",
+          "line": "4,12",
+          "nameCn": "大木桥路"
+        },
+        {
+          "statId": "1230",
+          "line": "7,12",
+          "nameCn": "龙华中路"
+        },
+        {
+          "statId": "1229",
+          "line": "11,12",
+          "nameCn": "龙华"
+        },
+        {
+          "statId": "1228",
+          "line": "3,12",
+          "nameCn": "龙漕路"
+        },
+        {
+          "statId": "1227",
+          "line": "1,12",
+          "nameCn": "漕宝路"
+        },
+        {
+          "statId": "1226",
+          "line": "12,15",
+          "nameCn": "桂林公园"
+        },
+        {
+          "statId": "1225",
+          "line": "12",
+          "nameCn": "虹漕路"
+        },
+        {
+          "statId": "1224",
+          "line": "12",
+          "nameCn": "虹梅路"
+        },
+        {
+          "statId": "1223",
+          "line": "12",
+          "nameCn": "东兰路"
+        },
+        {
+          "statId": "1222",
+          "line": "12",
+          "nameCn": "顾戴路"
+        },
+        {
+          "statId": "1221",
+          "line": "12",
+          "nameCn": "虹莘路"
+        },
+        {
+          "statId": "1220",
+          "line": "12",
+          "nameCn": "七莘路"
+        }
+      ]
+    },
+    {
+      "lineId": "13",
+      "nameCn": "13号线",
+      "stationList": [
+        {
+          "statId": "1321",
+          "line": "13",
+          "nameCn": "金运路"
+        },
+        {
+          "statId": "1322",
+          "line": "13",
+          "nameCn": "金沙江西路"
+        },
+        {
+          "statId": "1323",
+          "line": "13",
+          "nameCn": "丰庄"
+        },
+        {
+          "statId": "1324",
+          "line": "13",
+          "nameCn": "祁连山南路"
+        },
+        {
+          "statId": "1325",
+          "line": "13",
+          "nameCn": "真北路"
+        },
+        {
+          "statId": "1326",
+          "line": "13,15",
+          "nameCn": "大渡河路"
+        },
+        {
+          "statId": "1327",
+          "line": "3,4,13",
+          "nameCn": "金沙江路"
+        },
+        {
+          "statId": "1328",
+          "line": "11,13",
+          "nameCn": "隆德路"
+        },
+        {
+          "statId": "1329",
+          "line": "13,14",
+          "nameCn": "武宁路"
+        },
+        {
+          "statId": "1330",
+          "line": "7,13",
+          "nameCn": "长寿路"
+        },
+        {
+          "statId": "1331",
+          "line": "13",
+          "nameCn": "江宁路"
+        },
+        {
+          "statId": "1332",
+          "line": "1,12,13",
+          "nameCn": "汉中路"
+        },
+        {
+          "statId": "1333",
+          "line": "13",
+          "nameCn": "自然博物馆"
+        },
+        {
+          "statId": "1334",
+          "line": "2,12,13",
+          "nameCn": "南京西路"
+        },
+        {
+          "statId": "1335",
+          "line": "13",
+          "nameCn": "淮海中路"
+        },
+        {
+          "statId": "1336",
+          "line": "10,13",
+          "nameCn": "一大会址•新天地"
+        },
+        {
+          "statId": "1337",
+          "line": "9,13",
+          "nameCn": "马当路"
+        },
+        {
+          "statId": "1338",
+          "line": "13",
+          "nameCn": "世博会博物馆"
+        },
+        {
+          "statId": "1339",
+          "line": "13",
+          "nameCn": "世博大道"
+        },
+        {
+          "statId": "1340",
+          "line": "7,13",
+          "nameCn": "长清路"
+        },
+        {
+          "statId": "1341",
+          "line": "8,13",
+          "nameCn": "成山路"
+        },
+        {
+          "statId": "1342",
+          "line": "6,13",
+          "nameCn": "东明路"
+        },
+        {
+          "statId": "1343",
+          "line": "13",
+          "nameCn": "华鹏路"
+        },
+        {
+          "statId": "1344",
+          "line": "13",
+          "nameCn": "下南路"
+        },
+        {
+          "statId": "1345",
+          "line": "13",
+          "nameCn": "北蔡"
+        },
+        {
+          "statId": "1346",
+          "line": "13",
+          "nameCn": "陈春路"
+        },
+        {
+          "statId": "1347",
+          "line": "13,18",
+          "nameCn": "莲溪路"
+        },
+        {
+          "statId": "1348",
+          "line": "13,16",
+          "nameCn": "华夏中路"
+        },
+        {
+          "statId": "1349",
+          "line": "13",
+          "nameCn": "中科路"
+        },
+        {
+          "statId": "1350",
+          "line": "13",
+          "nameCn": "学林路"
+        },
+        {
+          "statId": "1351",
+          "line": "13",
+          "nameCn": "张江路"
+        }
+      ]
+    },
+    {
+      "lineId": "14",
+      "nameCn": "14号线",
+      "stationList": [
+        {
+          "statId": "1421",
+          "line": "14",
+          "nameCn": "封浜"
+        },
+        {
+          "statId": "1422",
+          "line": "14",
+          "nameCn": "乐秀路"
+        },
+        {
+          "statId": "1423",
+          "line": "14",
+          "nameCn": "临洮路"
+        },
+        {
+          "statId": "1424",
+          "line": "14",
+          "nameCn": "嘉怡路"
+        },
+        {
+          "statId": "1425",
+          "line": "14",
+          "nameCn": "定边路"
+        },
+        {
+          "statId": "1426",
+          "line": "14",
+          "nameCn": "真新新村"
+        },
+        {
+          "statId": "1427",
+          "line": "14",
+          "nameCn": "真光路"
+        },
+        {
+          "statId": "1428",
+          "line": "14,15",
+          "nameCn": "铜川路"
+        },
+        {
+          "statId": "1429",
+          "line": "14,11",
+          "nameCn": "真如"
+        },
+        {
+          "statId": "1430",
+          "line": "14",
+          "nameCn": "中宁路"
+        },
+        {
+          "statId": "1431",
+          "line": "3,4,11,14",
+          "nameCn": "曹杨路"
+        },
+        {
+          "statId": "1432",
+          "line": "13,14",
+          "nameCn": "武宁路"
+        },
+        {
+          "statId": "1433",
+          "line": "14",
+          "nameCn": "武定路"
+        },
+        {
+          "statId": "1434",
+          "line": "2,7,14",
+          "nameCn": "静安寺"
+        },
+        {
+          "statId": "1435",
+          "line": "1,14",
+          "nameCn": "一大会址•黄陂南路"
+        },
+        {
+          "statId": "1436",
+          "line": "14,8",
+          "nameCn": "大世界"
+        },
+        {
+          "statId": "1437",
+          "line": "10,14",
+          "nameCn": "豫园"
+        },
+        {
+          "statId": "1438",
+          "line": "14,2",
+          "nameCn": "陆家嘴"
+        },
+        {
+          "statId": "1439",
+          "line": "14",
+          "nameCn": "浦东南路"
+        },
+        {
+          "statId": "1440",
+          "line": "14,4",
+          "nameCn": "浦东大道"
+        },
+        {
+          "statId": "1441",
+          "line": "14",
+          "nameCn": "源深路"
+        },
+        {
+          "statId": "1442",
+          "line": "14,18",
+          "nameCn": "昌邑路"
+        },
+        {
+          "statId": "1443",
+          "line": "14",
+          "nameCn": "歇浦路"
+        },
+        {
+          "statId": "1445",
+          "line": "14,6",
+          "nameCn": "云山路"
+        },
+        {
+          "statId": "1446",
+          "line": "9,14",
+          "nameCn": "蓝天路"
+        },
+        {
+          "statId": "1447",
+          "line": "14",
+          "nameCn": "黄杨路"
+        },
+        {
+          "statId": "1448",
+          "line": "14",
+          "nameCn": "云顺路"
+        },
+        {
+          "statId": "1449",
+          "line": "14",
+          "nameCn": "浦东足球场"
+        },
+        {
+          "statId": "1450",
+          "line": "14",
+          "nameCn": "金粤路"
+        },
+        {
+          "statId": "1451",
+          "line": "14",
+          "nameCn": "桂桥路"
+        }
+      ]
+    },
+    {
+      "lineId": "15",
+      "nameCn": "15号线",
+      "stationList": [
+        {
+          "statId": "1521",
+          "line": "15",
+          "nameCn": "紫竹高新区"
+        },
+        {
+          "statId": "1522",
+          "line": "15",
+          "nameCn": "永德路"
+        },
+        {
+          "statId": "1523",
+          "line": "15",
+          "nameCn": "元江路"
+        },
+        {
+          "statId": "1524",
+          "line": "15",
+          "nameCn": "双柏路"
+        },
+        {
+          "statId": "1525",
+          "line": "15",
+          "nameCn": "曙建路"
+        },
+        {
+          "statId": "1526",
+          "line": "15",
+          "nameCn": "景西路"
+        },
+        {
+          "statId": "1527",
+          "line": "15",
+          "nameCn": "虹梅南路"
+        },
+        {
+          "statId": "1528",
+          "line": "15,51",
+          "nameCn": "景洪路"
+        },
+        {
+          "statId": "1529",
+          "line": "15",
+          "nameCn": "朱梅路"
+        },
+        {
+          "statId": "1530",
+          "line": "15",
+          "nameCn": "罗秀路"
+        },
+        {
+          "statId": "1531",
+          "line": "15",
+          "nameCn": "华东理工大学"
+        },
+        {
+          "statId": "1532",
+          "line": "15,1,3",
+          "nameCn": "上海南站"
+        },
+        {
+          "statId": "1533",
+          "line": "15,12",
+          "nameCn": "桂林公园"
+        },
+        {
+          "statId": "1535",
+          "line": "15",
+          "nameCn": "吴中路"
+        },
+        {
+          "statId": "1536",
+          "line": "15",
+          "nameCn": "姚虹路"
+        },
+        {
+          "statId": "1537",
+          "line": "15",
+          "nameCn": "红宝石路"
+        },
+        {
+          "statId": "1538",
+          "line": "15,2",
+          "nameCn": "娄山关路"
+        },
+        {
+          "statId": "1539",
+          "line": "15",
+          "nameCn": "长风公园"
+        },
+        {
+          "statId": "1540",
+          "line": "15,13",
+          "nameCn": "大渡河路"
+        },
+        {
+          "statId": "1541",
+          "line": "15",
+          "nameCn": "梅岭北路"
+        },
+        {
+          "statId": "1542",
+          "line": "15,14",
+          "nameCn": "铜川路"
+        },
+        {
+          "statId": "1543",
+          "line": "15,11",
+          "nameCn": "上海西站"
+        },
+        {
+          "statId": "1544",
+          "line": "15",
+          "nameCn": "武威东路"
+        },
+        {
+          "statId": "1545",
+          "line": "15",
+          "nameCn": "古浪路"
+        },
+        {
+          "statId": "1546",
+          "line": "15",
+          "nameCn": "祁安路"
+        },
+        {
+          "statId": "1547",
+          "line": "15",
+          "nameCn": "南大路"
+        },
+        {
+          "statId": "1548",
+          "line": "15",
+          "nameCn": "丰翔路"
+        },
+        {
+          "statId": "1549",
+          "line": "15",
+          "nameCn": "锦秋路"
+        },
+        {
+          "statId": "1550",
+          "line": "15,7",
+          "nameCn": "顾村公园"
+        },
+        {
+          "statId": "1534",
+          "line": "15,9",
+          "nameCn": "桂林路"
+        }
+      ]
+    },
+    {
+      "lineId": "16",
+      "nameCn": "16号线",
+      "stationList": [
+        {
+          "statId": "1623",
+          "line": "11,16",
+          "nameCn": "罗山路"
+        },
+        {
+          "statId": "1624",
+          "line": "16",
+          "nameCn": "周浦东"
+        },
+        {
+          "statId": "1625",
+          "line": "16",
+          "nameCn": "鹤沙航城"
+        },
+        {
+          "statId": "1626",
+          "line": "16",
+          "nameCn": "航头东"
+        },
+        {
+          "statId": "1627",
+          "line": "16",
+          "nameCn": "新场"
+        },
+        {
+          "statId": "1628",
+          "line": "16",
+          "nameCn": "野生动物园"
+        },
+        {
+          "statId": "1629",
+          "line": "16",
+          "nameCn": "惠南"
+        },
+        {
+          "statId": "1630",
+          "line": "16",
+          "nameCn": "惠南东"
+        },
+        {
+          "statId": "1631",
+          "line": "16",
+          "nameCn": "书院"
+        },
+        {
+          "statId": "1632",
+          "line": "16",
+          "nameCn": "临港大道"
+        },
+        {
+          "statId": "1633",
+          "line": "16",
+          "nameCn": "滴水湖"
+        },
+        {
+          "statId": "1622",
+          "line": "13,16",
+          "nameCn": "华夏中路"
+        },
+        {
+          "statId": "1621",
+          "line": "2,7,16,18",
+          "nameCn": "龙阳路"
+        }
+      ]
+    },
+    {
+      "lineId": "17",
+      "nameCn": "17号线",
+      "stationList": [
+        {
+          "statId": "1721",
+          "line": "2,10,17",
+          "nameCn": "虹桥火车站"
+        },
+        {
+          "statId": "1722",
+          "line": "17",
+          "nameCn": "国家会展中心"
+        },
+        {
+          "statId": "1723",
+          "line": "17",
+          "nameCn": "蟠龙路"
+        },
+        {
+          "statId": "1724",
+          "line": "17",
+          "nameCn": "徐盈路"
+        },
+        {
+          "statId": "1725",
+          "line": "17",
+          "nameCn": "徐泾北城"
+        },
+        {
+          "statId": "1726",
+          "line": "17",
+          "nameCn": "嘉松中路"
+        },
+        {
+          "statId": "1727",
+          "line": "17",
+          "nameCn": "赵巷"
+        },
+        {
+          "statId": "1728",
+          "line": "17",
+          "nameCn": "汇金路"
+        },
+        {
+          "statId": "1729",
+          "line": "17",
+          "nameCn": "青浦新城"
+        },
+        {
+          "statId": "1730",
+          "line": "17",
+          "nameCn": "漕盈路"
+        },
+        {
+          "statId": "1731",
+          "line": "17",
+          "nameCn": "淀山湖大道"
+        },
+        {
+          "statId": "1732",
+          "line": "17",
+          "nameCn": "朱家角"
+        },
+        {
+          "statId": "1733",
+          "line": "17",
+          "nameCn": "东方绿舟"
+        },
+        {
+          "statId": "1734",
+          "line": "17",
+          "nameCn": "西岑"
+        }
+      ]
+    },
+    {
+      "lineId": "18",
+      "nameCn": "18号线",
+      "stationList": [
+        {
+          "statId": "1821",
+          "line": "18",
+          "nameCn": "航头"
+        },
+        {
+          "statId": "1822",
+          "line": "18",
+          "nameCn": "下沙"
+        },
+        {
+          "statId": "1823",
+          "line": "18",
+          "nameCn": "鹤涛路"
+        },
+        {
+          "statId": "1824",
+          "line": "18",
+          "nameCn": "沈梅路"
+        },
+        {
+          "statId": "1825",
+          "line": "18",
+          "nameCn": "繁荣路"
+        },
+        {
+          "statId": "1826",
+          "line": "18",
+          "nameCn": "周浦"
+        },
+        {
+          "statId": "1827",
+          "line": "18",
+          "nameCn": "康桥"
+        },
+        {
+          "statId": "1828",
+          "line": "11,18",
+          "nameCn": "御桥"
+        },
+        {
+          "statId": "1829",
+          "line": "18,13",
+          "nameCn": "莲溪路"
+        },
+        {
+          "statId": "1830",
+          "line": "18",
+          "nameCn": "北中路"
+        },
+        {
+          "statId": "1831",
+          "line": "18",
+          "nameCn": "芳芯路"
+        },
+        {
+          "statId": "1832",
+          "line": "2,7,16,18",
+          "nameCn": "龙阳路"
+        },
+        {
+          "statId": "1833",
+          "line": "18",
+          "nameCn": "迎春路"
+        },
+        {
+          "statId": "1834",
+          "line": "18,9",
+          "nameCn": "杨高中路"
+        },
+        {
+          "statId": "1835",
+          "line": "6,18",
+          "nameCn": "民生路"
+        },
+        {
+          "statId": "1836",
+          "line": "14,18",
+          "nameCn": "昌邑路"
+        },
+        {
+          "statId": "1837",
+          "line": "18",
+          "nameCn": "丹阳路"
+        },
+        {
+          "statId": "1838",
+          "line": "18",
+          "nameCn": "平凉路"
+        },
+        {
+          "statId": "1839",
+          "line": "18,12",
+          "nameCn": "江浦公园"
+        },
+        {
+          "statId": "1840",
+          "line": "18,8",
+          "nameCn": "江浦路"
+        },
+        {
+          "statId": "1841",
+          "line": "18",
+          "nameCn": "抚顺路"
+        },
+        {
+          "statId": "1842",
+          "line": "10,18",
+          "nameCn": "国权路"
+        },
+        {
+          "statId": "1843",
+          "line": "18",
+          "nameCn": "复旦大学"
+        },
+        {
+          "statId": "1844",
+          "line": "18",
+          "nameCn": "上海财经大学"
+        },
+        {
+          "statId": "1845",
+          "line": "18",
+          "nameCn": "殷高路"
+        },
+        {
+          "statId": "1846",
+          "line": "18,3",
+          "nameCn": "长江南路"
+        }
+      ]
+    },
+    {
+      "lineId": "41",
+      "nameCn": "浦江线",
+      "stationList": [
+        {
+          "statId": "4106",
+          "line": "41",
+          "nameCn": "汇臻路"
+        },
+        {
+          "statId": "4105",
+          "line": "41",
+          "nameCn": "东城一路"
+        },
+        {
+          "statId": "4104",
+          "line": "41",
+          "nameCn": "浦航路"
+        },
+        {
+          "statId": "4103",
+          "line": "41",
+          "nameCn": "闵瑞路"
+        },
+        {
+          "statId": "4102",
+          "line": "41",
+          "nameCn": "三鲁公路"
+        },
+        {
+          "statId": "4101",
+          "line": "41,8",
+          "nameCn": "沈杜公路"
+        }
+      ]
+    },
+    {
+      "lineId": "51",
+      "nameCn": "市域机场线",
+      "stationList": [
+        {
+          "statId": "5131",
+          "line": "51",
+          "nameCn": "虹桥2号航站楼"
+        },
+        {
+          "statId": "5132",
+          "line": "9,51",
+          "nameCn": "中春路"
+        },
+        {
+          "statId": "5133",
+          "line": "15,51",
+          "nameCn": "景洪路"
+        },
+        {
+          "statId": "5134",
+          "line": "51",
+          "nameCn": "三林南"
+        },
+        {
+          "statId": "5135",
+          "line": "51",
+          "nameCn": "康桥东"
+        },
+        {
+          "statId": "5136",
+          "line": "51",
+          "nameCn": "上海国际旅游度假区"
+        },
+        {
+          "statId": "5137",
+          "line": "51",
+          "nameCn": "浦东1号2号航站楼"
+        }
+      ]
+    }
+  ]
+}
diff --git a/src/views/home/components/DashboardHeader.vue b/src/views/home/components/DashboardHeader.vue
index 2852d7b..2b80fd4 100644
--- a/src/views/home/components/DashboardHeader.vue
+++ b/src/views/home/components/DashboardHeader.vue
@@ -113,12 +113,6 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@font-face {
-  font-family: BlackOpsOne;
-  src: url('/fonts/BlackOpsOne-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
 
 .dashboard-header {
   width: 4800px;
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index 8bfd6d0..01994ca 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -16,7 +16,7 @@ import DashboardHeader from '@/views/home/components/DashboardHeader.vue'
   width: 4800px;
   height: 1620px;
   position: relative;
-  background: url('/imgs/mainBg.png') no-repeat center center;
+  background: url('/imgs/mainBg.webp') no-repeat center center;
   background-size: cover;
   overflow: hidden;
 }
diff --git a/src/views/traffic/components/StationFilter.vue b/src/views/traffic/components/StationFilter.vue
new file mode 100644
index 0000000..38de5e4
--- /dev/null
+++ b/src/views/traffic/components/StationFilter.vue
@@ -0,0 +1,203 @@
+<template>
+  <div class="station-filter" :style="themeStyle">
+    <div class="filter-item " :style="getFilterItemStyle(lineDisplayText, 'line')">
+      <el-select v-model="selectedLine" popper-class="traffic-filter-popper" :teleported="true">
+        <el-option v-for="item in lineOptions" :key="item.value" :label="item.label" :value="item.value" />
+      </el-select>
+      <span class="filter-arrow" aria-hidden="true"></span>
+    </div>
+
+    <div class="filter-item" :style="getFilterItemStyle(stationDisplayText, 'station')">
+      <el-select v-model="selectedStation" popper-class="traffic-filter-popper" :teleported="true">
+        <el-option v-for="item in stationOptions" :key="item.value" :label="item.label" :value="item.value" />
+      </el-select>
+      <span class="filter-arrow" aria-hidden="true"></span>
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+import { computed, watch } from 'vue'
+import metroMenuData from '@/utils/lineStationList.json'
+import { METRO_LINES } from '@/utils/const'
+
+
+const props = defineProps({
+  line: {
+    type: String,
+    default: ''
+  },
+  station: {
+    type: String,
+    default: ''
+  },
+
+})
+
+const emit = defineEmits(['update:line', 'update:station'])
+const lineStationList = metroMenuData.lineStationList || []
+
+const selectedLine = computed({
+  get: () => props.line,
+  set: value => emit('update:line', value)
+})
+
+const selectedStation = computed({
+  get: () => props.station,
+  set: value => emit('update:station', value)
+})
+
+
+
+const lineOptions = computed(() => {
+  return lineStationList.map(item => ({
+    label: item.nameCn,
+    value: item.lineId
+  }))
+})
+
+const stationOptions = computed(() => {
+  const currentLine = lineStationList.find(item => item.lineId === selectedLine.value)
+  const stationList = currentLine?.stationList || []
+
+  return stationList.map(item => ({
+    label: item.nameCn,
+    value: item.statId,
+    line: item.line
+  }))
+})
+
+const lineDisplayText = computed(() => {
+  const currentLine = lineOptions.value.find(item => item.value === props.line)
+  return String(currentLine?.label || lineOptions.value[0]?.label || '')
+})
+
+const stationDisplayText = computed(() => {
+  const currentStation = stationOptions.value.find(item => item.value === props.station)
+  return String(currentStation?.label || stationOptions.value[0]?.label || '')
+})
+
+
+
+const lineTheme = computed(() => {
+  return METRO_LINES[Number(selectedLine.value)] || {
+    bg: '#ED6E00',
+    color: '#000000'
+  }
+})
+
+const themeStyle = computed(() => ({
+  '--metro-bg': lineTheme.value.bg,
+  '--metro-text': lineTheme.value.color,
+}))
+
+const getFilterItemStyle = (text, type) => {
+  const contentLength = Array.from(String(text || '')).length
+  const rules = {
+    line: {  padding: 18, charWidth: 20 },
+    station: {  padding: 18, charWidth: 20 },
+    month: {  padding: 44, charWidth: 12 }
+  }
+  const rule = rules[type]
+
+  return {
+    width: `${Math.max(rule.padding + contentLength * rule.charWidth)}px`
+  }
+}
+
+watch(stationOptions, options => {
+  if (!options.length) {
+    emit('update:station', '')
+    return
+  }
+
+  const hasCurrentStation = options.some(item => item.value === props.station)
+  if (!hasCurrentStation) {
+    emit('update:station', options[0].value)
+  }
+}, { immediate: true })
+</script>
+
+<style lang="scss" scoped>
+  .station-filter {
+    display: flex;
+    align-items: center;
+    gap: 26px;
+    height: 33px;
+  }
+
+  .filter-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    height: 33px;
+    width: max-content;
+    margin-right: 10px;
+
+
+    :deep(.el-select__wrapper) {
+      box-sizing: border-box;
+      border: 0;
+      border-radius: 6px;
+      box-shadow: none;
+      padding: 0 0 0 5px;
+      background: var(--metro-bg);
+    }
+
+    :deep(.el-input__wrapper) {
+      box-sizing: border-box;
+      border: 0;
+      box-shadow: none;
+      background: transparent !important;
+
+    }
+
+    :deep(.el-input__inner) {
+      font-size: 22px;
+      font-family: BlackOpsOne;
+      color: #c5dfff !important;
+      font-weight: 400;
+
+      text-shadow: 2px 2px 2px #0051ec !important;
+    }
+
+
+
+    :deep(.el-select__placeholder),
+    :deep(.el-select__selected-item) {
+      color: var(--metro-text);
+      display: block;
+      width: 100%;
+      text-align: center;
+      font-size: 20px;
+      font-weight: 500;
+      text-shadow: none;
+      overflow: visible;
+    }
+
+
+
+    :deep(.el-select__caret),
+    :deep(.el-input__suffix),
+    :deep(.el-input__prefix),
+    :deep(.el-input__suffix-inner),
+    :deep(.el-icon-circle-close) {
+      display: none !important;
+    }
+
+  }
+
+  .filter-arrow {
+    position: absolute;
+    top: 50%;
+    right: -20px;
+    width: 14px;
+    height: 9px;
+    background: url('/imgs/traffic/7-item.png') no-repeat center center;
+    background-size: 14px 9px;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/traffic/components/StationTimeFilter.vue b/src/views/traffic/components/StationTimeFilter.vue
new file mode 100644
index 0000000..a37edeb
--- /dev/null
+++ b/src/views/traffic/components/StationTimeFilter.vue
@@ -0,0 +1,232 @@
+<template>
+  <div class="station-time-filter" :style="themeStyle">
+    <div class="filter-item " :style="getFilterItemStyle(lineDisplayText, 'line')">
+      <el-select v-model="selectedLine" popper-class="traffic-filter-popper" :teleported="true">
+        <el-option v-for="item in lineOptions" :key="item.value" :label="item.label" :value="item.value" />
+      </el-select>
+      <span class="filter-arrow" aria-hidden="true"></span>
+    </div>
+
+    <div class="filter-item" :style="getFilterItemStyle(stationDisplayText, 'station')">
+      <el-select v-model="selectedStation" popper-class="traffic-filter-popper" :teleported="true">
+        <el-option v-for="item in stationOptions" :key="item.value" :label="item.label" :value="item.value" />
+      </el-select>
+      <span class="filter-arrow" aria-hidden="true"></span>
+    </div>
+
+    <div class="filter-item item-month" :style="getFilterItemStyle(monthDisplayText, 'month')">
+      <el-config-provider :locale="zhCn">
+        <el-date-picker v-model="selectedMonth" type="month" format="YYYY-M" value-format="YYYY-M"
+          popper-class="traffic-filter-popper traffic-month-popper" :clearable="false" :editable="false"
+          :teleported="true" :prefix-icon="Calendar" />
+      </el-config-provider>
+      <span class="filter-arrow" aria-hidden="true"></span>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, watch } from 'vue'
+import { Calendar } from '@element-plus/icons-vue'
+import dayjs from 'dayjs'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import metroMenuData from '@/utils/lineStationList.json'
+import { METRO_LINES } from '@/utils/const'
+
+import 'dayjs/locale/zh-cn'
+
+dayjs.locale('zh-cn')
+
+const props = defineProps({
+  line: {
+    type: String,
+    default: ''
+  },
+  station: {
+    type: String,
+    default: ''
+  },
+  month: {
+    type: String,
+    default: ''
+  }
+})
+
+const emit = defineEmits(['update:line', 'update:station', 'update:month'])
+const lineStationList = metroMenuData.lineStationList || []
+
+const selectedLine = computed({
+  get: () => props.line,
+  set: value => emit('update:line', value)
+})
+
+const selectedStation = computed({
+  get: () => props.station,
+  set: value => emit('update:station', value)
+})
+
+const selectedMonth = computed({
+  get: () => props.month,
+  set: value => emit('update:month', value)
+})
+
+const lineOptions = computed(() => {
+  return lineStationList.map(item => ({
+    label: item.nameCn,
+    value: item.lineId
+  }))
+})
+
+const stationOptions = computed(() => {
+  const currentLine = lineStationList.find(item => item.lineId === selectedLine.value)
+  const stationList = currentLine?.stationList || []
+
+  return stationList.map(item => ({
+    label: item.nameCn,
+    value: item.statId,
+    line: item.line
+  }))
+})
+
+const lineDisplayText = computed(() => {
+  const currentLine = lineOptions.value.find(item => item.value === props.line)
+  return String(currentLine?.label || lineOptions.value[0]?.label || '')
+})
+
+const stationDisplayText = computed(() => {
+  const currentStation = stationOptions.value.find(item => item.value === props.station)
+  return String(currentStation?.label || stationOptions.value[0]?.label || '')
+})
+
+const monthDisplayText = computed(() => String(props.month || ''))
+
+const lineTheme = computed(() => {
+  return METRO_LINES[Number(selectedLine.value)] || {
+    bg: '#ED6E00',
+    color: '#000000'
+  }
+})
+
+const themeStyle = computed(() => ({
+  '--metro-bg': lineTheme.value.bg,
+  '--metro-text': lineTheme.value.color,
+}))
+
+const getFilterItemStyle = (text, type) => {
+  const contentLength = Array.from(String(text || '')).length
+  const rules = {
+    line: {  padding: 18, charWidth: 20 },
+    station: {  padding: 18, charWidth: 20 },
+    month: {  padding: 44, charWidth: 12 }
+  }
+  const rule = rules[type]
+
+  return {
+    width: `${Math.max(rule.padding + contentLength * rule.charWidth)}px`
+  }
+}
+
+watch(stationOptions, options => {
+  if (!options.length) {
+    emit('update:station', '')
+    return
+  }
+
+  const hasCurrentStation = options.some(item => item.value === props.station)
+  if (!hasCurrentStation) {
+    emit('update:station', options[0].value)
+  }
+}, { immediate: true })
+</script>
+
+<style lang="scss" scoped>
+  .station-time-filter {
+    display: flex;
+    align-items: center;
+    gap: 26px;
+    height: 33px;
+  }
+
+  .filter-item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    height: 33px;
+    width: max-content;
+    margin-right: 10px;
+
+
+    :deep(.el-select__wrapper) {
+      box-sizing: border-box;
+      border: 0;
+      border-radius: 6px;
+      box-shadow: none;
+      padding: 0 0 0 5px;
+      background: var(--metro-bg);
+    }
+
+    :deep(.el-input__wrapper) {
+      box-sizing: border-box;
+      border: 0;
+      box-shadow: none;
+      background: transparent !important;
+
+    }
+
+    :deep(.el-input__inner) {
+      font-size: 22px;
+      font-family: BlackOpsOne;
+      color: #c5dfff !important;
+      font-weight: 400;
+
+      text-shadow: 2px 2px 2px #0051ec !important;
+    }
+
+
+
+    :deep(.el-select__placeholder),
+    :deep(.el-select__selected-item) {
+      color: var(--metro-text);
+      display: block;
+      width: 100%;
+      text-align: center;
+      font-size: 20px;
+      font-weight: 500;
+      text-shadow: none;
+      overflow: visible;
+    }
+
+
+
+    :deep(.el-select__caret),
+    :deep(.el-input__suffix),
+    :deep(.el-input__prefix),
+    :deep(.el-input__suffix-inner),
+    :deep(.el-icon-circle-close) {
+      display: none !important;
+    }
+
+  }
+
+  .item-month {
+    margin-right: 0;
+    margin-left: -10px;
+
+    .filter-arrow {
+      margin-right: 15px;
+    }
+  }
+
+  .filter-arrow {
+    position: absolute;
+    top: 50%;
+    right: -20px;
+    width: 14px;
+    height: 9px;
+    background: url('/imgs/traffic/7-item.png') no-repeat center center;
+    background-size: 14px 9px;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+</style>
\ No newline at end of file
diff --git a/src/views/traffic/components/Traffic4.vue b/src/views/traffic/components/Traffic4.vue
index fd2565d..a2457b2 100644
--- a/src/views/traffic/components/Traffic4.vue
+++ b/src/views/traffic/components/Traffic4.vue
@@ -1,5 +1,7 @@
 <template>
   <section class="traffic-4">
+    <StationFilter class="traffic-4__filter" v-model:line="selectedLine" v-model:station="selectedStation"
+      />
     <div class="chart-shell">
       <v-chart class="traffic-4__chart" :option="chartOption" autoresize />
     </div>
@@ -7,10 +9,18 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
+import { computed ,ref} from 'vue'
+import StationFilter from './StationFilter.vue'
 import VChart from 'vue-echarts'
 import * as echarts from 'echarts'
 
+
+
+const selectedLine = ref('3')
+const selectedStation = ref('0313')
+
+
+
 const hours = ['5', '7', '9', '11', '13', '15', '17', '19', '21', '23']
 
 const topActual = [800, 900, 2100, 4050, 1500, 1450, 1200, 2300, 900, 900]
@@ -19,6 +29,11 @@ const topCompare = [1400, 1800, 3400, 4500, 2950, 2600, 2800, 4300, 4300, 4850]
 const bottomActual = [4800, 4400, 3000, 1600, 3150, 3500, 3350, 1850, 1450, 1650]
 const bottomCompare = [5400, 5300, 4900, 2200, 4700, 5000, 3850, 4700, 5350, 5350 ]
 
+const pointGlowSymbol = 'image:///imgs/traffic/4-item.png'
+const pointGlowSymbol1 = 'image:///imgs/traffic/4-item1.png'
+const topPointGlow = hours.map((hour, index) => [hour, topActual[index]])
+const bottomPointGlow = hours.map((hour, index) => [hour, bottomActual[index]])
+
 
 const chartOption = computed(() => ({
   backgroundColor: 'transparent',
@@ -136,6 +151,36 @@ const chartOption = computed(() => ({
     }
   ],
   series: [
+    {
+      type: 'scatter',
+      xAxisIndex: 0,
+      yAxisIndex: 0,
+      data: topPointGlow,
+      symbol: pointGlowSymbol,
+      symbolSize: [47, 109],
+      symbolOffset: [4, 0],
+      symbolKeepAspect: true,
+      silent: true,
+      z: 4,
+      tooltip: {
+        show: false
+      }
+    },
+    {
+      type: 'scatter',
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+      data: bottomPointGlow,
+      symbol: pointGlowSymbol1,
+      symbolSize: [47, 109],
+      symbolOffset: [4,0],
+      symbolKeepAspect: true,
+      silent: true,
+      z: 4,
+      tooltip: {
+        show: false
+      }
+    },
     {
       name: '进出站',
       type: 'line',
@@ -251,27 +296,35 @@ const chartOption = computed(() => ({
 </script>
 
 <style lang="scss" scoped>
-.traffic-4 {
-  position: absolute;
-  left: 2948px;
-  top: 128px;
-  width: 892px;
-  height: 564.59px;
-  background: url('/imgs/traffic/4-bg.png') no-repeat center center;
-  background-size: cover;
-
-  .chart-shell {
+  .traffic-4 {
     position: absolute;
-    left: 56px;
-    right: 8px;
-    top: 66px;
-    bottom: 4px;
-    background: #041a4b;
-  }
+    left: 2948px;
+    top: 128px;
+    width: 892px;
+    height: 564.59px;
+    background: url('/imgs/traffic/4-bg.png') no-repeat center center;
+    background-size: cover;
 
-  &__chart {
-    width: 100%;
-    height: 100%;
+
+    
+    .traffic-4__filter {
+      position: absolute;
+      top: 12px;
+      right: 30px;
+      z-index: 2;
+    }
+
+    .chart-shell {
+      position: absolute;
+      left: 56px;
+      right: 8px;
+      top: 66px;
+      bottom: 4px;
+    }
+
+    &__chart {
+      width: 100%;
+      height: 100%;
+    }
   }
-}
 </style>
diff --git a/src/views/traffic/components/Traffic7.vue b/src/views/traffic/components/Traffic7.vue
index a335c46..1c3e0ab 100644
--- a/src/views/traffic/components/Traffic7.vue
+++ b/src/views/traffic/components/Traffic7.vue
@@ -1,7 +1,90 @@
 <template>
-  <section class="traffic-7"></section>
+  <section class="traffic-7">
+    <StationTimeFilter
+      class="traffic-7__filter"
+      v-model:line="selectedLine"
+      v-model:station="selectedStation"
+      v-model:month="selectedMonth"
+    />
+
+    <div class="activity-list">
+
+      <article v-for="activity in activityList" :key="activity.name" class="activity-card">
+        <div class="activity-status" :class="`activity-status--${activity.statusType}`">
+          {{ activity.status }}
+        </div>
+
+        <h3 class="activity-name">{{ activity.name }}</h3>
+
+        <div class="activity-meta">
+          <span class="activity-label">时间:</span>
+          <span>{{ activity.time }}</span>
+        </div>
+
+        <div v-if="activity.venue" class="activity-meta activity-meta--venue">
+          <span class="activity-label">举办场馆:</span>
+          <span>{{ activity.venue }}</span>
+        </div>
+      </article>
+    </div>
+  </section>
 </template>
 
+<script setup>
+import { ref } from 'vue'
+import StationTimeFilter from './StationTimeFilter.vue'
+
+const selectedLine = ref('7')
+const selectedStation = ref('0753')
+const selectedMonth = ref('2026-5')
+
+const activityList = [
+  {
+    name: 'CBE中国美容博览会',
+    time: '2026/05/12--2026/05/14',
+    venue: '新国际博览中心',
+    status: '进行中',
+    statusType: 'active'
+  },
+  {
+    name: '上海插画艺术节',
+    time: '2026/05/01--2026/05/03',
+    status: '已结束',
+    statusType: 'ended'
+  },
+  {
+    name: '中国国际自行车展览会/中国国际电动车及零配件展览会/中国国际摩托车及零配件展览会/上海国际户外骑行装备展览会',
+    time: '2026/05/05--2026/05/08',
+    status: '已结束',
+    statusType: 'ended'
+  },
+  {
+    name: 'SIAL 西雅国际食品展览会（上海）',
+    time: '2026/05/18--2026/05/20',
+    status: '未开始',
+    statusType: 'pending'
+  },
+  {
+    name: '亚洲国际有机产品博览会',
+    time: '2026/05/18--2026/05/20',
+    status: '未开始',
+    statusType: 'pending'
+  },
+  {
+    name: '上海网络安全博览会暨高峰论坛',
+    time: '2026/05/26--2026/05/28',
+    status: '未开始',
+    statusType: 'pending'
+  },
+  {
+    name: '中国国际厨房、卫浴设施展览会',
+    time: '2026/05/26--2026/05/29',
+    status: '未开始',
+    statusType: 'pending'
+  }
+]
+</script>
+
 <style lang="scss" scoped>
   .traffic-7 {
     position: absolute;
@@ -11,5 +94,130 @@
     height: 880px;
     background: url('/imgs/traffic/7-bg.png') no-repeat center center;
     background-size: cover;
+
+    .traffic-7__filter {
+      position: absolute;
+      top: 12px;
+      right: 30px;
+      z-index: 2;
+    }
+
+    .activity-list {
+      position: absolute;
+      top: 75px;
+      right: 12px;
+      bottom: 20px;
+      left: 20px;
+      display: flex;
+      flex-direction: column;
+      gap: 15px;
+      overflow-x: hidden;
+      overflow-y: scroll;
+      padding-right: 6px;
+
+    }
+
+    .activity-card {
+      position: relative;
+      min-height: 89px;
+      box-sizing: border-box;
+      padding: 12px 104px 10px 31px;
+      overflow: hidden;
+      border-radius: 5px;
+      letter-spacing: 0.03em;
+      flex-shrink: 0;
+      background: rgba(44, 121, 236, 0.35);
+    }
+
+    .activity-empty {
+      height: 100%;
+
+      :deep(.el-empty__description p) {
+        color: rgba(220, 236, 255, 0.78);
+        font-size: 18px;
+        font-weight: 700;
+      }
+    }
+
+    .activity-name {
+      margin: 0;
+      color: #FFFFFF;
+      font-size: 22px;
+      font-weight: 500;
+      line-height: 32px;
+      letter-spacing: 0.03em;
+    }
+
+    .activity-meta {
+      display: flex;
+      align-items: center;
+      // gap: 37px;
+      margin-top: 7px;
+      color: rgba(255, 255, 255, 0.8);
+
+      font-size: 20px;
+      font-weight: 400;
+      line-height: 28px;
+
+      white-space: nowrap;
+      &--venue {
+        margin-top: 7px;
+      }
+    }
+
+    .activity-label {
+      color: rgba(228, 243, 255, 0.74);
+      flex-shrink: 0;
+      width: 94px;
+    }
+
+    .activity-status {
+      position: absolute;
+      top: 0;
+      right: 0;
+      z-index: 1;
+      width: 91px;
+      height: 35px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      font-weight: 500;
+      line-height: 1;
+      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
+
+      &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: -20px;
+        width: 0;
+        height: 0;
+        border-top: 35px solid var(--status-bg-start);
+        border-left: 20px solid transparent;
+      }
+
+      &--active {
+        --status-bg-start: #078b66;
+        --status-bg-end: #08b279;
+        color: #02FF5F;
+        background: linear-gradient(90deg, var(--status-bg-start) 0%, var(--status-bg-end) 100%);
+      }
+
+      &--ended {
+        --status-bg-start: #9b7f7f;
+        --status-bg-end: #bba1a1;
+        color: #cfcfcf;
+        background: linear-gradient(90deg, var(--status-bg-start) 0%, var(--status-bg-end) 100%);
+      }
+
+      &--pending {
+        --status-bg-start: #546174;
+        --status-bg-end: #6f7c91;
+        color: #f0f0f0;
+        background: linear-gradient(90deg, var(--status-bg-start) 0%, var(--status-bg-end) 100%);
+      }
+    }
+
   }
 </style>