Просмотр исходного кода

✨ feat(dashboard): add supply chain cooperation model display

- add SupplyChainModel component to GrainOilDashboard page
- show supply chain cooperation model information on the right side of dashboard

♻️ refactor(component): remove detailed content from SupplyChainModel

- delete cooperation mode details and process description in SupplyChainModel component
- simplify component structure while maintaining basic display function
yourname 2 месяцев назад
Родитель
Сommit
99000a1d5d

+ 4 - 0
src/client/home/pages/SupplyChainDashboards/GrainOilDashboard.tsx

@@ -44,6 +44,10 @@ const GrainOilDashboard: React.FC<GrainOilDashboardProps> = () => {
           // 这里可以添加点击定位点的处理逻辑
         }}
       />
+      
+      {/* 右侧供应链合作模式 */}
+      <SupplyChainModel />
+
 
       {/* 左侧数据展示 */}
       <KeyMetrics

+ 0 - 70
src/client/home/pages/SupplyChainDashboards/components/SupplyChainModel.tsx

@@ -34,76 +34,6 @@ const SupplyChainModel: React.FC<SupplyChainModelProps> = () => {
         </div>
       </div>
 
-      {/* 合作模式详情 */}
-      <div className="mt-8 bg-[rgba(255,255,255,0.05)] rounded-lg p-6 border border-[rgba(255,255,255,0.1)]">
-        <div className="grid grid-cols-3 gap-6">
-          {/* 省粮油集团 */}
-          <div className="text-center">
-            <div className="w-16 h-16 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-full flex items-center justify-center mx-auto mb-3">
-              <span className="text-white text-xl font-bold">1</span>
-            </div>
-            <h4 className="text-white font-bold text-lg mb-2">省粮油集团</h4>
-            <p className="text-[rgba(255,255,255,0.7)] text-sm">
-              核心龙头企业
-              资源整合平台
-              标准制定者
-            </p>
-          </div>
-
-          {/* 区域公司 */}
-          <div className="text-center">
-            <div className="w-16 h-16 bg-gradient-to-br from-green-500 to-emerald-500 rounded-full flex items-center justify-center mx-auto mb-3">
-              <span className="text-white text-xl font-bold">1</span>
-            </div>
-            <h4 className="text-white font-bold text-lg mb-2">区域公司</h4>
-            <p className="text-[rgba(255,255,255,0.7)] text-sm">
-              区域运营中心
-              服务支撑平台
-              市场对接桥梁
-            </p>
-          </div>
-
-          {/* 新型农业经营主体 */}
-          <div className="text-center">
-            <div className="w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-500 rounded-full flex items-center justify-center mx-auto mb-3">
-              <span className="text-white text-xl font-bold">N</span>
-            </div>
-            <h4 className="text-white font-bold text-lg mb-2">新型农业经营主体</h4>
-            <p className="text-[rgba(255,255,255,0.7)] text-sm">
-              家庭农场
-              合作社
-              农业企业
-            </p>
-          </div>
-        </div>
-
-        {/* 合作流程 */}
-        <div className="mt-6 pt-6 border-t border-[rgba(255,255,255,0.1)]">
-          <h5 className="text-white font-bold text-lg mb-4 text-center">合作流程</h5>
-          <div className="flex justify-between items-center">
-            <div className="text-center">
-              <div className="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-2">
-                <span className="text-white text-sm">①</span>
-              </div>
-              <p className="text-[rgba(255,255,255,0.8)] text-xs">资源整合</p>
-            </div>
-            <div className="flex-1 h-0.5 bg-gradient-to-r from-blue-500 to-green-500 mx-2"></div>
-            <div className="text-center">
-              <div className="w-10 h-10 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-2">
-                <span className="text-white text-sm">②</span>
-              </div>
-              <p className="text-[rgba(255,255,255,0.8)] text-xs">区域运营</p>
-            </div>
-            <div className="flex-1 h-0.5 bg-gradient-to-r from-green-500 to-purple-500 mx-2"></div>
-            <div className="text-center">
-              <div className="w-10 h-10 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-2">
-                <span className="text-white text-sm">③</span>
-              </div>
-              <p className="text-[rgba(255,255,255,0.8)] text-xs">产业协同</p>
-            </div>
-          </div>
-        </div>
-      </div>
     </div>
   );
 };