库存查询

src/views/inventory/query.vue

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