驾驶舱多语言

src/views/drive/index.vue

@@ -4,7 +4,6 @@
 
     <main class="drive-main">
       <section class="drive-hero">
-        >
         <div class="drive-hero__copy pl-5">
           <p class="drive-hero__eyebrow">DASHBOARD PORTAL</p>
           <p class="drive-hero__title">{{ $t("drive.title") }}</p>
@@ -102,32 +101,37 @@ import driveMobile4_white from "@/assets/images/供应链驾驶舱_white.png"; /
 import driveMobile5_white from "@/assets/images/市场驾驶舱_white.png"; // 生产驾驶舱移动端背景图
 import driveMobile6_white from "@/assets/images/QHSE驾驶舱_white.png"; // 生产驾驶舱移动端背景图
 
-// 经营驾驶舱
+// 经营驾驶舱 - 英文
 import dr1_en from "@/assets/images/jingying/dr1_en.png";
 import dr1_white_en from "@/assets/images/jingying/dr1_white_en.png";
 import mobile_en from "@/assets/images/jingying/mobile_en.png";
 import mobile_white_en from "@/assets/images/jingying/mobile_white_en.png";
+
+// 经营驾驶舱 - 俄语
 import dr1_ru from "@/assets/images/jingying/dr1_ru.png";
 import dr1_white_ru from "@/assets/images/jingying/dr1_white_ru.png";
 import mobile_ru from "@/assets/images/jingying/mobile_ru.png";
 import mobile_white_ru from "@/assets/images/jingying/mobile_white_ru.png";
 
-// 生产驾驶舱
+// 生产驾驶舱 - 英文
 import drivePc2_white_en from "@/assets/images/shengchan/生产pc_white_en.png";
 import drivePc2_en from "@/assets/images/shengchan/生产pc_en.png";
 import driveMobile2_white_en from "@/assets/images/shengchan/生产驾驶舱_white_en.png";
 import driveMobile2_en from "@/assets/images/shengchan/生产驾驶舱_en.png";
+
+// 生产驾驶舱 - 俄语
 import drivePc2_white_ru from "@/assets/images/shengchan/生产pc_white_ru.png";
 import drivePc2_ru from "@/assets/images/shengchan/生产pc_ru.png";
 import driveMobile2_white_ru from "@/assets/images/shengchan/生产驾驶舱_white_ru.png";
 import driveMobile2_ru from "@/assets/images/shengchan/生产驾驶舱_ru.png";
 
-// 财务驾驶舱
+// 财务驾驶舱 - 英文
 import drivePc3_white_en from "@/assets/images/caiwu/财务pc_white_en.png";
 import drivePc3_en from "@/assets/images/caiwu/财务pc_en.png";
 import driveMobile3_white_en from "@/assets/images/caiwu/财务驾驶舱_white_en.png";
 import driveMobile3_en from "@/assets/images/caiwu/财务驾驶舱_en.png";
 
+// 财务驾驶舱 - 俄语
 import drivePc3_white_ru from "@/assets/images/caiwu/财务pc_white_ru.png";
 import drivePc3_ru from "@/assets/images/caiwu/财务pc_ru.png";
 import driveMobile3_white_ru from "@/assets/images/caiwu/财务驾驶舱_white_ru.png";
@@ -142,7 +146,7 @@ import gong from "@/assets/images/gong.png";
 const userStore = useUserStore();
 const themeStore = useThemeStore();
 
-const { t } = useI18n();
+const { t, locale } = useI18n();
 
 const tabs = computed(() => [
   { value: "all", label: t("drive.all"), icon: all },
@@ -152,7 +156,9 @@ const tabs = computed(() => [
   { value: "supply", label: t("drive.chain"), icon: gong },
   { value: "qhse", label: t("drive.qhse"), icon: gong },
 ]);
+
 const activeTab = ref("all");
+
 type DriveCard = {
   title: string;
   description: string;
@@ -161,352 +167,157 @@ type DriveCard = {
   bgColor: string;
   pcBg: string;
   mobileBg: string;
-  category: string; // 新增分类字段
+  category: string;
 };
 
+// 获取当前语言的卡片配置
+const getDriveCards = () => {
+  const isLight = themeStore.theme === "light";
+  const currentLocale = locale.value;
+
+  // 判断是否为英文
+  const isEn = currentLocale === "en";
+  // 判断是否为俄语
+  const isRu = currentLocale === "ru";
+
+  // 经营驾驶舱图片
+  let managementPcBg, managementMobileBg;
+  if (isEn) {
+    managementPcBg = isLight ? dr1_white_en : dr1_en;
+    managementMobileBg = isLight ? mobile_white_en : mobile_en;
+  } else if (isRu) {
+    managementPcBg = isLight ? dr1_white_ru : dr1_ru;
+    managementMobileBg = isLight ? mobile_white_ru : mobile_ru;
+  } else {
+    // 中文
+    managementPcBg = isLight ? drivePc1_white : drivePc1;
+    managementMobileBg = isLight ? driveMobile1_white : driveMobile1;
+  }
+
+  // 生产驾驶舱图片
+  let productionPcBg, productionMobileBg;
+  if (isEn) {
+    productionPcBg = isLight ? drivePc2_white_en : drivePc2_en;
+    productionMobileBg = isLight ? driveMobile2_white_en : driveMobile2_en;
+  } else if (isRu) {
+    productionPcBg = isLight ? drivePc2_white_ru : drivePc2_ru;
+    productionMobileBg = isLight ? driveMobile2_white_ru : driveMobile2_ru;
+  } else {
+    // 中文
+    productionPcBg = isLight ? drivePc2_white : drivePc2;
+    productionMobileBg = isLight ? driveMobile2_white : driveMobile2;
+  }
+
+  // 财务驾驶舱图片
+  let financePcBg, financeMobileBg;
+  if (isEn) {
+    financePcBg = isLight ? drivePc3_white_en : drivePc3_en;
+    financeMobileBg = isLight ? driveMobile3_white_en : driveMobile3_en;
+  } else if (isRu) {
+    financePcBg = isLight ? drivePc3_white_ru : drivePc3_ru;
+    financeMobileBg = isLight ? driveMobile3_white_ru : driveMobile3_ru;
+  } else {
+    // 中文
+    financePcBg = isLight ? drivePc3_white : drivePc3;
+    financeMobileBg = isLight ? driveMobile3_white : driveMobile3;
+  }
+
+  // 供应链驾驶舱图片（目前只有中文）
+  const supplyPcBg = isLight ? drivePc4_white : drivePc4;
+  const supplyMobileBg = isLight ? driveMobile4_white : driveMobile4;
+
+  // 市场驾驶舱图片（目前只有中文）
+  const marketingPcBg = isLight ? drivePc5_white : drivePc5;
+  const marketingMobileBg = isLight ? driveMobile5_white : driveMobile5;
+
+  // QHSE驾驶舱图片（目前只有中文）
+  const qhsePcBg = isLight ? drivePc6_white : drivePc6;
+  const qhseMobileBg = isLight ? driveMobile6_white : driveMobile6;
+
+  return [
+    {
+      title: "经营驾驶舱",
+      description: "查看经营分析、经营指标与执行情况。",
+      url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
+      mobileUrl:
+        "https://report.deepoil.cc/webroot/decision/v10/entry/access/b15238fe-9a61-4beb-8220-da0114d1c4a1?preview=true&page_number=1",
+      bgColor: "#3876e0",
+      pcBg: managementPcBg,
+      mobileBg: managementMobileBg,
+      category: "management",
+    },
+    {
+      title: "生产驾驶舱",
+      description: "查看生产运营态势、核心指标与执行情况。",
+      url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
+      mobileUrl:
+        "https://report.deepoil.cc/webroot/decision/v10/entry/access/1c87e03c-cd5c-42bb-aa7d-8b8034e5a453?preview=true&page_number=1",
+      bgColor: "#0f766e",
+      pcBg: productionPcBg,
+      mobileBg: productionMobileBg,
+      category: "production",
+    },
+    {
+      title: "财务驾驶舱",
+      description: "查看财务分析、预算执行与经营数据表现。",
+      url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
+      mobileUrl:
+        "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
+      bgColor: "#ca8a04",
+      pcBg: financePcBg,
+      mobileBg: financeMobileBg,
+      category: "finance",
+    },
+    {
+      title: "供应链驾驶舱",
+      description: "查看供应链分析、物料需求与执行。",
+      url: "#",
+      mobileUrl: "",
+      bgColor: "#7c3aed",
+      pcBg: supplyPcBg,
+      mobileBg: supplyMobileBg,
+      category: "supply",
+    },
+    {
+      title: "市场驾驶舱",
+      description: "查看市场分析、销售数据与执行情况。",
+      url: "#",
+      mobileUrl: "",
+      bgColor: "#16a34a",
+      pcBg: marketingPcBg,
+      mobileBg: marketingMobileBg,
+      category: "marketing",
+    },
+    {
+      title: "QHSE驾驶舱",
+      description: "查看安全、健康、环境与质量数据。",
+      url: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
+      mobileUrl: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
+      bgColor: "#dc2626",
+      pcBg: qhsePcBg,
+      mobileBg: qhseMobileBg,
+      category: "qhse",
+    },
+  ];
+};
+
+const driveCards = ref(getDriveCards());
+
+// 监听语言变化
 watch(
-  () => themeStore.theme,
+  () => locale.value,
   () => {
-    if (themeStore.theme === "light") {
-      driveCards.value = [
-        {
-          title: "经营驾驶舱",
-          description: "查看经营分析、经营指标与执行情况。",
-          url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
-          mobileUrl:
-            "https://report.deepoil.cc/webroot/decision/v10/entry/access/b15238fe-9a61-4beb-8220-da0114d1c4a1?preview=true&page_number=1",
-          bgColor: "#3876e0",
-          pcBg: drivePc1_white,
-          mobileBg: driveMobile1_white,
-          category: "management", // 对应经营管理
-        },
-        {
-          title: "生产驾驶舱",
-          description: "查看生产运营态势、核心指标与执行情况。",
-          url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
-          mobileUrl:
-            "https://report.deepoil.cc/webroot/decision/v10/entry/access/1c87e03c-cd5c-42bb-aa7d-8b8034e5a453?preview=true&page_number=1",
-          bgColor: "#0f766e",
-          pcBg: drivePc2_white,
-          mobileBg: driveMobile2_white,
-          category: "production", // 对应生产运营
-        },
-        {
-          title: "财务驾驶舱",
-          description: "查看财务分析、预算执行与经营数据表现。",
-          url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-          mobileUrl:
-            "https://report.deepoil.cc/webroot/decision/v10/entry/access/75e4a140-7d39-457d-a991-072ab1abc30c?preview=true&page_number=1",
-          bgColor: "#ca8a04",
-          pcBg: drivePc3_white,
-          mobileBg: driveMobile3_white,
-          category: "finance", // 对应财务管理
-        },
-        {
-          title: "供应链驾驶舱",
-          description: "查看供应链分析、物料需求与执行。",
-          url: "#",
-          mobileUrl: "",
-          bgColor: "#7c3aed",
-          pcBg: drivePc4_white,
-          mobileBg: driveMobile4_white,
-          category: "supply", // 对应供应链管理
-        },
-        {
-          title: "市场驾驶舱",
-          description: "查看市场分析、销售数据与执行情况。",
-          url: "#",
-          mobileUrl: "",
-          bgColor: "#16a34a",
-          pcBg: drivePc5_white,
-          mobileBg: driveMobile5_white,
-          category: "marketing", // 对应市场营销
-        },
-        {
-          title: "QHSE驾驶舱",
-          description: "查看安全、健康、环境与质量数据。",
-          url: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-          mobileUrl: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-          bgColor: "#dc2626",
-          pcBg: drivePc6_white,
-          mobileBg: driveMobile6_white,
-          category: "qhse", // 对应 QHSE
-        },
-      ];
-    } else {
-      driveCards.value = [
-        {
-          title: "经营驾驶舱",
-          description: "查看经营分析、经营指标与执行情况。",
-          url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
-          mobileUrl:
-            "https://report.deepoil.cc/webroot/decision/v10/entry/access/b15238fe-9a61-4beb-8220-da0114d1c4a1?preview=true&page_number=1",
-          bgColor: "#3876e0",
-          pcBg: drivePc1,
-          mobileBg: driveMobile1,
-          category: "management", // 对应经营管理
-        },
-        {
-          title: "生产驾驶舱",
-          description: "查看生产运营态势、核心指标与执行情况。",
-          url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
-          mobileUrl:
-            "https://report.deepoil.cc/webroot/decision/v10/entry/access/1c87e03c-cd5c-42bb-aa7d-8b8034e5a453?preview=true&page_number=1",
-          bgColor: "#0f766e",
-          pcBg: drivePc2,
-          mobileBg: driveMobile2,
-          category: "production", // 对应生产运营
-        },
-        {
-          title: "财务驾驶舱",
-          description: "查看财务分析、预算执行与经营数据表现。",
-          url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-          mobileUrl:
-            "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,
-          category: "finance", // 对应财务管理
-        },
-        {
-          title: "供应链驾驶舱",
-          description: "查看供应链分析、物料需求与执行。",
-          url: "#",
-          mobileUrl: "",
-          bgColor: "#7c3aed",
-          pcBg: drivePc4,
-          mobileBg: driveMobile4,
-          category: "supply", // 对应供应链管理
-        },
-        {
-          title: "市场驾驶舱",
-          description: "查看市场分析、销售数据与执行情况。",
-          url: "#",
-          mobileUrl: "",
-          bgColor: "#16a34a",
-          pcBg: drivePc5,
-          mobileBg: driveMobile5,
-          category: "marketing", // 对应市场营销
-        },
-        {
-          title: "QHSE驾驶舱",
-          description: "查看安全、健康、环境与质量数据。",
-          url: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-          mobileUrl: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-          bgColor: "#dc2626",
-          pcBg: drivePc6,
-          mobileBg: driveMobile6,
-          category: "qhse", // 对应 QHSE
-        },
-      ];
-    }
+    driveCards.value = getDriveCards();
   },
 );
 
-// 中文
-const driveCards = ref([
-  {
-    title: "经营驾驶舱",
-    description: "查看经营分析、经营指标与执行情况。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/b15238fe-9a61-4beb-8220-da0114d1c4a1?preview=true&page_number=1",
-    bgColor: "#3876e0",
-    pcBg: themeStore.theme === "light" ? drivePc1_white : drivePc1,
-    mobileBg: themeStore.theme === "light" ? driveMobile1_white : driveMobile1,
-    category: "management", // 对应经营管理
-  },
-  {
-    title: "生产驾驶舱",
-    description: "查看生产运营态势、核心指标与执行情况。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/1c87e03c-cd5c-42bb-aa7d-8b8034e5a453?preview=true&page_number=1",
-    bgColor: "#0f766e",
-    pcBg: themeStore.theme === "light" ? drivePc2_white : drivePc2,
-    mobileBg: themeStore.theme === "light" ? driveMobile2_white : driveMobile2,
-    category: "production", // 对应生产运营
-  },
-  {
-    title: "财务驾驶舱",
-    description: "查看财务分析、预算执行与经营数据表现。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-    bgColor: "#ca8a04",
-    pcBg: themeStore.theme === "light" ? drivePc3_white : drivePc3,
-    mobileBg: themeStore.theme === "light" ? driveMobile3_white : driveMobile3,
-    category: "finance", // 对应财务管理
-  },
-  {
-    title: "供应链驾驶舱",
-    description: "查看供应链分析、物料需求与执行。",
-    url: "#",
-    mobileUrl: "",
-    bgColor: "#7c3aed",
-    pcBg: themeStore.theme === "light" ? drivePc4_white : drivePc4,
-    mobileBg: themeStore.theme === "light" ? driveMobile4_white : driveMobile4,
-    category: "supply", // 对应供应链管理
-  },
-  {
-    title: "市场驾驶舱",
-    description: "查看市场分析、销售数据与执行情况。",
-    url: "#",
-    mobileUrl: "",
-    bgColor: "#16a34a",
-    pcBg: themeStore.theme === "light" ? drivePc5_white : drivePc5,
-    mobileBg: themeStore.theme === "light" ? driveMobile5_white : driveMobile5,
-    category: "marketing", // 对应市场营销
-  },
-  {
-    title: "QHSE驾驶舱",
-    description: "查看安全、健康、环境与质量数据。",
-    url: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-    mobileUrl: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-    bgColor: "#dc2626",
-    pcBg: themeStore.theme === "light" ? drivePc6_white : drivePc6,
-    mobileBg: themeStore.theme === "light" ? driveMobile6_white : driveMobile6,
-    category: "qhse", // 对应 QHSE
-  },
-]);
-
-// 英语
-const driveCards_en = ref([
-  {
-    title: "经营驾驶舱",
-    description: "查看经营分析、经营指标与执行情况。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/b15238fe-9a61-4beb-8220-da0114d1c4a1?preview=true&page_number=1",
-    bgColor: "#3876e0",
-    pcBg: themeStore.theme === "light" ? dr1_white_en : dr1_en,
-    mobileBg: themeStore.theme === "light" ? mobile_white_en : mobile_en,
-    category: "management", // 对应经营管理
-  },
-  {
-    title: "生产驾驶舱",
-    description: "查看生产运营态势、核心指标与执行情况。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/1c87e03c-cd5c-42bb-aa7d-8b8034e5a453?preview=true&page_number=1",
-    bgColor: "#0f766e",
-    pcBg: themeStore.theme === "light" ? drivePc2_white_en : drivePc2_en,
-    mobileBg:
-      themeStore.theme === "light" ? driveMobile2_white_en : driveMobile2_en,
-    category: "production", // 对应生产运营
-  },
-  {
-    title: "财务驾驶舱",
-    description: "查看财务分析、预算执行与经营数据表现。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-    bgColor: "#ca8a04",
-    pcBg: themeStore.theme === "light" ? drivePc3_white_en : drivePc3_en,
-    mobileBg:
-      themeStore.theme === "light" ? driveMobile3_white_en : driveMobile3_en,
-    category: "finance", // 对应财务管理
-  },
-  {
-    title: "供应链驾驶舱",
-    description: "查看供应链分析、物料需求与执行。",
-    url: "#",
-    mobileUrl: "",
-    bgColor: "#7c3aed",
-    pcBg: themeStore.theme === "light" ? drivePc4_white : drivePc4,
-    mobileBg: themeStore.theme === "light" ? driveMobile4_white : driveMobile4,
-    category: "supply", // 对应供应链管理
-  },
-  {
-    title: "市场驾驶舱",
-    description: "查看市场分析、销售数据与执行情况。",
-    url: "#",
-    mobileUrl: "",
-    bgColor: "#16a34a",
-    pcBg: themeStore.theme === "light" ? drivePc5_white : drivePc5,
-    mobileBg: themeStore.theme === "light" ? driveMobile5_white : driveMobile5,
-    category: "marketing", // 对应市场营销
-  },
-  {
-    title: "QHSE驾驶舱",
-    description: "查看安全、健康、环境与质量数据。",
-    url: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-    mobileUrl: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-    bgColor: "#dc2626",
-    pcBg: themeStore.theme === "light" ? drivePc6_white : drivePc6,
-    mobileBg: themeStore.theme === "light" ? driveMobile6_white : driveMobile6,
-    category: "qhse", // 对应 QHSE
-  },
-]);
-
-// 俄语
-const driveCards_ru = ref([
-  {
-    title: "经营驾驶舱",
-    description: "查看经营分析、经营指标与执行情况。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/9fb42908-894a-4373-a6be-ce046a42851d?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/b15238fe-9a61-4beb-8220-da0114d1c4a1?preview=true&page_number=1",
-    bgColor: "#3876e0",
-    pcBg: themeStore.theme === "light" ? dr1_white_ru : dr1_ru,
-    mobileBg: themeStore.theme === "light" ? mobile_white_ru : mobile_ru,
-    category: "management", // 对应经营管理
-  },
-  {
-    title: "生产驾驶舱",
-    description: "查看生产运营态势、核心指标与执行情况。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/dbc9cf73-81ce-43f1-9923-45cdfa5d5d3a?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/1c87e03c-cd5c-42bb-aa7d-8b8034e5a453?preview=true&page_number=1",
-    bgColor: "#0f766e",
-    pcBg: themeStore.theme === "light" ? drivePc2_white_ru : drivePc2_ru,
-    mobileBg:
-      themeStore.theme === "light" ? driveMobile2_white_ru : driveMobile2_ru,
-    category: "production", // 对应生产运营
-  },
-  {
-    title: "财务驾驶舱",
-    description: "查看财务分析、预算执行与经营数据表现。",
-    url: "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-    mobileUrl:
-      "https://report.deepoil.cc/webroot/decision/v10/entry/access/e836fb5b-092c-4d64-a324-3beeb4fac0cc?preview=true&page_number=1",
-    bgColor: "#ca8a04",
-    pcBg: themeStore.theme === "light" ? drivePc3_white_ru : drivePc3_ru,
-    mobileBg:
-      themeStore.theme === "light" ? driveMobile3_white_ru : driveMobile3_ru,
-    category: "finance", // 对应财务管理
-  },
-  {
-    title: "供应链驾驶舱",
-    description: "查看供应链分析、物料需求与执行。",
-    url: "#",
-    mobileUrl: "",
-    bgColor: "#7c3aed",
-    pcBg: themeStore.theme === "light" ? drivePc4_white : drivePc4,
-    mobileBg: themeStore.theme === "light" ? driveMobile4_white : driveMobile4,
-    category: "supply", // 对应供应链管理
-  },
-  {
-    title: "市场驾驶舱",
-    description: "查看市场分析、销售数据与执行情况。",
-    url: "#",
-    mobileUrl: "",
-    bgColor: "#16a34a",
-    pcBg: themeStore.theme === "light" ? drivePc5_white : drivePc5,
-    mobileBg: themeStore.theme === "light" ? driveMobile5_white : driveMobile5,
-    category: "marketing", // 对应市场营销
-  },
-  {
-    title: "QHSE驾驶舱",
-    description: "查看安全、健康、环境与质量数据。",
-    url: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-    mobileUrl: `${import.meta.env.VITE_PMS_URL}/portalLogin?username=${userStore.getUser.username}&source=qhse`,
-    bgColor: "#dc2626",
-    pcBg: themeStore.theme === "light" ? drivePc6_white : drivePc6,
-    mobileBg: themeStore.theme === "light" ? driveMobile6_white : driveMobile6,
-    category: "qhse", // 对应 QHSE
+// 监听主题变化
+watch(
+  () => themeStore.theme,
+  () => {
+    driveCards.value = getDriveCards();
   },
-]);
+);
 
 const filteredCards = computed(() => {
   if (activeTab.value === "all") {
@@ -539,22 +350,6 @@ const openDrive = async (option: DriveCard) => {
     // 浏览器环境
     window.open(`${option.url}&ssoToken=${res}`, "_blank");
   }
-
-  // if (isMobile && !isDesktop) {
-  //   if (option.title === "经营驾驶舱" || option.title === "生产驾驶舱") {
-  //     dd.biz.util.openLink({
-  //       url: `${option.mobileUrl}&ssoToken=${res}`,
-  //       onSuccess: () => {},
-  //     });
-  //   } else {
-  //     dd.biz.util.openLink({
-  //       url: `${option.url}&ssoToken=${res}`,
-  //       onSuccess: () => {},
-  //     });
-  //   }
-  // } else {
-  //   window.open(`${option.url}&ssoToken=${res}`, "_blank");
-  // }
 };
 </script>