# 设备列表页，国际化更新

src/lang/en.js

@@ -155,6 +155,21 @@ export default {
   },
   counter: {
     online: 'online',
-    offline: 'offline'
+    offline: 'offline',
+    all: 'all',
+    inputDeviceID: 'Device ID',
+    inputStatus: 'status',
+    search: 'search',
+    reset: 'reset',
+    detail: 'Detail',
+    map: 'Map',
+    sn: 'No.',
+    device: 'Device',
+    status: 'Status',
+    count: 'Count',
+    signal: 'Signal',
+    energy: 'Energy',
+    time: 'Time',
+    action: 'Action'
   }
 }

src/lang/zh.js

@@ -155,6 +155,21 @@ export default {
   },
   counter: {
     online: '在线',
-    offline: '离线'
+    offline: '离线',
+    all: '全部',
+    inputDeviceID: '设备 ID',
+    inputStatus: '状态',
+    search: '搜索',
+    reset: '重置',
+    detail: '详情',
+    map: '地图',
+    sn: '序号',
+    device: '设备ID',
+    status: '状态',
+    count: '计数',
+    signal: '信号',
+    energy: '电量',
+    time: '时间',
+    action: '操作'
   }
 }

src/views/counter/device.vue

@@ -11,23 +11,23 @@
           style="width: 10rem"
           auto-complete="off"
           @keyup.enter.native="onSubmit"
-          placeholder="设备ID"
+          :placeholder="$t('counter.inputDeviceID')"
         ></el-input>
       </el-form-item>
       <el-form-item>
         <el-select size="mini"
-          style="width: 5rem"
+          style="width: 5.5rem"
           v-model="DeviceSearchForm.status"
-          placeholder="状态"
+          :placeholder="$t('counter.inputStatus')"
         >
-          <el-option label="全部" value=""></el-option>
+          <el-option :label="$t('counter.all')" value=""></el-option>
-          <el-option label="在线" value="1"></el-option>
+          <el-option :label="$t('counter.online')" value="1"></el-option>
-          <el-option label="离线" value="0"></el-option>
+          <el-option :label="$t('counter.offline')" value="0"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" size="mini" @click="onSubmit">搜索</el-button>
+        <el-button type="primary" size="mini" @click="onSubmit">{{$t('counter.search')}}</el-button>
-        <el-button size="mini" @click="resetSearch">重置</el-button>
+        <el-button size="mini" @click="resetSearch">{{$t('counter.reset')}}</el-button>
       </el-form-item>
     </el-form>
 
@@ -38,16 +38,16 @@
       style="width: 100%">
       <el-table-column
         type="index"
-        label="序号">
+        :label="$t('counter.sn')">
       </el-table-column>
       <el-table-column
         prop="device_id"
-        label="设备ID"
+        :label="$t('counter.device')"
         min-width="150">
       </el-table-column>
       <el-table-column
         prop="status"
-        label="状态"
+        :label="$t('counter.status')"
         min-width="80">
         <template slot-scope="scope">
           <span v-if="scope.row.status==0" style="color: #F56C6C">{{$t('counter.offline')}}</span>
@@ -56,34 +56,34 @@
       </el-table-column>
       <el-table-column
         prop="count"
-        label="计数"
+        :label="$t('counter.count')"
         min-width="80">
       </el-table-column>
       <el-table-column
         prop="signal"
-        label="信号"
+        :label="$t('counter.signal')"
         min-width="80">
       </el-table-column>
       <el-table-column
         prop="energy"
-        label="电量"
+        :label="$t('counter.energy')"
         min-width="80">
       </el-table-column>
       <el-table-column
         prop="time"
-        label="时间"
+        :label="$t('counter.time')"
         min-width="100">
       </el-table-column>
       <el-table-column
         fixed="right"
-        label="操作"
+        :label="$t('counter.action')"
         min-width="100">
         <template slot-scope="scope">
           <el-button type="text"
-            @click="handleDetailClick(scope.row.device_id)" size="small">详情
+            @click="handleDetailClick(scope.row.device_id)" size="small">{{$t('counter.detail')}}
           </el-button>
           <el-button type="text"
-            @click="handleMapClick(scope.row.device_id)" size="small">地图
+            @click="handleMapClick(scope.row.device_id)" size="small">{{$t('counter.map')}}
           </el-button>
         </template>
       </el-table-column>