增加右侧未选中车辆的空列表

.env.production

@@ -2,5 +2,5 @@
 ENV = 'production'
 
 # base api
-VUE_APP_BASE_API = '/prod-api'
+VUE_APP_BASE_API = '/'
 

src/main.js

@@ -15,19 +15,6 @@ import router from './router'
 import '@/icons' // icon
 import '@/permission' // permission control
 
-/**
- * If you don't want to use mock-server
- * you want to use MockJs for mock api
- * you can execute: mockXHR()
- *
- * Currently MockJs will be used in the production environment,
- * please remove it before going online ! ! !
- */
-if (process.env.NODE_ENV === 'production') {
-  const { mockXHR } = require('../mock')
-  mockXHR()
-}
-
 // set ElementUI lang to EN
 Vue.use(ElementUI, { locale })
 // 如果想要中文版 element-ui，按如下方式声明

src/views/vehicle/index.vue

@@ -2,9 +2,14 @@
   <div class="app-container">
     <el-row :gutter="10">
       <el-col :span="10">
-        <div class="grid-content bg-purple" :style="{'height': contentHeight+'px'}">
+        <el-row style="height: 50px;">
+          <div>
+            <el-button>添加车辆</el-button>
+          </div>
+        </el-row>
+        <div class="grid-content bg-purple" :style="{'height': contentHeight - 50 +'px'}">
           <el-row :gutter="10">
-            <el-col :span="12" v-for="vehicle in vehicleList" style="margin: 10px 0;">
+            <el-col :span="12" v-for="vehicle in vehicleList" style="margin: 0 0 10px 0;">
               <el-card class="box-card">
                 <div slot="header" class="clearfix">
                   <el-tag :type="!vehicle.online ? 'info' : 'success'" style="padding-left: 0; padding-right: 0">
@@ -34,8 +39,6 @@
                       <el-radio-button label="P"></el-radio-button>
                       <el-radio-button label="D"></el-radio-button>
                     </el-radio-group>
-
-                    <el-tag style="margin-left: 15px;" type="info">P档只上报，不模拟</el-tag>
                   </el-descriptions-item>
                   <el-descriptions-item>
                     <template slot="label"> <i class="el-icon-mobile-phone"></i> 报文上报 </template>
@@ -47,7 +50,7 @@
                   </el-descriptions-item>
                   <el-descriptions-item>
                     <template slot="label"> <i class="el-icon-tickets"></i> 总里程 </template>
-                    <el-tag size="small">{{vehicle.mileage}}</el-tag>
+                    <el-tag size="small">{{vehicle.mileage}}/KM</el-tag>
                   </el-descriptions-item>
                   <el-descriptions-item>
                     <template slot="label">
@@ -64,7 +67,8 @@
         </div>
       </el-col>
       <el-col :span="14">
-        <div class="grid-content bg-purple" :style="{'height': contentHeight+'px'}">
+        <el-empty v-if="checkVin == null" description="请在左侧选择需要查看数据的车辆"></el-empty>
+        <div v-if="checkVin != null" class="grid-content bg-purple" :style="{'height': contentHeight+'px'}">
           <div class="contentMain" :style="{'height': (contentHeight / 2 - 10) + 'px', 'width': '100%'}">
             <el-row :gutter="10" >
               <el-form ref="form" labelPosition="top" :model="vehicleData">
@@ -150,7 +154,6 @@
             </el-row>
           </div>
           <div class="contentMain" :style="{'height': (contentHeight / 2 - 10) + 'px', 'width': '100%', 'background-color': '#FFFFFF'}">
-
           </div>
         </div>
       </el-col>