From 7601166d00d2aa52624359e011659c1c12f40a84 Mon Sep 17 00:00:00 2001
From: liupeng <511646242@qq.com>
Date: Fri, 4 Jul 2025 17:50:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=92=E8=89=B2=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/device/vehicles.vue |  2 +-
 src/views/user/roles.vue      | 12 ++++--------
 src/views/user/users.vue      | 14 +++++---------
 3 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/views/device/vehicles.vue b/src/views/device/vehicles.vue
index 79e6446..bd76a32 100644
--- a/src/views/device/vehicles.vue
+++ b/src/views/device/vehicles.vue
@@ -104,7 +104,7 @@ function reload() {
 <template>
     <div class="common-layout dashboard flex-column-container">
         <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"
diff --git a/src/views/user/roles.vue b/src/views/user/roles.vue
index 63e2baa..0f1cbbd 100644
--- a/src/views/user/roles.vue
+++ b/src/views/user/roles.vue
@@ -197,8 +197,8 @@ function delRole() {
 </script>
 
 <template>
-    <div class="dashboard flex-column-container">
-        <div class="tools flex-item-fixed">
+    <div class="common-layout dashboard flex-column-container">
+        <div class="toolbar flex-item-fixed">
             <ElButton :icon="Search" :loading="state.loading" @click="reload">查询</ElButton>
             <ElButton :icon="Plus" @click="addOrUpdate(true)">新增</ElButton>
             <ElButton :icon="EditPen" @click="addOrUpdate(false)">编辑</ElButton>
@@ -206,13 +206,13 @@ function delRole() {
         </div>
         <DataForm
             class="query-form flex-item-fixed"
-            style="width: 500px;"
             :data="state.queryData"
             :formFields="data.formFields"
-            :columnCount="2"
+            :columnCount="4"
             layout="bothFixed"
             labelWidth="85px"
             inputWidth="200px"
+            :inline="true"
         />
         <AgGridVue
             ref="gridRef"
@@ -229,10 +229,6 @@ function delRole() {
     height: 100%;
 }
 
-.tools {
-    margin-bottom: 8px;
-}
-
 .query-form {
     height: unset;
 }
diff --git a/src/views/user/users.vue b/src/views/user/users.vue
index e54f662..3c1f08a 100644
--- a/src/views/user/users.vue
+++ b/src/views/user/users.vue
@@ -210,22 +210,22 @@ function delUser() {
 </script>
 
 <template>
-    <div class="dashboard flex-column-container">
-        <div class="tools flex-item-fixed">
-            <ElButton :icon="Search" :loading="state.loading" @click="reload">查询</ElButton>
+    <div class="common-layout dashboard flex-column-container">
+        <div class="toolbar flex-item-fixed">
+            <ElButton :icon="Search" :loading="state.loading" @click="reload" type="warning" plain>查询</ElButton>
             <ElButton :icon="Plus" @click="addOrUpdate(true)">新增</ElButton>
             <ElButton :icon="EditPen" @click="addOrUpdate(false)">编辑</ElButton>
             <ElButton :icon="Delete" type="danger" :plain="true" @click="delUser">删除</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="85px"
             inputWidth="200px"
+            :inline="true"
         />
         <AgGridVue
             ref="gridRef"
@@ -241,10 +241,6 @@ function delUser() {
     height: 100%;
 }
 
-.tools {
-    margin-bottom: 8px;
-}
-
 .query-form {
     height: unset;
 }