home

src/i18n/langs/en.js

@@ -7,6 +7,15 @@ module.exports = {
     refreshtime: 'Refresh time(s)',
     login: 'Login'
   },
+  homeinfo: {
+    topinfo: 'device info',
+    deviceinfo: 'device',
+    task: 'task',
+    status: 'status',
+    tasknum: 'task num',
+    speed: 'speed',
+    error: 'error'
+  },
   user: {
     usermanagement: 'User management',
     fullname: 'Full name',

src/i18n/langs/zh.js

@@ -7,6 +7,15 @@ module.exports = {
     refreshtime: '刷新时间（秒）',
     login: '登录'
   },
+  homeinfo: {
+    topinfo: '设备信息',
+    deviceinfo: '设备信息',
+    task: '当前任务',
+    status: '任务状态',
+    tasknum: '任务数量',
+    speed: '当前速度',
+    error: 'AGV故障'
+  },
   user: {
     usermanagement: '用户管理',
     fullname: '姓名',

src/pages/modules/home/home.vue

@@ -5,38 +5,38 @@
     </div>
     <div class="con2">
       <div class="rt">
-        <div class="rttxt">设备信息</div>
+        <div class="rttxt">{{ $t('homeinfo.topinfo') }}</div>
       </div>
       <div class="rc">
         <div class="infoli01">
-          <span class="title">设备信息</span>
+          <span class="title">{{ $t('homeinfo.deviceinfo') }}</span>
           <span class="txt01">{{dataInfo.device_info}}</span>
           <div class="line"></div>
         </div>
         <div class="infoli01">
-          <span class="title">当前任务</span>
+          <span class="title">{{ $t('homeinfo.task') }}</span>
           <span class="txt01">{{dataInfo.task_name}}</span>
           <span class="txt01">{{dataInfo.task_info}}</span>
           <div class="line"></div>
         </div>
         <div class="infoli">
-          <span class="title">任务状态</span>
+          <span class="title">{{ $t('homeinfo.status') }}</span>
           <span class="txt">{{dataInfo.task_status}}</span>
           <div class="line"></div>
         </div>
         <div class="infoli">
-          <span class="title">任务数量</span>
+          <span class="title">{{ $t('homeinfo.tasknum') }}</span>
           <span class="txt">{{dataInfo.task_num}}</span>
           <div class="line"></div>
         </div>
         <div class="infoli infoli3">
-          <span class="title">当前速度</span>
+          <span class="title">{{ $t('homeinfo.speed') }}</span>
           <span class="txt">{{dataInfo.speed}}</span>
           <div class="speed-bg"></div>
           <div class="line" style="top: 110px"></div>
         </div>
         <div class="infoli infoli3">
-          <span class="title">AGV故障</span>
+          <span class="title">{{ $t('homeinfo.error') }}</span>
           <span class="txt txt2">{{dataInfo.error_name}}</span>
         </div>
         <button class="btn" v-if="dataInfo.button_name" @click="clickSave">{{dataInfo.button_name}}</button>
@@ -57,7 +57,7 @@ export default {
     return {
       interTime: this.$store.getters.setTime,
       timer: null,
-      dataInfo: {}
+      // dataInfo: {}
       // dataInfo: {
       //   device_info: 'NobleLiftPS10LMT_HuaHai',
       //   task_name: '无',
@@ -67,16 +67,16 @@ export default {
       //   error_name: '障碍物告警',
       //   button_name: '继续搬运'
       // }
-      // dataInfo: {
+      dataInfo: {
-      //   device_info: 'NobleLiftPS10LMT_HuaHai',
+        device_info: 'NobleLiftPS10LMT_HuaHai',
-      //   task_name: '任务号：11322',
+        task_name: '任务号：11322',
-      //   task_info: '目标点：5',
+        task_info: '目标点：5',
-      //   task_status: '执行中',
+        task_status: '执行中',
-      //   task_num: '待执行0/2',
+        task_num: '待执行0/2',
-      //   speed: '0.0m/s',
+        speed: '0.0m/s',
-      //   error_name: '正常运行',
+        error_name: '正常运行',
-      //   button_name: '确认完成继续下个任务'
+        button_name: '确认完成继续下个任务'
-      // }
+      }
     }
   },
   created () {
@@ -179,6 +179,7 @@ export default {
     float left
     display inline-block
     color #f6f9fe
+    width 30%
   .txt01
     float left
     display inline-block
@@ -197,6 +198,7 @@ export default {
     float left
     display inline-block
     color #f6f9fe
+    width 30%
   .txt
     float left
     display inline-block
@@ -210,6 +212,7 @@ export default {
     float left
     display inline-block
     color #f6f9fe
+    width 30%
   .txt
     float left
     display inline-block