优先上线展示

src/views/vehicle/index.vue

@@ -5,7 +5,7 @@
         <el-row style="height: 50px;">
           <div>
             <el-button @click="addVehicleDrawer = true">添加车辆</el-button>
-            <el-button @click="genVehicleDialog = true">生成车辆</el-button>
+            <el-button @click="genVehicleDialog = true" type="primary">生成车辆</el-button>
           </div>
         </el-row>
         <div class="grid-content bg-purple" :style="{'height': contentHeight - 50 +'px'}">
@@ -14,6 +14,13 @@
               <el-col :span="6">
                 <el-input v-model="queryParams.vin" prefix-icon="el-icon-search" placeholder="VIN检索(模糊)"></el-input>
               </el-col>
+              <el-col :span="6">
+                <el-switch style="margin: 9px 0;"
+                           v-model="queryParams.online"
+                           active-color="#13ce66"
+                           inactive-text="上线优先展示">
+                </el-switch>
+              </el-col>
             </el-row>
             <el-col :span="12" v-for="vehicle in vehicleList" style="margin: 0 0 10px 0;">
               <el-card class="box-card">
@@ -232,6 +239,7 @@ export default {
       // 查询
       queryParams: {
         vin: null,
+        online: true
       },
       // 定时获取车辆列表
       intervalInstanceList: null,