# 调整坐标宽带

src/views/counter/detail.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="app-container">
-    <p class="warn-content">
-      设备日志详情。
-    </p>
+    <el-tabs v-model="activeName2" @tab-click="handleTabClick">
+      <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
+      <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
+    </el-tabs>
     <el-table
       v-loading="listLoading"
       :data="deviceLogs"
@@ -32,9 +33,9 @@
         min-width="80">
       </el-table-column>
       <el-table-column
-        prop="time"
+        prop="coordinate"
         label="坐标"
-        min-width="120"
+        min-width="270"
         :formatter="coordinate">
       </el-table-column>
       <el-table-column
@@ -62,7 +63,8 @@ export default {
     return {
       listLoading: true,
       deviceLogs: [],
-      total: 0
+      total: 0,
+      activeName2: 'first'
     }
   },
   methods: {
@@ -85,6 +87,9 @@ export default {
       this.listLoading = true
       const device_id = this.$store.getters.deviceID
       this.getDeviceLogs({ device_id, page })
+    },
+    handleTabClick(tab, event) {
+      console.log(tab, event)
     }
   },
   created() {