|
@@ -7,8 +7,8 @@
|
|
|
>
|
|
>
|
|
|
<div class="drive-hero__copy pl-5">
|
|
<div class="drive-hero__copy pl-5">
|
|
|
<p class="drive-hero__eyebrow">DASHBOARD PORTAL</p>
|
|
<p class="drive-hero__eyebrow">DASHBOARD PORTAL</p>
|
|
|
- <p class="drive-hero__title">驾驶舱门户</p>
|
|
|
|
|
- <p class="drive-hero__desc">选择一个驾驶舱,快速进入对应业务看板。</p>
|
|
|
|
|
|
|
+ <p class="drive-hero__title">{{ $t("drive.title") }}</p>
|
|
|
|
|
+ <p class="drive-hero__desc">{{ $t("drive.subTitle") }}</p>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="drive-hero__visual">
|
|
<div class="drive-hero__visual">
|
|
|
<el-image
|
|
<el-image
|
|
@@ -70,6 +70,7 @@ import * as dd from "dingtalk-jsapi";
|
|
|
import { getMCSsoToken } from "@/api/user";
|
|
import { getMCSsoToken } from "@/api/user";
|
|
|
import { useUserStore } from "@/stores/useUserStore";
|
|
import { useUserStore } from "@/stores/useUserStore";
|
|
|
import { useThemeStore } from "@/stores/useThemeStore";
|
|
import { useThemeStore } from "@/stores/useThemeStore";
|
|
|
|
|
+import { useI18n } from "@/i18n";
|
|
|
|
|
|
|
|
import banner from "@/assets/images/drivebannere.jpg";
|
|
import banner from "@/assets/images/drivebannere.jpg";
|
|
|
import banner_white from "@/assets/images/drivebannere_white.png";
|
|
import banner_white from "@/assets/images/drivebannere_white.png";
|
|
@@ -106,20 +107,20 @@ import jingying from "@/assets/images/jingying.png";
|
|
|
import shengc from "@/assets/images/shengc.png";
|
|
import shengc from "@/assets/images/shengc.png";
|
|
|
import cai from "@/assets/images/cai.png";
|
|
import cai from "@/assets/images/cai.png";
|
|
|
import gong from "@/assets/images/gong.png";
|
|
import gong from "@/assets/images/gong.png";
|
|
|
-import city from "@/assets/images/city.png";
|
|
|
|
|
|
|
|
|
|
const userStore = useUserStore();
|
|
const userStore = useUserStore();
|
|
|
const themeStore = useThemeStore();
|
|
const themeStore = useThemeStore();
|
|
|
|
|
|
|
|
-const tabs = [
|
|
|
|
|
- { label: "全部驾驶舱", value: "all", icon: all },
|
|
|
|
|
- { label: "经营管理", value: "management", icon: jingying },
|
|
|
|
|
- { label: "生产运营", value: "production", icon: shengc },
|
|
|
|
|
- { label: "财务管理", value: "finance", icon: cai },
|
|
|
|
|
- { label: "供应链管理", value: "supply", icon: gong },
|
|
|
|
|
- { label: "市场营销", value: "marketing", icon: city },
|
|
|
|
|
- { label: "QHSE", value: "qhse", icon: gong },
|
|
|
|
|
-];
|
|
|
|
|
|
|
+const { t } = useI18n();
|
|
|
|
|
+
|
|
|
|
|
+const tabs = computed(() => [
|
|
|
|
|
+ { value: "all", label: t("drive.all"), icon: all },
|
|
|
|
|
+ { value: "management", label: t("drive.jingying"), icon: jingying },
|
|
|
|
|
+ { value: "production", label: t("drive.production"), icon: shengc },
|
|
|
|
|
+ { value: "finance", label: t("drive.finance"), icon: cai },
|
|
|
|
|
+ { value: "supply", label: t("drive.chain"), icon: gong },
|
|
|
|
|
+ { value: "qhse", label: t("drive.qhse"), icon: gong },
|
|
|
|
|
+]);
|
|
|
const activeTab = ref("all");
|
|
const activeTab = ref("all");
|
|
|
type DriveCard = {
|
|
type DriveCard = {
|
|
|
title: string;
|
|
title: string;
|