diff --git a/.env.production b/.env.production
index 7196be4..b193b5a 100644
--- a/.env.production
+++ b/.env.production
@@ -1,2 +1,2 @@
-# 生产环境配置
-VITE_API_BASE_URL=http://10.104.10.151:8888
+# 生产环境配置 目前是配置代理的方式
+VITE_API_BASE_URL=/juntech-ysdp
diff --git a/src/components/Pyramid3D/index.vue b/src/components/Pyramid3D/index.vue
index 33c09f4..1886a69 100644
--- a/src/components/Pyramid3D/index.vue
+++ b/src/components/Pyramid3D/index.vue
@@ -15,7 +15,7 @@ const props = defineProps({
   // 光晕图片路径
   glowImage: {
     type: String,
-    default: '/imgs/guangyun.png'
+    default: './imgs/guangyun.png'
   },
   // 是否显示虚线光圈
   showRing: {
diff --git a/src/utils/service.js b/src/utils/service.js
index 3bc572e..08b6c60 100644
--- a/src/utils/service.js
+++ b/src/utils/service.js
@@ -188,6 +188,14 @@ var server = {
     return ysdpPost('/api/traffic/getStationsByLine/v1', { lineId })
   },
 
+  getBigActivityList({ metroLine, metroStation, activityMonth }) {
+    return ysdpPost('/api/traffic/getBigActivityList/v1', {
+      metroLine,
+      metroStation,
+      activityMonth
+    })
+  },
+
   cleanTrafficCache() {
     return ysdpPost('/api/traffic/cleanCache')
   },
diff --git a/src/utils/traffic.js b/src/utils/traffic.js
index 548282d..2f04e8e 100644
--- a/src/utils/traffic.js
+++ b/src/utils/traffic.js
@@ -47,6 +47,39 @@ export function toWanRen(value) {
   return (num / 10000).toFixed(2)
 }
 
+const ACTIVITY_STATUS_TYPE_MAP = {
+  进行中: 'active',
+  已结束: 'ended',
+  未开始: 'pending'
+}
+
+/** 活动月份格式化为 YYYY-MM */
+export function formatActivityMonth(month) {
+  if (!month) return ''
+  const [year, monthValue] = String(month).split('-')
+  if (!year || !monthValue) return ''
+  return `${year}-${String(monthValue).padStart(2, '0')}`
+}
+
+/** 将重大活动清单接口数据映射为 Traffic7 所需结构 */
+export function processBigActivityList(data) {
+  if (!Array.isArray(data)) return []
+
+  return data.map(item => {
+    const startDate = item.startDate ? item.startDate.replace(/-/g, '/') : ''
+    const endDate = item.endDate ? item.endDate.replace(/-/g, '/') : ''
+
+    return {
+      id: item.id,
+      name: item.activityName || '',
+      time: startDate && endDate ? `${startDate}--${endDate}` : startDate || endDate,
+      venue: item.venue || '',
+      status: item.status || '',
+      statusType: ACTIVITY_STATUS_TYPE_MAP[item.status] || 'pending'
+    }
+  })
+}
+
 /** 将站点排名接口数据映射为 TrafficRankRow 所需结构 */
 export function mapStationRankList(data, type = '进出站') {
   if (!Array.isArray(data) || !data.length) return []
diff --git a/src/utils/ysdpRequest.js b/src/utils/ysdpRequest.js
index 4c0c313..e3e42a4 100644
--- a/src/utils/ysdpRequest.js
+++ b/src/utils/ysdpRequest.js
@@ -1,7 +1,8 @@
 import axios from 'axios'
 
+// 开发环境留空时默认 /juntech-ysdp（走 vite proxy）；生产环境 VITE_API_BASE_URL 已含此前缀，不再重复拼接
 const ysdpRequest = axios.create({
-  baseURL: `${import.meta.env.VITE_API_BASE_URL || ''}/juntech-ysdp`,
+  baseURL: import.meta.env.VITE_API_BASE_URL || '/juntech-ysdp',
   timeout: 30000
 })
 
diff --git a/src/views/home/components/ModuleOne.vue b/src/views/home/components/ModuleOne.vue
index b0d2fbf..971988f 100644
--- a/src/views/home/components/ModuleOne.vue
+++ b/src/views/home/components/ModuleOne.vue
@@ -3,12 +3,12 @@
     <!-- <div class="module-title">模块一</div> -->
     <div class="module-body">
       <div class="pyramid-3d-wrapper">
-        <Pyramid3D :show-glow="true" :show-ring="true" glow-image="/imgs/guangyun.png" color="#00d4ff" :scale="1.77"
+       <Pyramid3D :show-glow="true" :show-ring="true" glow-image="./imgs/guangyun.png" color="#00d4ff" :scale="1.77"
           :rotation-speed="0.2" :auto-rotate="true" :width="252" :height="166" @loaded="onPyramidLoaded"
           @error="onPyramidError" />
       </div>
       <div class="pyramid-3d-wrapper2">
-        <Pyramid3D :show-glow="true" :show-ring="true" glow-image="/imgs/guangyun.png" color="#00d4ff" :scale="1.77"
+       <Pyramid3D :show-glow="true" :show-ring="true" glow-image="./imgs/guangyun.png" color="#00d4ff" :scale="1.77"
           :rotation-speed="0.2" :auto-rotate="true" :width="252" :height="166" @loaded="onPyramidLoaded"
           @error="onPyramidError" />
       </div>
diff --git a/src/views/traffic/assets/4-item.base64.js b/src/views/traffic/assets/4-item.base64.js
new file mode 100644
index 0000000..c6fd03e
--- /dev/null
+++ b/src/views/traffic/assets/4-item.base64.js
@@ -0,0 +1,2 @@
+export const pointGlowSymbolBase64 =
+  'data:image/png;base64,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'
diff --git a/src/views/traffic/assets/4-item1.base64.js b/src/views/traffic/assets/4-item1.base64.js
new file mode 100644
index 0000000..c23c232
--- /dev/null
+++ b/src/views/traffic/assets/4-item1.base64.js
@@ -0,0 +1,2 @@
+export const pointGlowSymbol1Base64 =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABtCAYAAAAxtzjLAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAABXKSURBVHicvZzbbiRHdq6/FRGZWQcemmxTfcBoY/swfSHO3Vwb0I0fQXodtV7CD+F5A8OAB77XxYZNwdAY8KGNbvVwmhTJOmZmRPgiIjKjsqpItlrbCyBIZmVGrVjxr3/9KyorhcebdH954NvXwsVFOHZ+KXCm+lMvHV+ceX4X/z0/93zz2mcjpFE+yfRHOe4BeS387Zniy0tBLoX2V4pDpWCquGkUn6F464WjZzB+A58thIs5fP81fPml8I+/h2+zMT/BHhqgf/316/D3xYVwfim8fSW8vBY+zARzoDg+Ec5MiP760nI79TB3vD3xvPzBc3EWIn1+7nn9Oo/6z14Bdc9rmzC5uJDO8RevhOpNiPZTo3k5UoxbTV0a6tJwe6ahVNygqSoFZ4qTE8X5ZRjj9WvJXP7ZK7Dvws2IX1wIXwHfR2yfPhf+/ccQba4VPFdUraaYaEZPPbOblsM7y+LOo1euW4UXJ5532Sr83e/cp+TBfZHvHT+/FP7hRG04/nKkODOK0+j44ROFOzS0E0M51ty1Glco7EjBh7BK//JG8eJVGO+rmPSfkLa7Ela2HOdLOPyv3nE9UsihMNKK+VRzOFboSuOODEdHwnLqsGtgHYarShgvQZ/Af74VJifC5SUbifz73/OxEBpGvmeVznGAixC5NkLl4FBAK6xWeFG4Q8XqWKOU5ifRGKU5PFJUE8Eb1a3A0Vx4+iwkOWd9DrABmEdPIHe+H+TrrxRfxaMvXgmnz4WjuXB7ImAU6PDjnyjKSnBeMfKKRmuUaLxT3BJerybCeCpbEzidSQehiwsZQOhRE8hhI13xuYwc/uKV8C9vFFII6zsFrWKsBeMV+lAxmSiUVjg0tdGUyuBLwSiLv/aMSs/CQlvASuBJAbUTxkv46QRmt/D2V/CXb3oIBfg8yszGTL/NcP72lcB1iNLRXLBPBFeEKFot+JGwqgU/FZwTKi14ryidZ90ITGE1F6qRIHH82aWwPATGws01/PlzgR+BLz1c0K28dD7dm85qAy65vbwWmIZltiPF/FBYroUrrViNhNVaKEuhqIUJYIygtdC2gmnC8cODMNZqJazGYeLjlTBdCscnIflPZwIXagM+Hxn5zahzFga9mhJwfi2MixDl6glUFTgPDmAKxgmrRqgqARWO14Wg6jDBUeVZr2GxFlZTGM8V06XjCM/VM4G558Ur4Ytrz+8uBI9/TPRVF/VUiN6+CpddRbhMl8LZGSynAicxkusAGQ6groXGCMYIa69otdBoYZq9y2odxly9FE6fAn8G81UggKN5IIR31xKK4OP5XwOCZEn66qlQPlH8eK2QE6GZKfwzwZSKaiysVsFRjzBSCt8oVKWw1qDLAuWBdYtdOZrSY1eBCtYrODCwWoafsUC1BtV6fvLw4Rr+8i+CmNtM3r0wUt0Mk2Z5dy1c3QmfA9OlMD4UlpN+gOPjEMmEZybQNAHvqhWUEhiH4wcHdOcdH8dVGMfoA/ND2aDPd9cfWaRyXf7uOvDv0VyYngjzlcCfwWgZEi5B4OgQ1rWwroW6Do5TgY6MY3Q4nqwss8kDi6WwjMkLMa+ADwPuf4D3NWdnoSD9v18pDlfC8kRRNcIKxZMT4eaJwrTCtOgho3WAjUeolMIbhREDlCgPtWs40ZZF43EJNjWsV2AM2BZMIcjEsxCYznv5MLsFFp7L6YO8HxL2+8ugzU+fCzexks4PhdlKOM3O7pY+RXUKpgn02EbIKBVeq00frXR+Dp1kZ58Bz+B21R97ZPQ3tU2OdQissMggk+zwANZF4HImES6FQinBKsG0AsvN83OLc2A5EWaLOPYLuJkH2ObYv4f3VZeop7MMf89gfNAn6nEqNLEwASR/GiMoVdBygPcKn+gyFqp1Ec4vy3D9KkX4JOQSwHwhTI9C4K6eSRf9ryKF76HNEPl317LB6/MYjTT40NYRBnUTfi91SV1MsFZQVoIUHrMxyS7qCTpxEsulMD7YTNwUyMT7vW38r7qiBBF3MerJEmSGeF9nbDJSLSO7xJgAHR0jnya3rqXPkzSJ9EeizUUI3NE8BPIR0FEhUWc97pLlkCGrkrkZI+hGUG3LhMUGbEYErs8nuVoPoJOvbkzc3HYnbuY8AymQIJOzTHqzspQuWZnChFCgANbRcaWEKh43aZWKcN3R4ea750QwXmxDZ3fR6o4NOqlnkbpiIUlapnuzuk/WIkV0FNimhBD1VoeiNQqTKwrZi/ucddgBndx2QEeFliyb8WzRs0yK+PFxf0UOg7oIRasRjVUlZRmUZdsGuqwL2bgux30OnbTKZ3ugk7q6AXQUvybwaw6ZLkIDikx8va6DY42RDjYA1mrqCB1GPeOkCR8e9JTZ2Ulc5Rg4BnKByDpJwgST4PzVs8CvPItJs4ciVxl+CbkYzgWM85Tigq7xCmtDIneMM+2v6wIzpMwd0BmKtQF0AuZTaR5nkR9SZLKDiGNjgnpsTZAE3iu07pM20E1gpKIOuL+XMnN7tuvglsWE3UGRuXUsk79xlAW6FbRNusagtQpyYaVoGulWKJ/9VrXNVjsRxlDr7Ki2aosik+3j96661qFjooI2Rr7UBSKatu0lckradZQKA7YM75FRZq51uL/abm/37eL3zvEikwWTXlEmHW8tET7hOISkNbEuDG0IyXzVE+6J8iXZtznPDyXBLn5PlvA+mUATV0DrXAprQHcSwfsAnbr+ONznKEh8//YuHnvdvaQ28J5syO+r2DUlM7Wg68AoVQVKCSIarwxGdBf9EaAz3Hdj7MH9hg2T9rcM+X4TNkM9s88SjlMTUtcKEUGjcc50DUlrAuvURYb9PbgnS9pOZa56vv9tPCfje7UzWZPlxWldxJ61CRTZNCGyzqku8lBgTICNc6pTl42RLakwhM6w4YE+aX8d/x0k7f79+V3L2eG9EcZAo4MIS2pSxOCcwdcKbQONGhPONZmzOQSHSTu0XUnbO59ha1/zQdZUJCcWXqHbsPtbKUFrhaJAKYOqYgInumwCbOpGNqTCLhtWWrKkTRYrbYj8Q83HUIzpRhhFNWmtoCoBq8GVKF90Cet92HkwOkBtEjM3bw2TPZRnO+z+j3Vy6/AOGB1UY6uFUSxQXhnQJZ4C7RXOK1QbClnTSldthxL5Yxino8vHOt81H4TINSY4k/g9NSGFUmhKDDHyI0GrKB90wH09wP0wadkB3Vxh/jbSZZQJvfP7NE1upg5O6BhN7xUjJdBqlDMII9AlWitowgdqqTGptVAf7c8php3Vwf3nAupeDZ8sVVayHYMUeecVtihp1AHKj9G+CgXLRMaJIs3E6+piM4d4BOPkltHl4zEPUcSP+g8StBaMUYjViBgUYxQlBo3xqttNGFWbQyTbxzi77NfbdHm/81tM0/SdU9MKbh3wXnpP6RxKJhhVYAqNNuE15xWNDitkBk05e3Ylcpvtp+/HRT6vrAnzWoUfRFOVikIVGBlTuBLfFkiMvo4iLTUnTHoIwvaOAoP8e/asL1R7nT/d9XJm+XI3WlARMsYrPAX4isJVGAqUKhBn0CZEXrdBSiQpzY6dNB5Ql/zV5mvfvs70/K4N1aH3TSPouPvbqrC1p7VCnMEwosLoypdoKVHO0Iru5HLbZtEf2EPQIW4CD2w3bHZl/yRuBjRN3/o5o4J+1wUi4y+mVn9R+gqtKgpl0F6hYmPSaOkYZ+cE9hWq/fYw5rvuabDJ1DUgVqN8gebgLw6tPKtcRcEYp4vQkDtFWfVBHxaqTzB1bzF4iMq8D5+AGwoKNfmbYzisZIRiSiEmFC/bR/4Xto/k+cxaG5wJWx0FJePfTE85HU1KtByAN4gSKAislJkpfv5EMn3z8c6PACooCxAlFCIo9LT05f+pPuevp6caIyNU2ni1v3jEk/38yA/sMyXqQB3xojwGxIS2UO3/KPgT8c4v4nwbfv3J4Wbulv9aX4GzLfaB66ryk29N/HjnV4Q7mOoGtPNo73HYu5r6v9dv+KfFlcWxRKkW5z1ae4z5ZEd/GeeTGe3xzmPF4VzD2q3+eX7F3WpdY5njWosTh3PhM9jc2ubnT+blYXetYjnbP9Dd7P6BnPa03uJpcGr29zdwt/YrHHOcNIg4mgaM8RT2F4/+w5GvYpTKhNEVWONxLvwo67C6pnHzf7vV/o9r1jQs8a5lZR1SOep1hFs+zqfj3uw8enMD1UCHLOLNepPCY6yn0Z6qdVBafNNi9epfl9oW4tfg1jSqRTmHswHzbu2pC7/nHWE0+uiJ9JGfjD2j5T0DLKAoPKs4CeM8TntW1uFMg/NL1jRN62tsW+Nci/e2WyFjfB/+oePVw46fHm6d0zt/9cDFi/i7aD2swVlPqxzGWNrW4qipVU1Ng5MG71pU61DisCZMuix8N9CudLoZ/D+dZA7/2+Zr37z2j2ObqvThjeP9BNb48LPy2NbhVYv1Na1f0qoaRYM3llYc1nmszaK+gCZjm9u77fcbL/rX378n3M67bfc7Pyr9RlKVhactAnMUzqMqh4gDb3E0OL+goaH1FtuG15wN5ytxtIWnjeMlIngIMgfjB+4xe7QtAtu0bYimtZ5WHK11iDQ4lrTUtG2Iets6lHKs1ptDJHuIinP7A/DiZGMiahNXEXejkd+IyIx+qcsi/LY2UmXrsNZhW4uTJcgatEVah9VhgjIKUQcoG79FkTdDsN9jX5xlRSpZjrNkdb15rC09y+h4YTwijpXzYCyYBs8KbI21DgqLalyH99J6ytv7IZKzXVc83+09/WHY3M16fC4WgW0K47vIVxKw3TiHp8YRKqtdeYyLiW3DpIcFarSjSK0GGD+K/P/0wPPdd/C7+O2HcAfn+wf9794sQaa1ntaEYrVyYQXEtTjbO6+yZC2Mpyg8iwi/HOqjyu8vUAPfXh4OMH809hv6Ji1dwuEW4zQeW3hWqwAfbUP1RFtQNSINVhwmYd14WhtodhGzNa1kDsuPgH3vfA6p4ZLllqKVqG4Si48Sx9p5rHU4GlrX4taepQu34FobVqxswu8UiH1Mk3JvOvHMoz+n7zf9+iZ8YUZxdO23GIc9WqNpfMB9ETBcWB++nBBx732LV23AvA54b9twbrtHkD3ENKlADWgyOP+GgK2DXROoPHXtu6TtcP8hOL4ClAqa3XsLNLStZa09YxWYpig8RbuN92Gy7tRVERZ/iP9mNBmcP56G5bn8Y79kD+EvJa5pQ9KWpcN7j8WGDsqFFTFtpMgmwIaI9x2KADLYphzcYJp4zvl5xvMf3u+HzL6kbcuQtLYITqbIi2tpvQ2wiStjI8uQw2UWkvVjmIZIk/Q3agWev8lwPxl7uN493gxoyh73rMDYvjEBiybIYGMDhRaFpyw9TRkgs4vf71OTKVk7msw/vn96kFW1id+Qxikq9ajHPXM6hVmYvmCJOFof+lZtQ7KGQWPPOt8OxjBZ8yo/H/udyfoNGWzenviA+1sPf9yOxqjycLv9xmUT+XsdGhMRB9jQgJhwvLAZ1ku/F+95snbEEZP1KgZ3kKyAV7z8wW/gfpfGYQc7LGLiGuOx2ne4t9Z1YizHe2d78J6S9TIG8Ch77d0PPpcFyfZrm2GlJUWv3GzIbeu7yFsbNbzrm4+2/Ti8w45k3W2KizPP0wO/kbR5pU3RSR3PLCtWyVzcTRBxtOLQOjBRUcS6MO8lQef0zeb4w8p6Ow2I2MD7xldRUZyfhxOOp35rxjnuR5XvSnoqVm3rKa3vGEdrS5lHftmfT5QECTKdXUeGy/B+dN3zOxHvGb+nO24UvIbvvgP+I2T4cua7KOzk+yyCZRPUZZIIde1Zr0MetKZPVnZAJsd7YrjLP25DJuGd7dv/Fd/geXno+TAQZfv4vor4baIjq8j1xAkYY7sGZJcEzoORVnYXZPaIsU3nBTrc5yJtyPdDncM8ONcWgdMb6ZN1TShiebN9N9veKdjonAaQuTrwu8RYflPuJtvcZrh/jM5p25CYrEHHQiVRy68IfJrLipQ7uyiSPZC5iHjfsZsfnE9JCz3uh9HJcc9A1qa9yzZGPqnJJODupcgP4dcQMvewzKbzKWlP33t4x07KzK3j+qQuTdiHL6JIg55p9uG9o8gsWDlk2F1Vh877Lmn/ANyMAnRy1rkZ4D53qmj7ZtxHRWliz9pk7LRVVa/74EwnQZ68yYTYnqq6I/Jxlk8PfKfvAfjT7g3YlLRNGfYeUz/rXJAKbes3dpeGLV/OMrmWOZ76rUTdA5neeSFo5bcnHv4jLN/0znMw2lSZQ9wzD2xjTPhZuSAViCyUlGQ6v7s+C0bi9qGW2U7UHVSZ7Pzcw3d0fH809lxesgWdoaUAWxP2cJa23+bItdAWyyw8/Ammd4+WA/udJwr+pwdhoPm1ZzoKb7DKoDOqPLd3vWNlGXeB405BJS7Ihoxdhlsck7FnPPcsR9ty4JFR33T+m9eeL848b088p4cheeZjz/LOb8jkmxs2dE760MFaHwRaakIWIanTeTlkrhI9Zk+kGEb9EZacDxclDXH1Y0jcoxj9g5lntfCsl5tL31SeJqPLtHOc9mqqpuf30cj3UY9B6fZl4ornUe8hs3dCm58QnZ97+L2HM+H0vefqGVB65pfC+NDj1+Fup1Hlcd7jZkI5CVsbKwlJK+JRhWdu+zs90nfAR289VxWM5zAdefR1bPV+DFE/wXMRUfCIz8d72Ei86OLMw6XrCkWK/nLkWc09Nz8FCHQ6ZR56VGMk9K5RpKWt7Lr23NxErFcB66pxzMeP4fWPSNjc3p6EJ6PcTgMup3eeceU5tY7Rqi9YTRmYxVpLE7c8UveU8D4ahYRfxiSdj0Pz8+fPY5DO3Q64fETkk52fh+i//CEs5Yf3kX1+Cjhdzj3rhWe98p2+L9t+B0HEUUTVOSrDeetlyJmDUagfR9chp65+DARB9m3jR0adgbyX7pL0rI/v43dl11V4SMnwWR9HTxQOhSk0lTfMjsuwS7ZYs5y1jCqL/OTQ1rGMcEnscvreU33utpL0Zzq/PYHuKStnqnv6RD6BY61YjjUHhwrrDaILbOHRq5rFrGW8tKwXHmndhuMf3gd24dL9XMfZARvfTSHBB4BzB3OHee64ufbM7jzYEFHxDnXnGDUW11rK1tI2FvHu0Y7zcXBJtu9pWuFhOV9/HR6g8Nn3wttfgfkTvHwOVz/BUydUBZg2fLepKGCthOXCUc4s7tZ1js9/8qyPg+O/+dwxexMKokTHXz/M6budfOj4vmc6tT8qpifCu+EznUrP7EPLofn//kyn+0rB5kJ+/VXsurLn3jx9JvBBMX0Svn5RHoWVvKlbaAPE2ueOp5FVXv785Nxl930a2A+YciDlwbsfPOvPQx58+L+WtyvH0ljKuuWmbjm6tFA7jrGs1w4uHdfXPcZff7rjPBD57fN89iiZBKP0MDYuFUdn4bx/nzl+E2mQuDuREvMXiPjHOs8WjIbP7usmwf/as/v+B86Alf9l0WsVAAAAAElFTkSuQmCC'
diff --git a/src/views/traffic/components/Traffic3.vue b/src/views/traffic/components/Traffic3.vue
index cfee693..e13e649 100644
--- a/src/views/traffic/components/Traffic3.vue
+++ b/src/views/traffic/components/Traffic3.vue
@@ -37,9 +37,10 @@ import 'odometer/themes/odometer-theme-default.css'
 import { METRO_LINES } from '@/utils/const'
 import server from '@/utils/service'
 import { processYunyingInfo } from '@/utils/yunying'
+import { pointGlowSymbolBase64 } from '../assets/4-item.base64.js'
 
 const hours = ['5', '7', '9', '11', '13', '15', '17', '19', '21', '23']
-const pointGlowSymbol = 'image:///imgs/traffic/4-item.png'
+const pointGlowSymbol = `image://${pointGlowSymbolBase64}`
 
 const lineCards = ref([])
 const compareDate = ref('')
diff --git a/src/views/traffic/components/Traffic4.vue b/src/views/traffic/components/Traffic4.vue
index e41efc1..ffa3836 100644
--- a/src/views/traffic/components/Traffic4.vue
+++ b/src/views/traffic/components/Traffic4.vue
@@ -14,13 +14,15 @@ import VChart from 'vue-echarts'
 import * as echarts from 'echarts'
 import server from '@/utils/service'
 import { processStationPassengerFlow, calcChartYAxisMax } from '@/utils/traffic'
+import { pointGlowSymbolBase64 } from '../assets/4-item.base64.js'
+import { pointGlowSymbol1Base64 } from '../assets/4-item1.base64.js'
 
 const selectedLine = ref('3')
 const selectedStation = ref('0313')
 
 const hours = ['5', '7', '9', '11', '13', '15', '17', '19', '21', '23']
-const pointGlowSymbol = 'image:///imgs/traffic/4-item.png'
-const pointGlowSymbol1 = 'image:///imgs/traffic/4-item1.png'
+const pointGlowSymbol = `image://${pointGlowSymbolBase64}`
+const pointGlowSymbol1 = `image://${pointGlowSymbol1Base64}`
 
 const topActual = ref([])
 const topCompare = ref([])
diff --git a/src/views/traffic/components/Traffic7.vue b/src/views/traffic/components/Traffic7.vue
index 1c3e0ab..1c77f4a 100644
--- a/src/views/traffic/components/Traffic7.vue
+++ b/src/views/traffic/components/Traffic7.vue
@@ -1,223 +1,226 @@
-<template>
-  <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;
-    left: 2948px;
-    top: 707px;
-    width: 892px;
-    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>
+<template>

+  <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.id" 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 { onMounted, ref, watch } from 'vue'

+import dayjs from 'dayjs'

+import StationTimeFilter from './StationTimeFilter.vue'

+import server from '@/utils/service'

+import { formatActivityMonth, processBigActivityList } from '@/utils/traffic'

+

+const selectedLine = ref('7')

+const selectedStation = ref('0753')

+const selectedMonth = ref(dayjs().format('YYYY-M'))

+const activityList = ref([])

+const lineApiIdMap = ref({})

+

+const loadLineApiIdMap = async () => {

+  try {

+    const response = await server.getLineList()

+    if (response.data.success && response.data.data?.length) {

+      lineApiIdMap.value = Object.fromEntries(

+        response.data.data.map(item => [String(item.lineId), String(item.id)])

+      )

+    }

+  } catch (error) {

+    console.error('获取线路列表失败:', error)

+  }

+}

+

+const fetchActivityList = async () => {

+  const metroLine = lineApiIdMap.value[selectedLine.value]

+  if (!metroLine || !selectedStation.value || !selectedMonth.value) {

+    activityList.value = []

+    return

+  }

+

+  try {

+    const response = await server.getBigActivityList({

+      metroLine,

+      metroStation: selectedStation.value,

+      activityMonth: formatActivityMonth(selectedMonth.value)

+    })

+

+    if (response.data.success) {

+      activityList.value = processBigActivityList(response.data.data)

+    } else {

+      activityList.value = []

+    }

+  } catch (error) {

+    console.error('获取重大活动清单失败:', error)

+    activityList.value = []

+  }

+}

+

+watch([selectedLine, selectedStation, selectedMonth], fetchActivityList)

+

+onMounted(async () => {

+  await loadLineApiIdMap()

+  await fetchActivityList()

+})

+</script>

+

+<style lang="scss" scoped>

+  .traffic-7 {

+    position: absolute;

+    left: 2948px;

+    top: 707px;

+    width: 892px;

+    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>

diff --git a/src/views/traffic/components/Traffic8.vue b/src/views/traffic/components/Traffic8.vue
index 54d9f44..aa5d837 100644
--- a/src/views/traffic/components/Traffic8.vue
+++ b/src/views/traffic/components/Traffic8.vue
@@ -58,8 +58,7 @@ const rankingList = [
   { rank: 1, lineId: 3, count: 20 },
   { rank: 2, lineId: 4, count: 2 },
   { rank: 3, lineId: 7, count: 11 },
-  { rank: 4, lineId: 41, count: 11 },
-  { rank: 5, lineId: 51, count: 11 }
+  { rank: 4, lineId: 11, count: 11 }
 ]
 
 const getLineTheme = lineId => {