|
|
@@ -56,71 +56,86 @@ import { getMCSsoToken } from "@/api/user";
|
|
|
import { useUserStore } from "@/stores/useUserStore";
|
|
|
import { getAccessToken } from "@/utils/auth";
|
|
|
import banner from "@/assets/images/drivebannere.png";
|
|
|
-import dr from "@/assets/images/dr.png";
|
|
|
-import moblie from "@/assets/images/mobile.png";
|
|
|
-import pruduct from "@/assets/images/生产驾驶舱.png";
|
|
|
-import chain from "@/assets/images/供应链驾驶舱.png";
|
|
|
-import money from "@/assets/images/财务驾驶舱.png";
|
|
|
-import market from "@/assets/images/市场驾驶舱.png";
|
|
|
-import qhse from "@/assets/images/QHSE驾驶舱.png";
|
|
|
+
|
|
|
+import drivePc1 from "@/assets/images/dr1.png"; // 经营驾驶舱pc端背景图
|
|
|
+import drivePc2 from "@/assets/images/生产pc.png"; // 生产驾驶舱pc端背景图
|
|
|
+import drivePc3 from "@/assets/images/财务pc.png"; // 财务驾驶舱pc端背景图
|
|
|
+import drivePc4 from "@/assets/images/供应链pc.png"; // 供应链驾驶舱pc端背景图
|
|
|
+import drivePc5 from "@/assets/images/市场pc.png"; // 市场驾驶舱pc端背景图
|
|
|
+import drivePc6 from "@/assets/images/qhsepc.png"; // QHSE驾驶舱pc端背景图
|
|
|
+import driveMobile1 from "@/assets/images/mobile.png"; // 经营驾驶舱移动端背景图
|
|
|
+import driveMobile2 from "@/assets/images/生产驾驶舱.png"; // 生产驾驶舱移动端背景图
|
|
|
+import driveMobile3 from "@/assets/images/财务驾驶舱.png"; // 财务驾驶舱移动端背景图
|
|
|
+import driveMobile4 from "@/assets/images/供应链驾驶舱.png"; // 供应链驾驶舱移动端背景图
|
|
|
+import driveMobile5 from "@/assets/images/市场驾驶舱.png"; // 市场驾驶舱移动端背景图
|
|
|
+import driveMobile6 from "@/assets/images/QHSE驾驶舱.png"; // QHSE驾驶舱移动端背景图
|
|
|
|
|
|
const userStore = useUserStore();
|
|
|
|
|
|
type DriveCard = {
|
|
|
title: string;
|
|
|
description: string;
|
|
|
- icon: string;
|
|
|
+ // icon: string;
|
|
|
url: string;
|
|
|
bgColor: string;
|
|
|
+ pcBg: string;
|
|
|
+ mobileBg: string;
|
|
|
};
|
|
|
|
|
|
const driveCards: DriveCard[] = [
|
|
|
{
|
|
|
title: "经营驾驶舱",
|
|
|
description: "查看经营分析、经营指标与执行情况。",
|
|
|
- icon: moblie,
|
|
|
+ // icon: driveIcon1,
|
|
|
url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
|
|
|
bgColor: "#3876e0",
|
|
|
+ pcBg: drivePc1,
|
|
|
+ mobileBg: driveMobile1,
|
|
|
},
|
|
|
{
|
|
|
title: "生产驾驶舱",
|
|
|
description: "查看生产运营态势、核心指标与执行情况。",
|
|
|
- icon: pruduct,
|
|
|
+ // icon: driveIcon2,
|
|
|
url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
|
|
|
bgColor: "#0f766e",
|
|
|
+ pcBg: drivePc2,
|
|
|
+ mobileBg: driveMobile2,
|
|
|
},
|
|
|
{
|
|
|
title: "财务驾驶舱",
|
|
|
description: "查看财务分析、预算执行与经营数据表现。",
|
|
|
- icon: money,
|
|
|
+ // icon: driveIcon3,
|
|
|
url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
|
|
|
bgColor: "#ca8a04",
|
|
|
+ pcBg: drivePc3,
|
|
|
+ mobileBg: driveMobile3,
|
|
|
},
|
|
|
-
|
|
|
{
|
|
|
title: "供应链驾驶舱",
|
|
|
description: "查看供应链分析、物料需求与执行。",
|
|
|
- icon: chain,
|
|
|
+ // icon: driveIcon4,
|
|
|
url: "#",
|
|
|
bgColor: "#7c3aed",
|
|
|
+ pcBg: drivePc4,
|
|
|
+ mobileBg: driveMobile4,
|
|
|
},
|
|
|
-
|
|
|
- // 市场驾驶舱
|
|
|
{
|
|
|
title: "市场驾驶舱",
|
|
|
description: "查看市场分析、销售数据与执行情况。",
|
|
|
- icon: market,
|
|
|
+ // icon: driveIcon5,
|
|
|
url: "#",
|
|
|
bgColor: "#16a34a",
|
|
|
+ pcBg: drivePc5,
|
|
|
+ mobileBg: driveMobile5,
|
|
|
},
|
|
|
-
|
|
|
- // QHSE驾驶舱
|
|
|
{
|
|
|
title: "QHSE驾驶舱",
|
|
|
description: "查看安全、健康、环境与质量数据。",
|
|
|
- icon: qhse,
|
|
|
+ // icon: driveIcon6,
|
|
|
url: "#",
|
|
|
bgColor: "#dc2626",
|
|
|
+ pcBg: drivePc6,
|
|
|
+ mobileBg: driveMobile6,
|
|
|
},
|
|
|
];
|
|
|
|
