Merge remote-tracking branch 'origin/main'

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;