车辆管理完善

src/views/couplet/vehicle/index.vue

@@ -24,7 +24,7 @@
 
 
     <!--    列表-->
-    <el-table :data="vehicleList" style="width: 100%" border>
+    <el-table :data="vehicleList" style="width: 100%" border v-loading="loading">
       <el-table-column label="车辆id" width="90" align="center">
         <template slot-scope="scope">
           <span style="margin-left: 10px">{{ scope.row.vehicleId }}</span>
@@ -55,11 +55,11 @@
           <span style="margin-left: 10px">{{ scope.row.batteryNumber }}</span>
         </template>
       </el-table-column>
-      <!--      <el-table-column label="vin码" width="180" align="center">-->
-      <!--        <template slot-scope="scope">-->
-      <!--          <span style="margin-left: 10px">{{ scope.row.vin }}</span>-->0
-      <!--        </template>-->
-      <!--      </el-table-column>-->
+      <el-table-column label="vin码" width="180" align="center">
+        <template slot-scope="scope">
+          <span style="margin-left: 10px">{{ scope.row.vin }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="车辆状态" width="120" align="center">
         <template slot-scope="scope">
           <span style="margin-left: 10px" v-if="1==scope.row.vehicleState">
@@ -176,6 +176,8 @@ export default {
   data() {
     //这里存放数据"
     return {
+      //加载
+      loading: true,
       //车辆列表
       vehicleList: [],
 
@@ -243,8 +245,14 @@ export default {
     getVehicleList() {
       list(this.vehicleListParams).then(
         res => {
+          if (res.code == 200) {
             this.vehicleList = res.data.list;
             this.total = res.data.total;
+            this.loading = false;
+          } else {
+            this.$message.error("列表查询异常");
+          }
+
         }
       )
     },