|
@@ -1,6 +1,12 @@
|
|
|
import React from 'react';
|
|
import React from 'react';
|
|
|
import GrainIcon from './GrainIcon';
|
|
import GrainIcon from './GrainIcon';
|
|
|
import OilIcon from './OilIcon';
|
|
import OilIcon from './OilIcon';
|
|
|
|
|
+import SeedIcon from './SeedIcon';
|
|
|
|
|
+import FruitIcon from './FruitIcon';
|
|
|
|
|
+import LivestockIcon from './LivestockIcon';
|
|
|
|
|
+import AquacultureIcon from './AquacultureIcon';
|
|
|
|
|
+import FreshFoodIcon from './FreshFoodIcon';
|
|
|
|
|
+import SaltIcon from './SaltIcon';
|
|
|
import { useSupplyChain } from '../../context/SupplyChainContext';
|
|
import { useSupplyChain } from '../../context/SupplyChainContext';
|
|
|
|
|
|
|
|
// 定义产业类型
|
|
// 定义产业类型
|
|
@@ -32,17 +38,17 @@ const IndustryIcon: React.FC<IndustryIconProps> = ({
|
|
|
case "油脂":
|
|
case "油脂":
|
|
|
return <OilIcon className={iconColor} />;
|
|
return <OilIcon className={iconColor} />;
|
|
|
case "种业":
|
|
case "种业":
|
|
|
|
|
+ return <SeedIcon className={iconColor} />;
|
|
|
case "果蔬":
|
|
case "果蔬":
|
|
|
|
|
+ return <FruitIcon className={iconColor} />;
|
|
|
case "畜牧":
|
|
case "畜牧":
|
|
|
|
|
+ return <LivestockIcon className={iconColor} />;
|
|
|
case "水产":
|
|
case "水产":
|
|
|
|
|
+ return <AquacultureIcon className={iconColor} />;
|
|
|
case "鲜食":
|
|
case "鲜食":
|
|
|
|
|
+ return <FreshFoodIcon className={iconColor} />;
|
|
|
case "泛盐":
|
|
case "泛盐":
|
|
|
- // 暂时使用默认图标,后续可以添加更多图标组件
|
|
|
|
|
- return (
|
|
|
|
|
- <div className="flex items-center justify-center w-full h-full bg-gray-400 rounded">
|
|
|
|
|
- <span className="text-white text-sm">{industry}</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- );
|
|
|
|
|
|
|
+ return <SaltIcon className={iconColor} />;
|
|
|
default:
|
|
default:
|
|
|
return null;
|
|
return null;
|
|
|
}
|
|
}
|