From f5be1ea5e67b9677c06863af1927c69125676326 Mon Sep 17 00:00:00 2001
From: DongZeLiang <2746733890@qq.com>
Date: Fri, 1 Dec 2023 11:27:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8F=B3=E4=BE=A7=E6=9C=AA?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E8=BD=A6=E8=BE=86=E7=9A=84=E7=A9=BA=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.production             |  2 +-
 src/main.js                 | 13 -------------
 src/views/vehicle/index.vue | 17 ++++++++++-------
 3 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/.env.production b/.env.production
index 80c8103..14da59c 100644
--- a/.env.production
+++ b/.env.production
@@ -2,5 +2,5 @@
 ENV = 'production'
 
 # base api
-VUE_APP_BASE_API = '/prod-api'
+VUE_APP_BASE_API = '/'
 
diff --git a/src/main.js b/src/main.js
index 01cba2f..20cb072 100644
--- a/src/main.js
+++ b/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，按如下方式声明
diff --git a/src/views/vehicle/index.vue b/src/views/vehicle/index.vue
index 8151b5a..a226227 100644
--- a/src/views/vehicle/index.vue
+++ b/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>