对接 Traffic7 重大活动接口，修复图表 symbol 图片加载与生产环境 API 配置。

Co-authored-by: Cursor <cursoragent@cursor.com>

.env.production

@@ -1,2 +1,2 @@
-# 生产环境配置
-VITE_API_BASE_URL=http://10.104.10.151:8888
+# 生产环境配置 目前是配置代理的方式
+VITE_API_BASE_URL=/juntech-ysdp

src/components/Pyramid3D/index.vue

@@ -15,7 +15,7 @@ const props = defineProps({
   // 光晕图片路径
   glowImage: {
     type: String,
-    default: '/imgs/guangyun.png'
+    default: './imgs/guangyun.png'
   },
   // 是否显示虚线光圈
   showRing: {

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')
   },

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 []

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
 })
 

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>

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('')

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([])

src/views/traffic/components/Traffic7.vue

@@ -8,8 +8,7 @@
     />
 
     <div class="activity-list">
-
-      <article v-for="activity in activityList" :key="activity.name" class="activity-card">
+      <article v-for="activity in activityList" :key="activity.id" class="activity-card">
         <div class="activity-status" :class="`activity-status--${activity.statusType}`">
           {{ activity.status }}
         </div>
@@ -31,58 +30,62 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+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('2026-5')
+const selectedMonth = ref(dayjs().format('YYYY-M'))
+const activityList = ref([])
+const lineApiIdMap = ref({})
 
-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'
+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>

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 => {