From 5e82c0bc03955b45e28ee0b33ba614ecf577b40b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8C=AB=E7=8C=ABguowen?=
 <9290821+guowen-the-cat@user.noreply.gitee.com>
Date: Thu, 25 Dec 2025 15:15:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9B=91=E6=8E=A7=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/device/ssj/index.vue | 33 ++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/ruoyi-ui/src/views/device/ssj/index.vue b/ruoyi-ui/src/views/device/ssj/index.vue
index 2a37b00..5ea9159 100644
--- a/ruoyi-ui/src/views/device/ssj/index.vue
+++ b/ruoyi-ui/src/views/device/ssj/index.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="app-container">
-    <el-row :gutter="20">
+    <div class="group-section">
+      <div class="group-title">四向车</div>
+      <el-row :gutter="20">
       <el-col v-for="dev in Sagv" :key="dev.id" :span="12">
         <el-card shadow="always" class="device-card">
           <div slot="header" class="card-header gradient">
@@ -26,8 +28,11 @@
           </el-row>
         </el-card>
       </el-col>
-    </el-row>
-    <el-row :gutter="20">
+      </el-row>
+    </div>
+    <div class="group-section">
+      <div class="group-title">输送机</div>
+      <el-row :gutter="20">
       <el-col v-for="dev in SSJ" :key="dev.id" :span="12">
         <el-card shadow="always" class="device-card">
           <div slot="header" class="card-header gradient">
@@ -53,8 +58,11 @@
           </el-row>
         </el-card>
       </el-col>
-    </el-row>
-    <el-row :gutter="20">
+      </el-row>
+    </div>
+    <div class="group-section">
+      <div class="group-title">提升机</div>
+      <el-row :gutter="20">
       <el-col v-for="dev in TSJ" :key="dev.id" :span="12">
         <el-card shadow="always" class="device-card">
           <div slot="header" class="card-header gradient">
@@ -80,7 +88,8 @@
           </el-row>
         </el-card>
       </el-col>
-    </el-row>
+      </el-row>
+    </div>
   </div>
   </template>
 
@@ -203,6 +212,18 @@ export default {
 }
 </script>
 <style scoped>
+.group-section {
+  margin-bottom: 24px;
+}
+.group-title {
+  font-weight: 600;
+  font-size: 18px;
+  padding: 8px 12px;
+  margin-bottom: 10px;
+  border-radius: 6px;
+  background: linear-gradient(90deg, rgba(16,108,123,0.12), rgba(255,255,255,0));
+  color: #106c7b;
+}
 .device-card {
   margin-bottom: 20px;
   border-radius: 10px;