车辆管理

src/views/Home.less

@@ -41,5 +41,32 @@
         font-weight: 300;
       }
     }
+    .ag-ltr .ag-row .ag-cell{
+      border-right:1px solid #ebeef5;
+      &:last-child{
+        border-right:none;
+      }
+      &[aria-colindex="1"]{
+        border-right:1px solid #ebeef5;
+      }
+    }
+    .ag-header-cell{
+      border-right:1px solid #dfe6ec;
+      &:last-child{
+        border-right:none;
+      }
+      &[aria-colindex="1"]{
+        border-right:1px solid #dfe6ec;
+      }
+    }
+  }
+}
+.el-breadcrumb{
+  font-size: 16px;
+}
+
+@media (max-width: 768px) {
+  .data-form-row{
+    flex-wrap: wrap!important;
   }
 }

src/views/device/vehicles.vue

@@ -102,19 +102,17 @@ function reload() {
 </script>
 
 <template>
-    <div class="dashboard flex-column-container">
-        <div class="tools flex-item-fixed">
+    <div class="common-layout dashboard flex-column-container">
+        <div class="flex-item-fixed toolbar">
             <ElButton :icon="Search" :loading="state.loading" @click="reload">查询</ElButton>
         </div>
         <DataForm
             class="query-form flex-item-fixed"
-            style="width: 500px;"
             :data="state.queryData"
             :formFields="data.formFields"
-            :columnCount="2"
+            :columnCount="4"
             layout="bothFixed"
-            labelWidth="120px"
-            inputWidth="200px"
+            :inline="true"
         />
         <AgGridVue
             ref="gridRef"
@@ -131,10 +129,6 @@ function reload() {
     height: 100%;
 }
 
-.tools {
-    margin-bottom: 8px;
-}
-
 .query-form {
     height: unset;
 }