Sfoglia il codice sorgente

✨ feat(supply-chain): 实现供应链基地图片动态展示功能

- 将模态框图片源从静态测试URL改为使用context中的imageUrls数据
- 更新所有基地数据的imageUrls为实际项目图片路径
- 为果蔬基地4和果蔬产业链添加缺失的imageUrls属性
- 添加调试日志以便跟踪popupData数据结构

♻️ refactor(supply-chain): 优化图片路径配置方式

- 统一使用项目内部图片路径替代外部占位符图片
- 简化模态框图片数据获取逻辑,直接使用popupData中的imageUrls
- 为imageUrls添加空数组默认值,避免undefined问题
yourname 2 mesi fa
parent
commit
3164f51ddb

+ 3 - 6
src/client/home/pages/SupplyChainDashboards/SupplyChainDashboard.tsx

@@ -74,16 +74,13 @@ const DashboardContent: React.FC = () => {
     const popupData = popupDataList.find(popup => popup.id === popupId);
 
     if (popupData) {
-      // 显示完整SupplyChainModal
+      // 显示完整SupplyChainModal,使用context中的imageUrls数据
       setModalState({
         isOpen: true,
         title: popupData.title,
-        imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=基地图片1",
-          "https://placehold.co/960x640/FFF586/000000?text=基地图片2",
-          "https://placehold.co/960x640/FF6B6B/FFFFFF?text=基地图片3"
-        ] // 测试多图模式,后续可以根据数据动态设置
+        imageUrls: popupData.imageUrls || [] // 使用context中定义的图片路径
       });
+      console.debug('popupData', popupData)
 
       // 关闭小弹出框
       setPopupState(prev => ({ ...prev, isVisible: false }));

+ 30 - 25
src/client/home/pages/SupplyChainDashboards/context/SupplyChainContext.tsx

@@ -451,9 +451,8 @@ const seedFruitData: SupplyChainData = {
         content: '江汉水稻育种核心示范基地',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=水稻育种基地1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=水稻育种基地2",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=水稻育种基地3"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '育种面积:', value: '2.5', unit: '万亩' },
@@ -467,8 +466,8 @@ const seedFruitData: SupplyChainData = {
         content: '优质玉米繁育示范基地',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=玉米繁育基地1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=玉米繁育基地2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '繁育面积:', value: '3.2', unit: '万亩' },
@@ -482,8 +481,8 @@ const seedFruitData: SupplyChainData = {
         content: '小麦良种繁育核心区',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=小麦繁育基地1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=小麦繁育基地2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '繁育面积:', value: '2.8', unit: '万亩' },
@@ -497,8 +496,8 @@ const seedFruitData: SupplyChainData = {
         content: '大豆育种示范基地',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=大豆育种基地1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=大豆育种基地2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '育种面积:', value: '1.8', unit: '万亩' },
@@ -512,8 +511,8 @@ const seedFruitData: SupplyChainData = {
         content: '水稻种子加工中心',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子加工中心1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子加工中心2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '加工能力:', value: '25', unit: '万公斤/年' },
@@ -527,8 +526,8 @@ const seedFruitData: SupplyChainData = {
         content: '玉米种子检测中心',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子检测中心1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子检测中心2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '检测能力:', value: '30', unit: '万公斤/年' },
@@ -542,8 +541,8 @@ const seedFruitData: SupplyChainData = {
         content: '小麦种子研发中心',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子研发中心1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子研发中心2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '研发投入:', value: '500', unit: '万元/年' },
@@ -557,8 +556,8 @@ const seedFruitData: SupplyChainData = {
         content: '大豆种子销售中心',
         industry: '种业',
         imageUrls: [
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子销售中心1",
-          "https://placehold.co/960x640/5DEF8B/FFFFFF?text=种子销售中心2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '年销售额:', value: '800', unit: '万元' },
@@ -574,8 +573,8 @@ const seedFruitData: SupplyChainData = {
         content: '优质苹果种植示范基地',
         industry: '果蔬',
         imageUrls: [
-          "https://placehold.co/960x640/FFF586/000000?text=苹果种植基地1",
-          "https://placehold.co/960x640/FFF586/000000?text=苹果种植基地2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '种植面积:', value: '3.5', unit: '万亩' },
@@ -589,8 +588,8 @@ const seedFruitData: SupplyChainData = {
         content: '柑橘类水果核心产区',
         industry: '果蔬',
         imageUrls: [
-          "https://placehold.co/960x640/FFF586/000000?text=柑橘种植基地1",
-          "https://placehold.co/960x640/FFF586/000000?text=柑橘种植基地2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '种植面积:', value: '4.2', unit: '万亩' },
@@ -604,8 +603,8 @@ const seedFruitData: SupplyChainData = {
         content: '葡萄种植示范基地',
         industry: '果蔬',
         imageUrls: [
-          "https://placehold.co/960x640/FFF586/000000?text=葡萄种植基地1",
-          "https://placehold.co/960x640/FFF586/000000?text=葡萄种植基地2"
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
         ],
         metrics: [
           { label: '种植面积:', value: '2.8', unit: '万亩' },
@@ -617,8 +616,11 @@ const seedFruitData: SupplyChainData = {
         id: 'fruit-popup-base4',
         title: '果蔬基地4',
         content: '蔬菜种植核心基地',
-        
         industry: '果蔬',
+        imageUrls: [
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
+        ],
         metrics: [
           { label: '种植面积:', value: '5.5', unit: '万亩' },
           { label: '年产量:', value: '15', unit: '万吨' },
@@ -629,8 +631,11 @@ const seedFruitData: SupplyChainData = {
         id: 'fruit-popup-chain1',
         title: '果蔬产业链',
         content: '果蔬加工配送中心',
-        
         industry: '果蔬',
+        imageUrls: [
+          "/supply-chain/images/康宏公司张湖粮油基地示范片区 1.png",
+          "/supply-chain/images/省储备粮咸宁库 1.png"
+        ],
         metrics: [
           { label: '加工能力:', value: '80', unit: '万吨/年' },
           { label: '冷链仓储:', value: '30', unit: '万吨' },