优化部分页面显示

index.html

@@ -11,6 +11,6 @@
     <!-- <script src=<%= htmlWebpackPlugin.options.path %>/tinymce4.7.5/tinymce.min.js></script> -->
     <div id="app"></div>
     <!-- built files will be auto injected -->
-    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=49842c6fe4d24df80871faec2e272a00"></script> 
+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=250fde87c69f9f46d0a2bdbc561a82a8"></script> 
   </body>
 </html>

src/main.js

@@ -23,7 +23,7 @@ import * as filters from './filters' // global filters
 // Vue.use(VueAMap)
 
 // VueAMap.initAMapApiLoader({
-//   key: '49842c6fe4d24df80871faec2e272a00',
+//   key: '250fde87c69f9f46d0a2bdbc561a82a8',
 //   plugin: [
 //     'AMap.Geolocation',
 //     'AMap.Driving',

src/views/counter/components/screen.vue

@@ -157,7 +157,7 @@ export default {
       display: flex;
       flex-direction: column;
       align-items: center;
-      min-width: 400px;
+      min-width: 350px;
       .item {
         width: 300px;
         margin: 0 0 5px 0;

src/views/counter/detail.vue

@@ -53,10 +53,12 @@
       v-show="!showHumiture"
       v-loading="listLoading"
       :data="deviceLogs"
+      border="ture"
       style="width: 100%">
       <el-table-column
         type="index"
-        :label="$t('counter.sn')">
+        :label="$t('counter.sn')"
+        width="50">
       </el-table-column>
       <el-table-column
         prop="device_id"

src/views/counter/device.vue

@@ -37,10 +37,12 @@
       :data="deviceList"
       style="width: 100%">
       <el-table-column
+        fixed="left"
         type="index"
         :label="$t('counter.sn')">
       </el-table-column>
       <el-table-column
+        fixed="left"
         prop="device_id"
         :label="$t('counter.device')"
         min-width="120">
@@ -107,7 +109,7 @@
       <el-table-column
         fixed="right"
         :label="$t('counter.action')"
-        min-width="100">
+        min-width="70">
         <template slot-scope="scope">
           <el-button type="text" title="Detail"
             @click="handleDetailClick(scope.row.device_id)" ><i class="el-icon-alixiangqing"></i>