From 50862cbfac51334eea45b3410e5cf21fc50cc6da Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Tue, 17 Mar 2026 18:52:17 +0800
Subject: [PATCH] =?UTF-8?q?Revert=20"style=EF=BC=9AdashBoard1=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=A4=A7=E5=B1=8F=E9=80=82=E9=85=8D=E4=B8=AD=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 39bfd8a2e96a5cf48e959d77b6b2db58714ef02c.
---
 src/locales/en.ts                             | 161 +++++++++++++++++-
 src/locales/zh-CN.ts                          | 161 +++++++++++++++++-
 .../dashboard1/components/DashboardHeader.vue |  23 ++-
 .../dashboard1/components/DeviceOverview.vue  |  40 ++++-
 .../dashboard1/components/EnergyMonitor.vue   |  67 +++++---
 .../dashboard1/components/EventReminder.vue   |  24 ++-
 .../dashboard1/components/PaymentMethod.vue   |  53 +++---
 .../dashboard1/components/ProductionTrend.vue |  19 ++-
 .../dashboard1/components/TaskList.vue        |  41 +++--
 .../report/dashboardPage/dashboard1/index.vue |  18 +-
 .../dashboard8/components/DashboardHeader.vue |   6 +-
 .../dashboard8/components/DayCapacity.vue     |  66 ++++---
 .../dashboard8/components/EnergyTrend.vue     |  62 ++++---
 .../dashboard8/components/MonthCapacity.vue   |  66 ++++---
 .../dashboard8/components/OpsTrend.vue        |  32 +++-
 .../dashboard8/components/QualityTrend.vue    |  67 ++++++--
 .../dashboard8/components/RealAlarm.vue       |  57 ++++---
 .../dashboard8/components/TaskBoard.vue       |  22 +--
 .../dashboard8/components/TodayOps.vue        |  21 ++-
 .../dashboard8/components/WeekTrend.vue       |  40 +++--
 20 files changed, 801 insertions(+), 245 deletions(-)

diff --git a/src/locales/en.ts b/src/locales/en.ts
index e8dfa023..7ab1f06d 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -99,6 +99,165 @@ export default {
       messageRouteMissing: 'Preview route is not configured',
       messageDevicePointRequired: 'Please configure at least one device and point group',
       messageMissingId: 'Missing record ID, unable to edit'
+    },
+    Dashboard1: {
+      header: {
+        title: 'Production Line Dashboard',
+        weather: {
+          cloudyToClear: 'Cloudy to clear'
+        },
+        weekDays: {
+          Sunday: 'Sunday',
+          Monday: 'Monday',
+          Tuesday: 'Tuesday',
+          Wednesday: 'Wednesday',
+          Thursday: 'Thursday',
+          Friday: 'Friday',
+          Saturday: 'Saturday'
+        }
+      },
+      deviceIdPrefix: 'ID:',
+      defaultDeviceName: 'Default Device',
+      statusOffline: 'Offline',
+      statusRunning: 'Running',
+      statusStandby: 'Standby',
+      statusFault: 'Fault',
+      deviceOverview: {
+        title: 'Device Overview',
+        device: 'Devices',
+        running: 'Running',
+        idle: 'Standby',
+        alarm: 'Alarms',
+        utilization: 'Utilization',
+        faultRate: 'Fault Rate'
+      },
+      alarms: {
+        title: 'Real-time Alarms',
+        tag: 'Scrolling',
+        levelSevere: 'Severe',
+        levelWarn: 'Warning',
+        levelInfo: 'Info'
+      },
+      productionTrend: {
+        title: 'Output Trend',
+        tagToday: 'Today',
+        seriesOutput: 'Output'
+      },
+      eventReminder: {
+        title: 'Event Reminder',
+        modeDevice: 'Device',
+        modeMold: 'Mold',
+        check: 'Inspection',
+        maintain: 'Maintenance',
+        repair: 'Repair'
+      },
+      taskList: {
+        title: 'Task List',
+        columns: {
+          code: 'Code',
+          name: 'Name',
+          type: 'Type',
+          finishStatus: 'Completion',
+          result: 'Result'
+        },
+        finishPending: 'Pending',
+        finishDone: 'Completed',
+        finishCanceled: 'Canceled',
+        resultPass: 'Pass',
+        resultFail: 'Fail'
+      },
+      energyMonitor: {
+        title: 'Energy Monitor',
+        selectPlaceholder: 'Please select',
+        seriesEnergy: 'Energy'
+      }
+    }
+  },
+  Dashboard8: {
+    Header: {
+      title: 'Smart Manufacturing Line Task Overview',
+      subTitle: 'INTELLIGENT MANUFACTURING REAL-TIME DASHBOARD'
+    },
+    TaskBoard: {
+      title: 'Line Task Board',
+      tag: 'Auto refresh · Scrolling',
+      statusCompleted: 'Completed',
+      statusLowProgress: 'Behind',
+      columns: {
+        lineName: 'Line',
+        planNo: 'Plan No.',
+        productName: 'Product',
+        planQty: 'Planned',
+        doneQty: 'Completed',
+        passRate: 'Pass Rate'
+      }
+    },
+    DayCapacity: {
+      title: 'Daily Capacity',
+      tag: 'Today',
+      metrics: {
+        orders: 'Orders',
+        scheduled: 'Scheduled',
+        produced: 'Produced',
+        rate: 'Quality Rate'
+      },
+      chart: {
+        scheduled: 'Scheduled',
+        produced: 'Produced'
+      }
+    },
+    MonthCapacity: {
+      title: 'Monthly Capacity',
+      tag: 'This month',
+      metrics: {
+        orders: 'Orders',
+        scheduled: 'Scheduled',
+        produced: 'Produced',
+        rate: 'Quality Rate'
+      },
+      chart: {
+        scheduled: 'Scheduled',
+        produced: 'Produced'
+      }
+    },
+    WeekTrend: {
+      title: 'Weekly Output Trend',
+      legendOutput: 'Output',
+      legendPlan: 'Plan',
+      seriesPlanOutput: 'Planned Output',
+      seriesActualOutput: 'Actual Output'
+    },
+    OpsTrend: {
+      title: 'Completed Output',
+      defaultLine: 'All lines',
+      yAxisName: 'Completed Output',
+      seriesName: 'Completed Output',
+      summary: '{line} · Avg {value}'
+    },
+    TodayOps: {
+      title: 'Today Power/Utilization',
+      empty: 'No data',
+      powerOnRate: 'Power-on Rate',
+      utilizationRate: 'Utilization'
+    },
+    QualityTrend: {
+      title: 'Product Quality Trend',
+      tag: 'Daily (All lines)',
+      seriesName: 'Pass Rate',
+      markLineAverage: 'Avg {value}%',
+      markLineAverageName: 'Average'
+    },
+    RealAlarm: {
+      title: 'Real-time Alarms',
+      tag: 'Scrolling',
+      levelSevere: 'Severe',
+      levelWarn: 'Warning',
+      levelInfo: 'Info'
+    },
+    EnergyTrend: {
+      title: 'Weekly Energy Trend',
+      selectPlaceholder: 'Please select',
+      seriesActualEnergy: 'Actual Energy (kWh)'
     }
   },
   ErpStock: {
@@ -3805,8 +3964,6 @@ export default {
       dialogCollectionTimeLabel: 'Collection Time',
       dialogCollectionTimeStartPlaceholder: 'Start Time',
       dialogCollectionTimeEndPlaceholder: 'End Time',
-      dialogPointFilterLabel: 'Point Filter',
-      dialogPointFilterPlaceholder: 'Please select points',
       dialogSearchButtonText: 'Search',
       dialogResetButtonText: 'Reset',
       dialogRecordCollectionTimePrefix: 'Collection Time: ',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index dd37564f..be57a502 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -99,6 +99,165 @@ export default {
       messageRouteMissing: '未配置预览路由',
       messageDevicePointRequired: '请至少配置一组设备和点位',
       messageMissingId: '缺少数据编号，无法编辑'
+    },
+    Dashboard1: {
+      header: {
+        title: '产线运行看板',
+        weather: {
+          cloudyToClear: '多云转晴'
+        },
+        weekDays: {
+          Sunday: '星期日',
+          Monday: '星期一',
+          Tuesday: '星期二',
+          Wednesday: '星期三',
+          Thursday: '星期四',
+          Friday: '星期五',
+          Saturday: '星期六'
+        }
+      },
+      deviceIdPrefix: 'ID:',
+      defaultDeviceName: '默认设备',
+      statusOffline: '离线',
+      statusRunning: '运行',
+      statusStandby: '待机',
+      statusFault: '故障',
+      deviceOverview: {
+        title: '设备概况',
+        device: '设备数量',
+        running: '运行数量',
+        idle: '待机数量',
+        alarm: '报警数量',
+        utilization: '稼动率',
+        faultRate: '故障率'
+      },
+      alarms: {
+        title: '实时报警信息',
+        tag: '滚动展示',
+        levelSevere: '严重',
+        levelWarn: '警告',
+        levelInfo: '提示'
+      },
+      productionTrend: {
+        title: '产量趋势',
+        tagToday: '今日',
+        seriesOutput: '产量'
+      },
+      eventReminder: {
+        title: '事件提醒',
+        modeDevice: '设备',
+        modeMold: '模具',
+        check: '点检',
+        maintain: '保养',
+        repair: '维修'
+      },
+      taskList: {
+        title: '任务列表',
+        columns: {
+          code: '编号',
+          name: '名称',
+          type: '类型',
+          finishStatus: '完成状态',
+          result: '结果'
+        },
+        finishPending: '待完成',
+        finishDone: '已完成',
+        finishCanceled: '已取消',
+        resultPass: '通过',
+        resultFail: '不通过'
+      },
+      energyMonitor: {
+        title: '能耗监测',
+        selectPlaceholder: '请选择',
+        seriesEnergy: '能耗'
+      }
+    }
+  },
+  Dashboard8: {
+    Header: {
+      title: '智能制造产线任务总览',
+      subTitle: '智能制造实时看板'
+    },
+    TaskBoard: {
+      title: '产线任务看板',
+      tag: '实时刷新 · 滚动展示',
+      statusCompleted: '已完成',
+      statusLowProgress: '进度偏低',
+      columns: {
+        lineName: '产线名称',
+        planNo: '计划单',
+        productName: '产品名称',
+        planQty: '计划数量',
+        doneQty: '完工数量',
+        passRate: '合格率'
+      }
+    },
+    DayCapacity: {
+      title: '日产能达成情况',
+      tag: '当日维度',
+      metrics: {
+        orders: '排产单数量',
+        scheduled: '已排产数量',
+        produced: '已生产数量',
+        rate: '产能合格率'
+      },
+      chart: {
+        scheduled: '已排产',
+        produced: '已生产'
+      }
+    },
+    MonthCapacity: {
+      title: '月产能达成情况',
+      tag: '当月累计',
+      metrics: {
+        orders: '排产单数量',
+        scheduled: '已排产数量',
+        produced: '已生产数量',
+        rate: '产能合格率'
+      },
+      chart: {
+        scheduled: '已排产',
+        produced: '已生产'
+      }
+    },
+    WeekTrend: {
+      title: '周生产趋势',
+      legendOutput: '产量',
+      legendPlan: '计划',
+      seriesPlanOutput: '计划产量',
+      seriesActualOutput: '实际产量'
+    },
+    OpsTrend: {
+      title: '产能完成数',
+      defaultLine: '全部产线',
+      yAxisName: '产能完成数',
+      seriesName: '产能完成数',
+      summary: '{line} · 日均完成 {value}'
+    },
+    TodayOps: {
+      title: '今日开机率/稼动率',
+      empty: '暂无数据',
+      powerOnRate: '开机率',
+      utilizationRate: '稼动率'
+    },
+    QualityTrend: {
+      title: '成品检合格率趋势图',
+      tag: '按天统计（全产线）',
+      seriesName: '合格率',
+      markLineAverage: '平均 {value}%',
+      markLineAverageName: '平均值'
+    },
+    RealAlarm: {
+      title: '实时报警信息',
+      tag: '滚动展示',
+      levelSevere: '严重',
+      levelWarn: '警告',
+      levelInfo: '提示'
+    },
+    EnergyTrend: {
+      title: '能耗周趋势',
+      selectPlaceholder: '请选择',
+      seriesActualEnergy: '实际能耗(kWh)'
     }
   },
   ErpStock: {
@@ -3649,8 +3808,6 @@ export default {
       dialogCollectionTimeLabel: '采集时间',
       dialogCollectionTimeStartPlaceholder: '开始时间',
       dialogCollectionTimeEndPlaceholder: '结束时间',
-      dialogPointFilterLabel: '点位筛选',
-      dialogPointFilterPlaceholder: '请选择点位',
       dialogSearchButtonText: '查询',
       dialogResetButtonText: '重置',
       dialogRecordCollectionTimePrefix: '采集时间：',
diff --git a/src/views/report/dashboardPage/dashboard1/components/DashboardHeader.vue b/src/views/report/dashboardPage/dashboard1/components/DashboardHeader.vue
index 7042234b..e61c8a5b 100644
--- a/src/views/report/dashboardPage/dashboard1/components/DashboardHeader.vue
+++ b/src/views/report/dashboardPage/dashboard1/components/DashboardHeader.vue
@@ -43,7 +43,7 @@
               filter="url(#frameGlow)"
             />
           </svg>
-          <div class="title">产线运行看板</div>
+          <div class="title">{{ t('Dashboard1.header.title') }}</div>
         </div>
       </div>
       <div class="header-right">
@@ -64,13 +64,17 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRouter } from 'vue-router'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const router = useRouter()
+const { t } = useI18n('ReportDashboard')
+const localeStore = useLocaleStore()
 const timeStr = ref('')
 const dateStr = ref('')
-const weather = ref({ temp: '27°C', desc: 'Cloudy to clear' })
+const weather = ref({ temp: '27°C', desc: t('Dashboard1.header.weather.cloudyToClear') })
 let timer: number | undefined
 
 const goBack = () => {
@@ -87,8 +91,9 @@ const updateTime = () => {
   const y = d.getFullYear()
   const m = String(d.getMonth() + 1).padStart(2, '0')
   const day = String(d.getDate()).padStart(2, '0')
-  const weekMap = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
-  dateStr.value = `${weekMap[d.getDay()]}, ${y}-${m}-${day}`
+  const weekKeys = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+  const weekKey = weekKeys[d.getDay()] || 'Sunday'
+  dateStr.value = `${t(`Dashboard1.header.weekDays.${weekKey}`)}, ${y}-${m}-${day}`
 }
 
 onMounted(() => {
@@ -96,6 +101,14 @@ onMounted(() => {
   timer = window.setInterval(updateTime, 1000)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    weather.value.desc = t('Dashboard1.header.weather.cloudyToClear')
+    updateTime()
+  }
+)
+
 onUnmounted(() => {
   if (timer) clearInterval(timer)
 })
diff --git a/src/views/report/dashboardPage/dashboard1/components/DeviceOverview.vue b/src/views/report/dashboardPage/dashboard1/components/DeviceOverview.vue
index 098c9d8b..727ad2cc 100644
--- a/src/views/report/dashboardPage/dashboard1/components/DeviceOverview.vue
+++ b/src/views/report/dashboardPage/dashboard1/components/DeviceOverview.vue
@@ -2,7 +2,7 @@
   <div class="card">
     <div class="panel-title">
       <span class="title-dot"></span>
-      <span>设备概况</span>
+      <span>{{ t('Dashboard1.deviceOverview.title') }}</span>
     </div>
     <div class="panel-body overview-body">
       <div v-for="item in overviewItems" :key="item.key" class="gauge-item">
@@ -18,10 +18,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { colors } from '../utils'
 import { DashboardApi } from '@/api/dashboard'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 type OverviewItemKey = 'device' | 'running' | 'idle' | 'alarm' | 'utilization' | 'faultRate'
 
@@ -35,14 +37,25 @@ interface OverviewItem {
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('ReportDashboard')
+const localeStore = useLocaleStore()
+
+const getLabel = (key: OverviewItemKey) => {
+  if (key === 'device') return t('Dashboard1.deviceOverview.device')
+  if (key === 'running') return t('Dashboard1.deviceOverview.running')
+  if (key === 'idle') return t('Dashboard1.deviceOverview.idle')
+  if (key === 'alarm') return t('Dashboard1.deviceOverview.alarm')
+  if (key === 'utilization') return t('Dashboard1.deviceOverview.utilization')
+  return t('Dashboard1.deviceOverview.faultRate')
+}
 
 const overviewItems = ref<OverviewItem[]>([
-  { key: 'device', label: '设备数量', value: '0', percent: 0, color: colors.cyan },
-  { key: 'running', label: '运行数量', value: '0', percent: 0, color: colors.blue },
-  { key: 'idle', label: '待机数量', value: '0', percent: 0, color: colors.warn },
-  { key: 'alarm', label: '报警数量', value: '0', percent: 0, color: colors.danger },
-  { key: 'utilization', label: '稼动率', value: '0%', percent: 0, color: colors.green },
-  { key: 'faultRate', label: '故障率', value: '0%', percent: 0, color: colors.purple }
+  { key: 'device', label: getLabel('device'), value: '0', percent: 0, color: colors.cyan },
+  { key: 'running', label: getLabel('running'), value: '0', percent: 0, color: colors.blue },
+  { key: 'idle', label: getLabel('idle'), value: '0', percent: 0, color: colors.warn },
+  { key: 'alarm', label: getLabel('alarm'), value: '0', percent: 0, color: colors.danger },
+  { key: 'utilization', label: getLabel('utilization'), value: '0%', percent: 0, color: colors.green },
+  { key: 'faultRate', label: getLabel('faultRate'), value: '0%', percent: 0, color: colors.purple }
 ])
 
 const getGaugeStyle = (percent: number, color: string) => {
@@ -55,7 +68,8 @@ const getGaugeStyle = (percent: number, color: string) => {
 const formatNumber = (value: number | string | undefined | null) => {
   const n = Number(value ?? 0)
   if (!Number.isFinite(n)) return '0'
-  return n.toLocaleString('zh-CN')
+  const lang = localeStore.getCurrentLocale.lang
+  return n.toLocaleString(lang === 'zh-CN' ? 'zh-CN' : 'en-US')
 }
 
 const calcPercent = (part: number, total: number) => {
@@ -137,6 +151,14 @@ const loadOverview = async () => {
 onMounted(() => {
   loadOverview()
 })
+
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    overviewItems.value = overviewItems.value.map((item) => ({ ...item, label: getLabel(item.key) }))
+    loadOverview()
+  }
+)
 </script>
 
 <style scoped>
diff --git a/src/views/report/dashboardPage/dashboard1/components/EnergyMonitor.vue b/src/views/report/dashboardPage/dashboard1/components/EnergyMonitor.vue
index 64e0fa78..685cee88 100644
--- a/src/views/report/dashboardPage/dashboard1/components/EnergyMonitor.vue
+++ b/src/views/report/dashboardPage/dashboard1/components/EnergyMonitor.vue
@@ -3,11 +3,11 @@
     <div class="panel-title panel-title-between">
       <div class="panel-title-left">
         <span class="title-dot"></span>
-        <span>能耗监测</span>
+        <span>{{ t('Dashboard1.energyMonitor.title') }}</span>
       </div>
       <div class="tabs">
         <el-select
-v-model="selectedEnergyTypeId" placeholder="请选择" style="width: 120px" size="small"
+v-model="selectedEnergyTypeId" :placeholder="t('Dashboard1.energyMonitor.selectPlaceholder')" style="width: 120px" size="small"
           @change="getChartData">
           <el-option v-for="item in energyTypes" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
@@ -20,15 +20,19 @@ v-model="selectedEnergyTypeId" placeholder="请选择" style="width: 120px" size
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { colors, style } from '../utils'
 import { EnergyTypeApi, EnergyTypeVO } from '@/api/mes/energytype'
 import { EnergyDeviceApi } from '@/api/mes/energydevice'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('ReportDashboard')
+const localeStore = useLocaleStore()
 
 const energyTypes = ref<EnergyTypeVO[]>([])
 const selectedEnergyTypeId = ref<number | undefined>(undefined)
@@ -62,6 +66,31 @@ const getChartData = async () => {
   }
 }
 
+const buildOption = (x: string[], y: number[]) => {
+  return {
+    backgroundColor: 'transparent',
+    tooltip: { trigger: 'axis' },
+    grid: { top: '18%', left: '6%', right: '4%', bottom: '12%', containLabel: true },
+    xAxis: { type: 'category', data: x, axisLine: style.axisLine, axisLabel: { ...style.axisLabel, fontSize: 10, rotate: 40 } },
+    yAxis: { type: 'value', axisLine: { show: false }, axisLabel: { ...style.axisLabel, fontSize: 10 }, splitLine: style.splitLine },
+    series: [
+      {
+        name: t('Dashboard1.energyMonitor.seriesEnergy'),
+        type: 'bar',
+        barWidth: 12,
+        itemStyle: {
+          borderRadius: [6, 6, 0, 0],
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            { offset: 0, color: colors.blue },
+            { offset: 1, color: 'rgba(30,144,255,0.10)' }
+          ])
+        },
+        data: y
+      }
+    ]
+  }
+}
+
 const render = (data: any = []) => {
   if (!chart) return
 
@@ -89,27 +118,7 @@ const render = (data: any = []) => {
     y = []
   }
 
-  chart.setOption({
-    backgroundColor: 'transparent',
-    tooltip: { trigger: 'axis' },
-    grid: { top: '18%', left: '6%', right: '4%', bottom: '12%', containLabel: true },
-    xAxis: { type: 'category', data: x, axisLine: style.axisLine, axisLabel: { ...style.axisLabel, fontSize: 10, rotate: 40 } },
-    yAxis: { type: 'value', axisLine: { show: false }, axisLabel: { ...style.axisLabel, fontSize: 10 }, splitLine: style.splitLine },
-    series: [
-      {
-        type: 'bar',
-        barWidth: 12,
-        itemStyle: {
-          borderRadius: [6, 6, 0, 0],
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: colors.blue },
-            { offset: 1, color: 'rgba(30,144,255,0.10)' }
-          ])
-        },
-        data: y
-      }
-    ]
-  })
+  chart.setOption(buildOption(x, y))
 }
 
 const resize = () => {
@@ -119,13 +128,19 @@ const resize = () => {
 onMounted(() => {
   if (!chartRef.value) return
   chart = echarts.init(chartRef.value, 'dark', { renderer: 'canvas' })
-  // 先初始化一个空图表
-  render([])
+  chart.setOption(buildOption([], []))
   // 获取下拉选项并加载数据
   getEnergyTypes()
   window.addEventListener('resize', resize)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    getChartData()
+  }
+)
+
 onUnmounted(() => {
   window.removeEventListener('resize', resize)
   chart?.dispose()
diff --git a/src/views/report/dashboardPage/dashboard1/components/EventReminder.vue b/src/views/report/dashboardPage/dashboard1/components/EventReminder.vue
index bb7c7a0b..1094ce7f 100644
--- a/src/views/report/dashboardPage/dashboard1/components/EventReminder.vue
+++ b/src/views/report/dashboardPage/dashboard1/components/EventReminder.vue
@@ -3,12 +3,12 @@
 	<div class="panel-title">
 	  <div class="panel-title-left">
 		<span class="title-dot"></span>
-		<span>事件提醒</span>
+		<span>{{ t('Dashboard1.eventReminder.title') }}</span>
 	  </div>
 	  <div class="panel-title-right">
 		<el-radio-group v-model="mode" size="small">
-		  <el-radio-button label="device">设备</el-radio-button>
-		  <el-radio-button label="mold">模具</el-radio-button>
+		  <el-radio-button label="device">{{ t('Dashboard1.eventReminder.modeDevice') }}</el-radio-button>
+		  <el-radio-button label="mold">{{ t('Dashboard1.eventReminder.modeMold') }}</el-radio-button>
 		</el-radio-group>
 	  </div>
 	</div>
@@ -37,6 +37,8 @@ import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { DashboardApi, TaskStatisticsData } from '@/api/dashboard'
 import { colors } from '../utils'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 interface EventItem {
 	key: string
@@ -48,6 +50,8 @@ interface EventItem {
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('ReportDashboard')
+const localeStore = useLocaleStore()
 
 const chartRef = ref<HTMLElement | null>(null)
 let chart: echarts.ECharts | null = null
@@ -108,21 +112,21 @@ const applyTaskStatistics = (data: TaskStatisticsData) => {
 	eventItems.value = [
 		{
 			key: 'check',
-			name: '点检',
+			name: t('Dashboard1.eventReminder.check'),
 			count: inspection,
 			percent: toPercent(inspection),
 			color: colors.cyan
 		},
 		{
 			key: 'maintain',
-			name: '保养',
+			name: t('Dashboard1.eventReminder.maintain'),
 			count: maintenance,
 			percent: toPercent(maintenance),
 			color: colors.warn
 		},
 		{
 			key: 'repair',
-			name: '维修',
+			name: t('Dashboard1.eventReminder.repair'),
 			count: repair,
 			percent: toPercent(repair),
 			color: colors.danger
@@ -149,6 +153,14 @@ watch(mode, () => {
 	applyTaskStatistics(rawStats.value)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    if (!rawStats.value) return
+    applyTaskStatistics(rawStats.value)
+  }
+)
+
 const resize = () => {
 	chart?.resize()
 }
diff --git a/src/views/report/dashboardPage/dashboard1/components/PaymentMethod.vue b/src/views/report/dashboardPage/dashboard1/components/PaymentMethod.vue
index fec020dc..5a16c675 100644
--- a/src/views/report/dashboardPage/dashboard1/components/PaymentMethod.vue
+++ b/src/views/report/dashboardPage/dashboard1/components/PaymentMethod.vue
@@ -5,9 +5,9 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:bell" />
         </span>
-        <span>实时报警信息</span>
+        <span>{{ t('Dashboard1.alarms.title') }}</span>
       </div>
-      <span class="tag">滚动展示</span>
+      <span class="tag">{{ t('Dashboard1.alarms.tag') }}</span>
     </div>
     <div class="card-body">
       <ul ref="listRef" class="alarm-list">
@@ -28,17 +28,35 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { DeviceWarningRecordApi, DeviceWarningRecordVO } from '@/api/iot/deviceWarningRecord'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('ReportDashboard')
+const localeStore = useLocaleStore()
 
 const alarms = ref<any[]>([])
 const isAnimating = ref(false)
 let timer: ReturnType<typeof setInterval> | null = null
 
+const mapAlarmLevel = (alarmLevel: unknown) => {
+  const raw = String(alarmLevel ?? '').trim()
+  if (raw === '2' || raw === '严重' || raw.toLowerCase() === 'severe') {
+    return { type: 'danger', levelText: t('Dashboard1.alarms.levelSevere') }
+  }
+  if (raw === '1' || raw === '警告' || raw.toLowerCase() === 'warning' || raw.toLowerCase() === 'warn') {
+    return { type: 'warn', levelText: t('Dashboard1.alarms.levelWarn') }
+  }
+  if (raw === '0' || raw === '提示' || raw.toLowerCase() === 'info' || raw.toLowerCase() === 'notice') {
+    return { type: 'safe', levelText: t('Dashboard1.alarms.levelInfo') }
+  }
+  return { type: 'safe', levelText: raw || t('Dashboard1.alarms.levelInfo') }
+}
+
 const getAlarms = async () => {
   try {
     const data = (await DeviceWarningRecordApi.getList({ orgId })) || []
@@ -49,28 +67,12 @@ const getAlarms = async () => {
         timeStr = d.toTimeString().slice(0, 8)
       }
 
-      let type = 'safe'
-      let levelText = item.alarmLevel
-
-      if (item.alarmLevel === '2') {
-        type = 'danger'
-        levelText = '严重'
-      } else if (item.alarmLevel === '1') {
-        type = 'warn'
-        levelText = '警告'
-      } else if (item.alarmLevel === '0') {
-        type = 'safe'
-        levelText = '提示'
-      } else {
-        if (item.alarmLevel === '严重') type = 'danger'
-        else if (item.alarmLevel === '警告') type = 'warn'
-        else if (item.alarmLevel === '提示') type = 'safe'
-      }
+      const mapped = mapAlarmLevel(item.alarmLevel)
 
       return {
         time: timeStr,
-        level: levelText,
-        type,
+        level: mapped.levelText,
+        type: mapped.type,
         msg: `${item.deviceName}-${item.ruleName}`
       }
     })
@@ -101,6 +103,13 @@ onMounted(() => {
   getAlarms()
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    getAlarms()
+  }
+)
+
 onUnmounted(() => {
   if (timer) clearInterval(timer)
 })
diff --git a/src/views/report/dashboardPage/dashboard1/components/ProductionTrend.vue b/src/views/report/dashboardPage/dashboard1/components/ProductionTrend.vue
index 5c4dc557..1a3b9e1d 100644
--- a/src/views/report/dashboardPage/dashboard1/components/ProductionTrend.vue
+++ b/src/views/report/dashboardPage/dashboard1/components/ProductionTrend.vue
@@ -2,8 +2,8 @@
   <div class="card">
     <div class="panel-title">
       <span class="title-dot"></span>
-      <span>产量趋势</span>
-      <span class="tag">今日</span>
+      <span>{{ t('Dashboard1.productionTrend.title') }}</span>
+      <span class="tag">{{ t('Dashboard1.productionTrend.tagToday') }}</span>
     </div>
     <div class="panel-body">
       <div ref="chartRef" class="chart"></div>
@@ -12,15 +12,19 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { colors, style } from '../utils'
 import { DeviceWarningRecordApi } from '@/api/iot/deviceWarningRecord'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const chartRef = ref<HTMLElement | null>(null)
 let chart: echarts.ECharts | null = null
+const { t } = useI18n('ReportDashboard')
+const localeStore = useLocaleStore()
 
 const render = async () => {
 	if (!chart) return
@@ -69,7 +73,7 @@ const render = async () => {
 		},
 		series: [
 			{
-				name: '产量',
+				name: t('Dashboard1.productionTrend.seriesOutput'),
 				type: 'bar',
 				barWidth: 12,
 				itemStyle: {
@@ -96,6 +100,13 @@ onMounted(() => {
   window.addEventListener('resize', resize)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    render()
+  }
+)
+
 onUnmounted(() => {
   window.removeEventListener('resize', resize)
   chart?.dispose()
diff --git a/src/views/report/dashboardPage/dashboard1/components/TaskList.vue b/src/views/report/dashboardPage/dashboard1/components/TaskList.vue
index 00377ce2..b67b2914 100644
--- a/src/views/report/dashboardPage/dashboard1/components/TaskList.vue
+++ b/src/views/report/dashboardPage/dashboard1/components/TaskList.vue
@@ -2,7 +2,7 @@
   <div class="card">
     <div class="panel-title">
       <span class="title-dot"></span>
-      <span>任务列表</span>
+      <span>{{ t('Dashboard1.taskList.title') }}</span>
     </div>
     <div class="panel-body table-body">
       <el-table
@@ -14,10 +14,10 @@
         :border="false"
         :highlight-current-row="false"
       >
-        <el-table-column prop="code" label="编号" width="100" show-overflow-tooltip />
-        <el-table-column prop="name" label="名称" />
-        <el-table-column prop="type" label="类型" />
-        <el-table-column label="完成状态">
+        <el-table-column prop="code" :label="t('Dashboard1.taskList.columns.code')" width="100" show-overflow-tooltip />
+        <el-table-column prop="name" :label="t('Dashboard1.taskList.columns.name')" />
+        <el-table-column prop="type" :label="t('Dashboard1.taskList.columns.type')" />
+        <el-table-column :label="t('Dashboard1.taskList.columns.finishStatus')">
           <template #default="scope">
             <el-tag
               v-if="scope.row.finishStatusLabel"
@@ -32,7 +32,7 @@
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="结果">
+        <el-table-column :label="t('Dashboard1.taskList.columns.result')">
           <template #default="scope">
             <div class="status-cell">
               <el-tag
@@ -56,10 +56,12 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import type { ElTable } from 'element-plus'
 import { DashboardApi, DashboardTaskItem } from '@/api/dashboard'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 interface TaskRow {
 	id: string
@@ -74,29 +76,32 @@ interface TaskRow {
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('ReportDashboard')
+const localeStore = useLocaleStore()
 
 const taskRows = ref<TaskRow[]>([])
+const rawItems = ref<DashboardTaskItem[]>([])
 const tableRef = ref<InstanceType<typeof ElTable> | null>(null)
 let scrollTimer: number | undefined
 
 const mapItemToRow = (item: DashboardTaskItem, index: number): TaskRow => {
 	const resultStatus = Number(item.resultStatus) || 0
 	const finishCode = String(item.finishStatus ?? '').trim()
-	let finishStatusLabel = item.finishStatus
+	let finishStatusLabel = String(item.finishStatus ?? '')
 	let finishStatusType: TaskRow['finishStatusType'] = ''
-	if (finishCode === '0') finishStatusLabel = '待完成'
-	else if (finishCode === '1') finishStatusLabel = '已完成'
-	else if (finishCode === '2') finishStatusLabel = '已取消'
+	if (finishCode === '0') finishStatusLabel = t('Dashboard1.taskList.finishPending')
+	else if (finishCode === '1') finishStatusLabel = t('Dashboard1.taskList.finishDone')
+	else if (finishCode === '2') finishStatusLabel = t('Dashboard1.taskList.finishCanceled')
 	if (finishCode === '0') finishStatusType = 'warning'
 	else if (finishCode === '1') finishStatusType = 'success'
 	else if (finishCode === '2') finishStatusType = 'info'
 	let resultStatusLabel = '-'
 	let resultStatusType: TaskRow['resultStatusType'] = ''
 	if (resultStatus === 1) {
-		resultStatusLabel = '通过'
+		resultStatusLabel = t('Dashboard1.taskList.resultPass')
 		resultStatusType = 'success'
 	} else if (resultStatus === 2) {
-		resultStatusLabel = '不通过'
+		resultStatusLabel = t('Dashboard1.taskList.resultFail')
 		resultStatusType = 'danger'
 	}
 	return {
@@ -118,12 +123,15 @@ const loadTaskList = async () => {
 			| DashboardTaskItem[]
 			| null
 		if (!payload || !Array.isArray(payload)) {
+      rawItems.value = []
 			taskRows.value = []
 			return
 		}
+    rawItems.value = payload
 		taskRows.value = payload.map(mapItemToRow)
 	} catch (error) {
 		console.error(error)
+    rawItems.value = []
 		taskRows.value = []
 	}
 }
@@ -161,6 +169,13 @@ onMounted(async () => {
 	startAutoScroll()
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    taskRows.value = rawItems.value.map(mapItemToRow)
+  }
+)
+
 onUnmounted(() => {
 	if (scrollTimer) {
 		clearInterval(scrollTimer)
diff --git a/src/views/report/dashboardPage/dashboard1/index.vue b/src/views/report/dashboardPage/dashboard1/index.vue
index 7cdee0e0..139b7bec 100644
--- a/src/views/report/dashboardPage/dashboard1/index.vue
+++ b/src/views/report/dashboardPage/dashboard1/index.vue
@@ -48,7 +48,7 @@
                     </el-tag>
                   </div>
                   <div class="header-right">
-                    <span class="device-id">{{ t('ReportDashboard.Dashboard1.deviceIdPrefix') }}{{ item.deviceId }}</span>
+                    <span class="device-id">{{ t('Dashboard1.deviceIdPrefix') }}{{ item.deviceId }}</span>
                   </div>
                 </div>
                 <div class="device-body">
@@ -80,7 +80,7 @@
                     </el-tag>
                   </div>
                   <div class="header-right">
-                    <span class="device-id">{{ t('ReportDashboard.Dashboard1.deviceIdPrefix') }}{{ item.deviceId }}</span>
+                    <span class="device-id">{{ t('Dashboard1.deviceIdPrefix') }}{{ item.deviceId }}</span>
                   </div>
                 </div>
                 <div class="device-body">
@@ -128,7 +128,7 @@ import ProductionTrend from './components/ProductionTrend.vue'
 const route = useRoute()
 const goviewId = route.query.goviewId as string
 const orgId = route.query.orgId
-const { t } = useI18n()
+const { t } = useI18n('ReportDashboard')
 
 interface DeviceAttribute {
   attributeName: string
@@ -165,7 +165,7 @@ const loadDeviceAttributes = async () => {
 
     const cards: DeviceCardData[] = list.map((d: any) => {
       return {
-        deviceName: d.deviceName || t('ReportDashboard.Dashboard1.defaultDeviceName'),
+        deviceName: d.deviceName || t('Dashboard1.defaultDeviceName'),
         deviceId: d.deviceId,
         operatingStatus: d.operatingStatus,
         attributes: (d.attributes || []).map((attr: any) => ({
@@ -194,8 +194,14 @@ const getDeviceStatusType = (status?: string) => {
 }
 
 const getDeviceStatusText = (status?: string) => {
-  if (!status) return t('ReportDashboard.Dashboard1.statusOffline')
-  return status
+  if (!status) return t('Dashboard1.statusOffline')
+  const raw = String(status).trim()
+  const s = raw.toLowerCase()
+  if (s.includes('故障') || s === 'fault') return t('Dashboard1.statusFault')
+  if (s.includes('待机') || s === 'standby') return t('Dashboard1.statusStandby')
+  if (s.includes('运行') || s === 'run' || s === 'running') return t('Dashboard1.statusRunning')
+  if (s.includes('离线') || s === 'offline') return t('Dashboard1.statusOffline')
+  return raw
 }
 
 onMounted(() => {
diff --git a/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue b/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue
index 9c10a97d..33884766 100644
--- a/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue
@@ -6,8 +6,8 @@
           <Icon icon="fa-solid:microchip" class="title-mark-icon" />
         </div>
         <div>
-          <div class="title">智能制造产线任务总览</div>
-          <div class="sub-title">INTELLIGENT MANUFACTURING REAL-TIME DASHBOARD</div>
+          <div class="title">{{ t('Header.title') }}</div>
+          <div class="sub-title">{{ t('Header.subTitle') }}</div>
         </div>
       </div>
       <div class="header-right">
@@ -31,8 +31,10 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
+import { useI18n } from '@/hooks/web/useI18n'
 
 const router = useRouter()
+const { t } = useI18n('Dashboard8')
 
 const timeStr = ref('')
 let timer: number | undefined
diff --git a/src/views/report/dashboardPage/dashboard8/components/DayCapacity.vue b/src/views/report/dashboardPage/dashboard8/components/DayCapacity.vue
index 88661def..d36ebff6 100644
--- a/src/views/report/dashboardPage/dashboard8/components/DayCapacity.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/DayCapacity.vue
@@ -5,9 +5,9 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:sun" />
         </span>
-        <span>日产能达成情况</span>
+        <span>{{ t('DayCapacity.title') }}</span>
       </div>
-      <span class="tag">当日维度</span>
+      <span class="tag">{{ t('DayCapacity.tag') }}</span>
     </div>
     <div class="card-body">
       <div class="card-body-row">
@@ -17,19 +17,19 @@
         <div class="card-body-col">
           <div class="metrics-grid">
             <div class="metric-card">
-              <div class="metric-label">排产单数量</div>
+              <div class="metric-label">{{ t('DayCapacity.metrics.orders') }}</div>
               <div class="metric-value" ref="dayOrderEl"></div>
             </div>
             <div class="metric-card">
-              <div class="metric-label">已排产数量</div>
+              <div class="metric-label">{{ t('DayCapacity.metrics.scheduled') }}</div>
               <div class="metric-value" ref="dayPlanEl"></div>
             </div>
             <div class="metric-card">
-              <div class="metric-label">已生产数量</div>
+              <div class="metric-label">{{ t('DayCapacity.metrics.produced') }}</div>
               <div class="metric-value ok" ref="dayPendingEl"></div>
             </div>
             <div class="metric-card">
-              <div class="metric-label">产能合格率</div>
+              <div class="metric-label">{{ t('DayCapacity.metrics.rate') }}</div>
               <div class="metric-value accent" ref="dayRateEl"></div>
             </div>
           </div>
@@ -40,14 +40,18 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { colors, animateCount, style } from '../utils'
 import { PlanApi } from '@/api/mes/plan'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
 type CapacityData = {
   orders: number
@@ -71,6 +75,27 @@ const dayRateEl = ref<HTMLElement | null>(null)
 
 let chart: echarts.ECharts | null = null
 
+const buildOption = () => {
+  return {
+    backgroundColor: 'transparent',
+    tooltip: { trigger: 'item' },
+    legend: { bottom: '0%', left: 'center', textStyle: style.legendText },
+    series: [
+      {
+        type: 'pie',
+        radius: ['60%', '82%'],
+        center: ['50%', '55%'],
+        label: { show: false },
+        emphasis: { scale: false },
+        data: [
+          { value: day.scheduled, name: t('DayCapacity.chart.scheduled'), itemStyle: { color: colors.cyan } },
+          { value: day.produced, name: t('DayCapacity.chart.produced'), itemStyle: { color: colors.green } }
+        ]
+      }
+    ]
+  }
+}
+
 const mapCapacity = (raw: any): CapacityData => {
   const orderCount = Number(raw?.orders ?? raw?.order ?? 0)
   const scheduled = Number(raw?.plan ?? 0)
@@ -94,24 +119,7 @@ const loadDayCapacity = async () => {
 const initChart = () => {
   if (!chartRef.value) return
   chart = echarts.init(chartRef.value, 'dark', { renderer: 'canvas' })
-  chart.setOption({
-    backgroundColor: 'transparent',
-    tooltip: { trigger: 'item' },
-    legend: { bottom: '0%', left: 'center', textStyle: style.legendText },
-    series: [
-      {
-        type: 'pie',
-        radius: ['60%', '82%'],
-        center: ['50%', '55%'],
-        label: { show: false },
-        emphasis: { scale: false },
-        data: [
-          { value: day.scheduled, name: '已排产', itemStyle: { color: colors.cyan } },
-          { value: day.produced, name: '已生产', itemStyle: { color: colors.green } }
-        ]
-      }
-    ]
-  })
+  chart.setOption(buildOption())
 }
 
 const resizeHandler = () => {
@@ -121,6 +129,7 @@ const resizeHandler = () => {
 onMounted(async () => {
   await loadDayCapacity()
   initChart()
+  chart?.setOption(buildOption(), true)
   animateCount(dayOrderEl.value, day.orders, '', 900)
   animateCount(dayPlanEl.value, day.scheduled, '', 900)
   animateCount(dayPendingEl.value, day.produced, '', 900)
@@ -128,6 +137,13 @@ onMounted(async () => {
   window.addEventListener('resize', resizeHandler)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    chart?.setOption(buildOption(), true)
+  }
+)
+
 onUnmounted(() => {
   window.removeEventListener('resize', resizeHandler)
   chart?.dispose()
diff --git a/src/views/report/dashboardPage/dashboard8/components/EnergyTrend.vue b/src/views/report/dashboardPage/dashboard8/components/EnergyTrend.vue
index bbaac737..d7d15a9e 100644
--- a/src/views/report/dashboardPage/dashboard8/components/EnergyTrend.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/EnergyTrend.vue
@@ -5,11 +5,11 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:bolt" />
         </span>
-        <span>能耗周趋势</span>
+        <span>{{ t('EnergyTrend.title') }}</span>
       </div>
       <div class="card-toolbar">
         <el-select
-v-model="selectedEnergyTypeId" placeholder="请选择" class="energy-type-select" size="small"
+v-model="selectedEnergyTypeId" :placeholder="t('EnergyTrend.selectPlaceholder')" class="energy-type-select" size="small"
           @change="handleEnergyTypeChange">
           <el-option v-for="item in energyTypes" :key="item.id" :label="item.name" :value="item.id" />
         </el-select>
@@ -22,15 +22,19 @@ v-model="selectedEnergyTypeId" placeholder="请选择" class="energy-type-select
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { colors, style } from '../utils'
 import { EnergyTypeApi, EnergyTypeVO } from '@/api/mes/energytype'
 import { EnergyDeviceApi } from '@/api/mes/energydevice'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
 const energyTypes = ref<EnergyTypeVO[]>([])
 const selectedEnergyTypeId = ref<number | undefined>(undefined)
@@ -68,24 +72,8 @@ const handleEnergyTypeChange = () => {
   getChartData()
 }
 
-const render = (data: any = []) => {
-  if (!chart) return
-
-  const list = (data as any).data || (Array.isArray(data) ? data : [])
-  const x: string[] = []
-  const actual: number[] = []
-  const baseline: number[] = []
-
-  if (list && list.length > 0) {
-    list.forEach((item: any) => {
-      const label = item.hour || item.day || ''
-      x.push(label)
-      const v = Number(item.value ?? item.energy ?? item.consumption ?? 0)
-      actual.push(Number.isNaN(v) ? 0 : v)
-    })
-  }
-
-  chart.setOption({
+const buildOption = (x: string[], actual: number[]) => {
+  return {
     backgroundColor: 'transparent',
     tooltip: { trigger: 'axis' },
     legend: { top: 0, right: 0, textStyle: style.legendText },
@@ -99,7 +87,7 @@ const render = (data: any = []) => {
     yAxis: { type: 'value', axisLine: { show: false }, axisLabel: style.axisLabel, splitLine: style.splitLine },
     series: [
       {
-        name: '实际能耗(kWh)',
+        name: t('EnergyTrend.seriesActualEnergy'),
         type: 'bar',
         barWidth: 16,
         itemStyle: {
@@ -112,7 +100,26 @@ const render = (data: any = []) => {
         data: actual
       }
     ]
-  })
+  }
+}
+
+const render = (data: any = []) => {
+  if (!chart) return
+
+  const list = (data as any).data || (Array.isArray(data) ? data : [])
+  const x: string[] = []
+  const actual: number[] = []
+
+  if (list && list.length > 0) {
+    list.forEach((item: any) => {
+      const label = item.hour || item.day || ''
+      x.push(label)
+      const v = Number(item.value ?? item.energy ?? item.consumption ?? 0)
+      actual.push(Number.isNaN(v) ? 0 : v)
+    })
+  }
+
+  chart.setOption(buildOption(x, actual))
 }
 
 const resize = () => {
@@ -122,11 +129,18 @@ const resize = () => {
 onMounted(async () => {
   if (!chartRef.value) return
   chart = echarts.init(chartRef.value, 'dark', { renderer: 'canvas' })
-  render([])
+  chart.setOption(buildOption([], []))
   await getEnergyTypes()
   window.addEventListener('resize', resize)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    getChartData()
+  }
+)
+
 onUnmounted(() => {
   window.removeEventListener('resize', resize)
   chart?.dispose()
diff --git a/src/views/report/dashboardPage/dashboard8/components/MonthCapacity.vue b/src/views/report/dashboardPage/dashboard8/components/MonthCapacity.vue
index 0c75dd3d..f37f9e3f 100644
--- a/src/views/report/dashboardPage/dashboard8/components/MonthCapacity.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/MonthCapacity.vue
@@ -5,9 +5,9 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:moon" />
         </span>
-        <span>月产能达成情况</span>
+        <span>{{ t('MonthCapacity.title') }}</span>
       </div>
-      <span class="tag">当月累计</span>
+      <span class="tag">{{ t('MonthCapacity.tag') }}</span>
     </div>
     <div class="card-body">
       <div class="card-body-row">
@@ -17,19 +17,19 @@
         <div class="card-body-col">
           <div class="metrics-grid">
             <div class="metric-card">
-              <div class="metric-label">排产单数量</div>
+              <div class="metric-label">{{ t('MonthCapacity.metrics.orders') }}</div>
               <div class="metric-value" ref="monthOrderEl"></div>
             </div>
             <div class="metric-card">
-              <div class="metric-label">已排产数量</div>
+              <div class="metric-label">{{ t('MonthCapacity.metrics.scheduled') }}</div>
               <div class="metric-value" ref="monthPlanEl"></div>
             </div>
             <div class="metric-card">
-              <div class="metric-label">已生产数量</div>
+              <div class="metric-label">{{ t('MonthCapacity.metrics.produced') }}</div>
               <div class="metric-value ok" ref="monthPendingEl"></div>
             </div>
             <div class="metric-card">
-              <div class="metric-label">产能合格率</div>
+              <div class="metric-label">{{ t('MonthCapacity.metrics.rate') }}</div>
               <div class="metric-value accent" ref="monthRateEl"></div>
             </div>
           </div>
@@ -40,14 +40,18 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { colors, animateCount, style } from '../utils'
 import { PlanApi } from '@/api/mes/plan'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
 type CapacityData = {
   orders: number
@@ -71,6 +75,27 @@ const monthRateEl = ref<HTMLElement | null>(null)
 
 let chart: echarts.ECharts | null = null
 
+const buildOption = () => {
+  return {
+    backgroundColor: 'transparent',
+    tooltip: { trigger: 'item' },
+    legend: { bottom: '0%', left: 'center', textStyle: style.legendText },
+    series: [
+      {
+        type: 'pie',
+        radius: ['60%', '82%'],
+        center: ['50%', '55%'],
+        label: { show: false },
+        emphasis: { scale: false },
+        data: [
+          { value: month.scheduled, name: t('MonthCapacity.chart.scheduled'), itemStyle: { color: colors.cyan } },
+          { value: month.produced, name: t('MonthCapacity.chart.produced'), itemStyle: { color: colors.green } }
+        ]
+      }
+    ]
+  }
+}
+
 const mapCapacity = (raw: any): CapacityData => {
   const orderCount = Number(raw?.orders ?? raw?.order ?? 0)
   const scheduled = Number(raw?.plan ?? 0)
@@ -94,24 +119,7 @@ const loadMonthCapacity = async () => {
 const initChart = () => {
   if (!chartRef.value) return
   chart = echarts.init(chartRef.value, 'dark', { renderer: 'canvas' })
-  chart.setOption({
-    backgroundColor: 'transparent',
-    tooltip: { trigger: 'item' },
-    legend: { bottom: '0%', left: 'center', textStyle: style.legendText },
-    series: [
-      {
-        type: 'pie',
-        radius: ['60%', '82%'],
-        center: ['50%', '55%'],
-        label: { show: false },
-        emphasis: { scale: false },
-        data: [
-          { value: month.scheduled, name: '已排产', itemStyle: { color: colors.cyan } },
-          { value: month.produced, name: '已生产', itemStyle: { color: colors.green } }
-        ]
-      }
-    ]
-  })
+  chart.setOption(buildOption())
 }
 
 const resizeHandler = () => {
@@ -121,6 +129,7 @@ const resizeHandler = () => {
 onMounted(async () => {
   await loadMonthCapacity()
   initChart()
+  chart?.setOption(buildOption(), true)
   animateCount(monthOrderEl.value, month.orders, '', 900)
   animateCount(monthPlanEl.value, month.scheduled, '', 900)
   animateCount(monthPendingEl.value, month.produced, '', 900)
@@ -128,6 +137,13 @@ onMounted(async () => {
   window.addEventListener('resize', resizeHandler)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    chart?.setOption(buildOption(), true)
+  }
+)
+
 onUnmounted(() => {
   window.removeEventListener('resize', resizeHandler)
   chart?.dispose()
diff --git a/src/views/report/dashboardPage/dashboard8/components/OpsTrend.vue b/src/views/report/dashboardPage/dashboard8/components/OpsTrend.vue
index c3f08095..18cb56dc 100644
--- a/src/views/report/dashboardPage/dashboard8/components/OpsTrend.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/OpsTrend.vue
@@ -5,7 +5,7 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:wave-square" />
         </span>
-        <span>产能完成数</span>
+        <span>{{ t('OpsTrend.title') }}</span>
       </div>
       <div class="ops-header-right">
 			<span class="tag">{{ summary }}</span>
@@ -18,17 +18,21 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { colors, style } from '../utils'
 import { PlanApi } from '@/api/mes/plan'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
 const opsDays: string[] = []
 const opsLines: { name: string; value: number[] }[] = [
-	{ name: '全部产线', value: [] }
+	{ name: t('OpsTrend.defaultLine'), value: [] }
 ]
 
 const currentLine = ref(opsLines[0].name)
@@ -43,7 +47,7 @@ const avg = (arr: number[]) => {
 const updateOps = (lineName: string) => {
   currentLine.value = lineName
   const item = opsLines.find((x) => x.name === lineName) || opsLines[0]
-	summary.value = `${item.name} · 日均完成 ${avg(item.value)}`
+	summary.value = t('OpsTrend.summary', { line: item.name, value: avg(item.value) })
 
   if (!chart) return
   chart.setOption({
@@ -74,7 +78,7 @@ const loadOpsData = async () => {
 		opsDays.length = 0
 		opsDays.push(...days)
 		opsLines.length = 0
-		opsLines.push({ name: '全部产线', value: values })
+		opsLines.push({ name: t('OpsTrend.defaultLine'), value: values })
 		if (opsLines[0]) {
 			currentLine.value = opsLines[0].name
 			updateOps(currentLine.value)
@@ -95,14 +99,14 @@ const initChart = async () => {
     xAxis: { type: 'category', data: opsDays, axisLine: style.axisLine, axisLabel: style.axisLabel },
     yAxis: {
       type: 'value',
-      name: '产能完成数',
+      name: t('OpsTrend.yAxisName'),
       nameTextStyle: { color: '#a8b7d8', fontSize: 12 },
       axisLabel: style.axisLabel,
       splitLine: style.splitLine
     },
     series: [
       {
-        name: '产能完成数',
+        name: t('OpsTrend.seriesName'),
         type: 'line',
         smooth: true,
         showSymbol: false,
@@ -124,6 +128,20 @@ onMounted(() => {
   window.addEventListener('resize', resizeHandler)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    chart?.setOption(
+      {
+        yAxis: { name: t('OpsTrend.yAxisName') },
+        series: [{ name: t('OpsTrend.seriesName') }]
+      },
+      false
+    )
+    updateOps(currentLine.value)
+  }
+)
+
 onUnmounted(() => {
   window.removeEventListener('resize', resizeHandler)
   chart?.dispose()
diff --git a/src/views/report/dashboardPage/dashboard8/components/QualityTrend.vue b/src/views/report/dashboardPage/dashboard8/components/QualityTrend.vue
index 4f0ac060..c30131a9 100644
--- a/src/views/report/dashboardPage/dashboard8/components/QualityTrend.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/QualityTrend.vue
@@ -5,9 +5,9 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:check-double" />
         </span>
-        <span>成品检合格率趋势图</span>
+        <span>{{ t('QualityTrend.title') }}</span>
       </div>
-      <span class="tag">按天统计（全产线）</span>
+      <span class="tag">{{ t('QualityTrend.tag') }}</span>
     </div>
     <div class="card-body">
       <div id="chart-quality" class="chart"></div>
@@ -16,16 +16,20 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { useChart, colors, style } from '../utils'
 import { PlanApi } from '@/api/mes/plan'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
-const { init } = useChart('chart-quality')
+const { init, instance } = useChart('chart-quality')
 
 const last7Days: string[] = []
 for (let i = 6; i >= 0; i--) {
@@ -35,6 +39,8 @@ for (let i = 6; i >= 0; i--) {
 }
 
 const passRate = [98.5, 99.2, 97.8, 98.9, 99.0, 98.2, 99.5]
+const xAxisDataRef = ref<string[]>(last7Days.slice())
+const seriesDataRef = ref<number[]>(passRate.slice())
 
 type QualityPoint = {
   label: string
@@ -71,15 +77,12 @@ const normalizeQualityData = (raw: any): QualityPoint[] => {
 }
 
 onMounted(async () => {
-  let xAxisData = last7Days.slice()
-  let seriesData = passRate.slice()
-
   try {
     const data = await PlanApi.getLastDaysRate({ orgId })
     const list = normalizeQualityData(data)
     if (list.length > 0) {
-      xAxisData = list.map((item) => item.label)
-      seriesData = list.map((item) => item.rate)
+      xAxisDataRef.value = list.map((item) => item.label)
+      seriesDataRef.value = list.map((item) => item.rate)
     }
   } catch {
   }
@@ -91,10 +94,10 @@ onMounted(async () => {
     backgroundColor: 'transparent',
     tooltip: { trigger: 'axis' },
     grid: { top: '18%', left: '6%', right: '6%', bottom: '10%', containLabel: true },
-    xAxis: { type: 'category', data: xAxisData, axisLine: style.axisLine, axisLabel: style.axisLabel },
+    xAxis: { type: 'category', data: xAxisDataRef.value, axisLine: style.axisLine, axisLabel: style.axisLabel },
     yAxis: { type: 'value', min: 0, max: 100, axisLine: { show: false }, axisLabel: style.axisLabel, splitLine: style.splitLine },
     series: [{
-      name: '合格率',
+      name: t('QualityTrend.seriesName'),
       type: 'bar',
       barWidth: '45%',
       itemStyle: {
@@ -104,16 +107,52 @@ onMounted(async () => {
           { offset: 1, color: 'rgba(139,92,246,0.10)' }
         ])
       },
-      data: seriesData,
+      data: seriesDataRef.value,
       markLine: {
         symbol: ['none', 'none'],
-        label: { show: true, color: '#fff', fontSize: 12, formatter: '平均 {c}%' },
+        label: {
+          show: true,
+          color: '#fff',
+          fontSize: 12,
+          formatter: (p: any) => t('QualityTrend.markLineAverage', { value: p?.value ?? 0 })
+        },
         lineStyle: { color: colors.cyan, width: 2, type: 'dashed' },
-        data: [{ type: 'average', name: '平均值' }]
+        data: [{ type: 'average', name: t('QualityTrend.markLineAverageName') }]
       }
     }]
   })
 })
+
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    const chart = instance()
+    if (!chart) return
+    chart.setOption(
+      {
+        xAxis: { data: xAxisDataRef.value },
+        series: [
+          {
+            name: t('QualityTrend.seriesName'),
+            data: seriesDataRef.value,
+            markLine: {
+              symbol: ['none', 'none'],
+              label: {
+                show: true,
+                color: '#fff',
+                fontSize: 12,
+                formatter: (p: any) => t('QualityTrend.markLineAverage', { value: p?.value ?? 0 })
+              },
+              lineStyle: { color: colors.cyan, width: 2, type: 'dashed' },
+              data: [{ type: 'average', name: t('QualityTrend.markLineAverageName') }]
+            }
+          }
+        ]
+      },
+      true
+    )
+  }
+)
 </script>
 
 <style scoped>
diff --git a/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue b/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue
index 560b8a20..26ce8d66 100644
--- a/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue
@@ -5,9 +5,9 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:bell" />
         </span>
-        <span>实时报警信息</span>
+        <span>{{ t('RealAlarm.title') }}</span>
       </div>
-      <span class="tag">滚动展示</span>
+      <span class="tag">{{ t('RealAlarm.tag') }}</span>
     </div>
     <div class="card-body">
       <ul ref="listRef" class="alarm-list">
@@ -28,23 +28,40 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { DeviceWarningRecordApi, DeviceWarningRecordVO } from '@/api/iot/deviceWarningRecord'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
 const alarms = ref<any[]>([])
 
 const isAnimating = ref(false)
 let timer: ReturnType<typeof setInterval> | null = null
 
+const mapAlarmLevel = (alarmLevel: unknown) => {
+  const raw = String(alarmLevel ?? '').trim()
+  if (raw === '2' || raw === '严重' || raw.toLowerCase() === 'severe') {
+    return { type: 'danger', levelText: t('RealAlarm.levelSevere') }
+  }
+  if (raw === '1' || raw === '警告' || raw.toLowerCase() === 'warning' || raw.toLowerCase() === 'warn') {
+    return { type: 'warn', levelText: t('RealAlarm.levelWarn') }
+  }
+  if (raw === '0' || raw === '提示' || raw.toLowerCase() === 'info' || raw.toLowerCase() === 'notice') {
+    return { type: 'safe', levelText: t('RealAlarm.levelInfo') }
+  }
+  return { type: 'safe', levelText: raw || t('RealAlarm.levelInfo') }
+}
+
 const getAlarms = async () => {
   try {
     const data = await DeviceWarningRecordApi.getList({ orgId }) || []
-    console.log('data',data)
-    
+
     alarms.value = data.map((item: DeviceWarningRecordVO) => {
       // 格式化时间
       let timeStr = ''
@@ -54,29 +71,12 @@ const getAlarms = async () => {
       }
 
       // 映射等级
-      let type = 'safe'
-      let levelText = item.alarmLevel
-      
-      if (item.alarmLevel === '2') {
-        type = 'danger'
-        levelText = '严重'
-      } else if (item.alarmLevel === '1') {
-        type = 'warn'
-        levelText = '警告'
-      } else if (item.alarmLevel === '0') {
-        type = 'safe'
-        levelText = '提示'
-      } else {
-        // 兼容旧数据或文本
-        if (item.alarmLevel === '严重') type = 'danger'
-        else if (item.alarmLevel === '警告') type = 'warn'
-        else if (item.alarmLevel === '提示') type = 'safe'
-      }
+      const mapped = mapAlarmLevel(item.alarmLevel)
       
       return {
         time: timeStr,
-        level: levelText,
-        type: type,
+        level: mapped.levelText,
+        type: mapped.type,
         msg: `${item.deviceName}-${item.ruleName}`
       }
     })
@@ -107,6 +107,13 @@ onMounted(() => {
   getAlarms()
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    getAlarms()
+  }
+)
+
 onUnmounted(() => {
   if (timer) clearInterval(timer)
 })
diff --git a/src/views/report/dashboardPage/dashboard8/components/TaskBoard.vue b/src/views/report/dashboardPage/dashboard8/components/TaskBoard.vue
index e88a7145..8c32ffd2 100644
--- a/src/views/report/dashboardPage/dashboard8/components/TaskBoard.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/TaskBoard.vue
@@ -5,12 +5,12 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:table-list" />
         </span>
-        <span>产线任务看板</span>
+        <span>{{ t('TaskBoard.title') }}</span>
       </div>
       <div class="legend-inline">
-        <span class="tag">实时刷新 · 滚动展示</span>
-        <span class="dot" style="background: var(--green);"></span> 已完成
-        <span class="dot" style="background: var(--warn);"></span> 进度偏低
+        <span class="tag">{{ t('TaskBoard.tag') }}</span>
+        <span class="dot" style="background: var(--green);"></span> {{ t('TaskBoard.statusCompleted') }}
+        <span class="dot" style="background: var(--warn);"></span> {{ t('TaskBoard.statusLowProgress') }}
       </div>
     </div>
     <div class="card-body">
@@ -18,12 +18,12 @@
         <table class="task-table">
           <thead>
             <tr>
-              <th>产线名称</th>
-              <th>计划单</th>
-              <th>产品名称</th>
-              <th>计划数量</th>
-              <th>完工数量</th>
-              <th>合格率</th>
+              <th>{{ t('TaskBoard.columns.lineName') }}</th>
+              <th>{{ t('TaskBoard.columns.planNo') }}</th>
+              <th>{{ t('TaskBoard.columns.productName') }}</th>
+              <th>{{ t('TaskBoard.columns.planQty') }}</th>
+              <th>{{ t('TaskBoard.columns.doneQty') }}</th>
+              <th>{{ t('TaskBoard.columns.passRate') }}</th>
             </tr>
           </thead>
           <tbody ref="tbodyRef">
@@ -53,9 +53,11 @@
 import { ref, onMounted, onUnmounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { PlanApi, PlanVO } from '@/api/mes/plan'
+import { useI18n } from '@/hooks/web/useI18n'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('Dashboard8')
 
 const colors = {
   blue: '#1e90ff',
diff --git a/src/views/report/dashboardPage/dashboard8/components/TodayOps.vue b/src/views/report/dashboardPage/dashboard8/components/TodayOps.vue
index 329b840a..66b41d07 100644
--- a/src/views/report/dashboardPage/dashboard8/components/TodayOps.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/TodayOps.vue
@@ -5,7 +5,7 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:gauge-high" />
         </span>
-        <span>今日开机率/稼动率</span>
+        <span>{{ t('TodayOps.title') }}</span>
       </div>
       <span class="chip">{{ currentLineName }}</span>
     </div>
@@ -16,11 +16,15 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useChart, colors } from '../utils'
 import { DeviceOperationRecordApi, type DeviceOperationRecordVO } from '@/api/iot/deviceOperationRecord'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const { init, instance } = useChart('chart-today')
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
 type LineMetric = { name: string; run: number; avail: number }
 const lineMetrics = ref<LineMetric[]>([])
@@ -94,7 +98,7 @@ const gaugeOption = (run: number, avail: number) => {
         progress: { show: true, width: 8, itemStyle: { color: colors.blue } },
         detail: { formatter: '{value}%', color: '#fff', fontSize: 26, offsetCenter: ['0%', '-5%'] },
         title: { show: true, color: '#a8b7d8', fontSize: 12, offsetCenter: ['0%', '-25%'] },
-        data: [{ value: run, name: '开机率' }]
+        data: [{ value: run, name: t('TodayOps.powerOnRate') }]
       },
       {
         type: 'gauge',
@@ -112,7 +116,7 @@ const gaugeOption = (run: number, avail: number) => {
         progress: { show: true, width: 8, itemStyle: { color: colors.green } },
         detail: { formatter: '{value}%', color: '#fff', fontSize: 20, offsetCenter: ['0%', '45%'] },
         title: { show: true, color: '#a8b7d8', fontSize: 12, offsetCenter: ['0%', '25%'] },
-        data: [{ value: avail, name: '稼动率' }]
+        data: [{ value: avail, name: t('TodayOps.utilizationRate') }]
       }
     ]
   }
@@ -121,7 +125,7 @@ const gaugeOption = (run: number, avail: number) => {
 const renderCurrent = () => {
   const list = lineMetrics.value
   if (!list.length) {
-    currentLineName.value = '暂无数据'
+    currentLineName.value = t('TodayOps.empty')
     const c = instance()
     if (c) c.setOption(gaugeOption(0, 0))
     return
@@ -170,6 +174,13 @@ onMounted(async () => {
   startRotate()
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    renderCurrent()
+  }
+)
+
 onUnmounted(() => {
   if (timer) clearInterval(timer)
 })
diff --git a/src/views/report/dashboardPage/dashboard8/components/WeekTrend.vue b/src/views/report/dashboardPage/dashboard8/components/WeekTrend.vue
index 864221ca..3cefc95f 100644
--- a/src/views/report/dashboardPage/dashboard8/components/WeekTrend.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/WeekTrend.vue
@@ -5,11 +5,11 @@
         <span class="card-title-icon">
           <Icon icon="fa-solid:chart-line" />
         </span>
-        <span>周生产趋势</span>
+        <span>{{ t('WeekTrend.title') }}</span>
       </div>
       <div class="legend-inline">
-        <span class="dot" style="background: var(--accent);"></span> 产量
-        <span class="dot" style="background: var(--purple);"></span> 计划
+        <span class="dot" style="background: var(--accent);"></span> {{ t('WeekTrend.legendOutput') }}
+        <span class="dot" style="background: var(--purple);"></span> {{ t('WeekTrend.legendPlan') }}
       </div>
     </div>
     <div class="card-body">
@@ -19,14 +19,18 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import * as echarts from 'echarts'
 import { colors, style } from '../utils'
-import { PlanApi } from  '@/api/mes/plan'
+import { PlanApi } from '@/api/mes/plan'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useLocaleStore } from '@/store/modules/locale'
 
 const route = useRoute()
 const orgId = route.query.orgId
+const { t } = useI18n('Dashboard8')
+const localeStore = useLocaleStore()
 
 const weekDays = ref()
 const weekPlan = ref()
@@ -35,10 +39,8 @@ const weekReal = ref()
 const chartRef = ref<HTMLElement | null>(null)
 let chart: echarts.ECharts | null = null
 
-const initChart = () => {
-  if (!chartRef.value) return
-  chart = echarts.init(chartRef.value, 'dark', { renderer: 'canvas' })
-  chart.setOption({
+const buildOption = () => {
+  return {
     backgroundColor: 'transparent',
     tooltip: { trigger: 'axis' },
     legend: { top: 0, right: 0, textStyle: style.legendText },
@@ -47,7 +49,7 @@ const initChart = () => {
     yAxis: { type: 'value', axisLine: style.axisLine, axisLabel: style.axisLabel, splitLine: style.splitLine },
     series: [
       {
-        name: '计划产量',
+        name: t('WeekTrend.seriesPlanOutput'),
         type: 'line',
         smooth: true,
         showSymbol: false,
@@ -55,7 +57,7 @@ const initChart = () => {
         data: weekPlan.value
       },
       {
-        name: '实际产量',
+        name: t('WeekTrend.seriesActualOutput'),
         type: 'line',
         smooth: true,
         showSymbol: true,
@@ -71,7 +73,13 @@ const initChart = () => {
         data: weekReal.value
       }
     ]
-  })
+  }
+}
+
+const initChart = () => {
+  if (!chartRef.value) return
+  chart = echarts.init(chartRef.value, 'dark', { renderer: 'canvas' })
+  chart.setOption(buildOption())
 }
 
 const resizeHandler = () => {
@@ -85,9 +93,15 @@ onMounted( async() => {
   weekPlan.value = data.weekPlan
   weekReal.value = data.weekReal
   initChart()
-  // console.log(data)
 })
 
+watch(
+  () => localeStore.getCurrentLocale.lang,
+  () => {
+    chart?.setOption(buildOption(), true)
+  }
+)
+
 onUnmounted(() => {
   window.removeEventListener('resize', resizeHandler)
   chart?.dispose()