中英文切换

src/components/Breadcrumb/index.vue

@@ -47,7 +47,7 @@ export default {
       }
       // 判断是否为首页
       if (!this.isDashboard(matched[0])) {
-        matched = [{ path: "/index", meta: { title: "首页" } }].concat(matched)
+        matched = [{ path: "/index", meta: { title: "Home" } }].concat(matched)
       }
       this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
     },

src/components/TrackMeasure/index.vue

@@ -3,7 +3,7 @@
     <!-- 控制区 -->
     <div class="control-bar">
       <div class="chart-selector">
-        <label>图表视图：</label>
+        <label>Chart View：</label>
         <select v-model="currentChart" @change="handleChartChange">
           <option v-for="chart in chartTypes" :key="chart.value" :value="chart.value">
             {{ chart.label }}
@@ -12,7 +12,7 @@
       </div>
       
       <div class="connection-status" :class="{ connected: isConnected }">
-        连接状态：{{ isConnected ? '已连接' : '连接中...' }}
+        Connection Status：{{ isConnected ? 'Connected' : 'Connecting...' }}
       </div>
     </div>
 
@@ -37,10 +37,10 @@ export default {
       
       // 图表相关
       chartTypes: [
-        { value: 'entry', label: '入口数据监控' },
-        { value: 'furnace', label: '炉温数据监控' },
-        { value: 'coat', label: '涂层数据监控' },
-        { value: 'exit', label: '出口数据监控' }
+        { value: 'entry', label: 'Entry Data Monitoring' },
+        { value: 'furnace', label: 'Furnace Temperature Data Monitoring' },
+        { value: 'coat', label: 'Coating Data Monitoring' },
+        { value: 'exit', label: 'Exit Data Monitoring' }
       ],
       currentChart: 'entry', // 默认显示入口数据图表
       chartInstance: null, // 当前图表实例
@@ -143,14 +143,14 @@ export default {
           return {
             ...baseOption,
             legend: { 
-              data: ['入口张力1', '入口张力2', '入口张力3', '带钢速度'],
+              data: ['Entry Tension 1', 'Entry Tension 2', 'Entry Tension 3', 'Strip Speed'],
               textStyle: { color: '#333' }
             },
             series: [
-              { name: '入口张力1', type: 'line', data: this.chartData.entry.tensionPorBr1, smooth: true, lineStyle: { width: 2 } },
-              { name: '入口张力2', type: 'line', data: this.chartData.entry.tensionBr1Br2, smooth: true, lineStyle: { width: 2 } },
-              { name: '入口张力3', type: 'line', data: this.chartData.entry.tensionBr2Br3, smooth: true, lineStyle: { width: 2 } },
-              { name: '带钢速度', type: 'line', data: this.chartData.entry.stripSpeed, smooth: true, lineStyle: { width: 2 } }
+              { name: 'Entry Tension 1', type: 'line', data: this.chartData.entry.tensionPorBr1, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Entry Tension 2', type: 'line', data: this.chartData.entry.tensionBr1Br2, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Entry Tension 3', type: 'line', data: this.chartData.entry.tensionBr2Br3, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Strip Speed', type: 'line', data: this.chartData.entry.stripSpeed, smooth: true, lineStyle: { width: 2 } }
             ]
           };
           
@@ -158,13 +158,13 @@ export default {
           return {
             ...baseOption,
             legend: { 
-              data: ['PH炉实际温度', 'NOF1炉实际温度', 'NOF1炉设定温度'],
+              data: ['PH Furnace Actual Temp', 'NOF1 Furnace Actual Temp', 'NOF1 Furnace Set Temp'],
               textStyle: { color: '#333' }
             },
             series: [
-              { name: 'PH炉实际温度', type: 'line', data: this.chartData.furnace.phFurnaceTemperatureActual, smooth: true, lineStyle: { width: 2 } },
-              { name: 'NOF1炉实际温度', type: 'line', data: this.chartData.furnace.nof1FurnaceTemperatureActual, smooth: true, lineStyle: { width: 2 } },
-              { name: 'NOF1炉设定温度', type: 'line', data: this.chartData.furnace.nof1FurnaceTemperatureSet, smooth: true, lineStyle: { width: 2, type: 'dashed' } }
+              { name: 'PH Furnace Actual Temp', type: 'line', data: this.chartData.furnace.phFurnaceTemperatureActual, smooth: true, lineStyle: { width: 2 } },
+              { name: 'NOF1 Furnace Actual Temp', type: 'line', data: this.chartData.furnace.nof1FurnaceTemperatureActual, smooth: true, lineStyle: { width: 2 } },
+              { name: 'NOF1 Furnace Set Temp', type: 'line', data: this.chartData.furnace.nof1FurnaceTemperatureSet, smooth: true, lineStyle: { width: 2, type: 'dashed' } }
             ]
           };
           
@@ -172,14 +172,14 @@ export default {
           return {
             ...baseOption,
             legend: { 
-              data: ['顶部平均涂层重量', '底部平均涂层重量', '气刀压力', '出口速度'],
+              data: ['Avg Coating Weight (Top)', 'Avg Coating Weight (Bottom)', 'Air Knife Pressure', 'Exit Strip Speed'],
               textStyle: { color: '#333' }
             },
             series: [
-              { name: '顶部平均涂层重量', type: 'line', data: this.chartData.coat.avrCoatingWeightTop, smooth: true, lineStyle: { width: 2 } },
-              { name: '底部平均涂层重量', type: 'line', data: this.chartData.coat.avrCoatingWeightBottom, smooth: true, lineStyle: { width: 2 } },
-              { name: '气刀压力', type: 'line', data: this.chartData.coat.airKnifePressure, smooth: true, lineStyle: { width: 2 } },
-              { name: '出口速度', type: 'line', data: this.chartData.coat.stripSpeedTmExit, smooth: true, lineStyle: { width: 2 } }
+              { name: 'Avg Coating Weight (Top)', type: 'line', data: this.chartData.coat.avrCoatingWeightTop, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Avg Coating Weight (Bottom)', type: 'line', data: this.chartData.coat.avrCoatingWeightBottom, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Air Knife Pressure', type: 'line', data: this.chartData.coat.airKnifePressure, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Exit Strip Speed', type: 'line', data: this.chartData.coat.stripSpeedTmExit, smooth: true, lineStyle: { width: 2 } }
             ]
           };
           
@@ -187,13 +187,13 @@ export default {
           return {
             ...baseOption,
             legend: { 
-              data: ['出口张力1', '出口张力2', '出口速度'],
+              data: ['Exit Tension 1', 'Exit Tension 2', 'Exit Speed'],
               textStyle: { color: '#333' }
             },
             series: [
-              { name: '出口张力1', type: 'line', data: this.chartData.exit.tensionBr8Br9, smooth: true, lineStyle: { width: 2 } },
-              { name: '出口张力2', type: 'line', data: this.chartData.exit.tensionBr9Tr, smooth: true, lineStyle: { width: 2 } },
-              { name: '出口速度', type: 'line', data: this.chartData.exit.speedExitSection, smooth: true, lineStyle: { width: 2 } }
+              { name: 'Exit Tension 1', type: 'line', data: this.chartData.exit.tensionBr8Br9, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Exit Tension 2', type: 'line', data: this.chartData.exit.tensionBr9Tr, smooth: true, lineStyle: { width: 2 } },
+              { name: 'Exit Speed', type: 'line', data: this.chartData.exit.speedExitSection, smooth: true, lineStyle: { width: 2 } }
             ]
           };
           

src/main.js

@@ -5,6 +5,7 @@ import VueKonva from 'vue-konva';
 
 import Element from 'element-ui'
 import './assets/styles/element-variables.scss'
+import locale from 'element-ui/lib/locale/lang/en'
 
 import '@/assets/styles/index.scss' // global css
 // import '@/assets/styles/ruoyi.scss' // ruoyi css
@@ -72,7 +73,8 @@ DictData.install()
  */
 
 Vue.use(Element, {
-  size: Cookies.get('size') || 'small' // set element-ui default size
+  size: Cookies.get('size') || 'small', // set element-ui default size
+  locale: locale // set element-ui default locale
 })
 
 Vue.config.productionTip = false

src/router/index.js

@@ -70,7 +70,7 @@ export const constantRoutes = [
         path: 'index',
         component: () => import('@/views/index'),
         name: 'Index',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
+        meta: { title: 'Home', icon: 'dashboard', affix: true }
       }
     ]
   },

src/views/error/401.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="errPage-container">
     <el-button icon="arrow-left" class="pan-back-btn" @click="back">
-      返回
+      Go Back
     </el-button>
     <el-row>
       <el-col :span="12">
         <h1 class="text-jumbo text-ginormous">
-          401错误!
+          Error 401!
         </h1>
-        <h2>您没有访问权限！</h2>
-        <h6>对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面</h6>
+        <h2>You do not have access permission!</h2>
+        <h6>Sorry, you do not have the permission to access this page. Please refrain from unauthorized operations! You may return to the main page.</h6>
         <ul class="list-unstyled">
           <li class="link-type">
             <router-link to="/">
-              回首页
+              Back to Homepage
             </router-link>
           </li>
         </ul>

src/views/error/404.vue

@@ -15,10 +15,10 @@
           {{ message }}
         </div>
         <div class="bullshit__info">
-          对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
+          Sorry, the page you are looking for does not exist. Please check the URL for errors, then click the refresh button on your browser or try to find other content in our application.
         </div>
         <router-link to="/" class="bullshit__return-home">
-          返回首页
+          Return to Home
         </router-link>
       </div>
     </div>