From c9935678a74d53d90b13f4da898fa84ec82f77b6 Mon Sep 17 00:00:00 2001
From: liujie <1793218484@qq.com>
Date: 星期三, 05 八月 2026 08:59:49 +0800
Subject: [PATCH] update

---
 ruoyi-ui/src/assets/styles/visitor-admin.scss |  259 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 259 insertions(+), 0 deletions(-)

diff --git a/ruoyi-ui/src/assets/styles/visitor-admin.scss b/ruoyi-ui/src/assets/styles/visitor-admin.scss
index 36b3ca8..78818b3 100644
--- a/ruoyi-ui/src/assets/styles/visitor-admin.scss
+++ b/ruoyi-ui/src/assets/styles/visitor-admin.scss
@@ -388,6 +388,265 @@
   }
 }
 
+.visitor-device-page {
+  padding: 14px 16px 18px;
+
+  .visitor-card {
+    min-height: calc(100vh - 98px);
+    padding: 20px 20px 28px;
+    border-radius: 10px;
+    box-shadow: 0 8px 24px rgba(34, 69, 126, 0.06);
+  }
+
+  .visitor-header {
+    min-height: 28px;
+    margin-bottom: 16px;
+
+    h1 {
+      font-size: 18px;
+      font-weight: 800;
+    }
+  }
+
+  .visitor-side-layout {
+    grid-template-columns: 214px minmax(0, 1fr);
+    gap: 16px;
+  }
+
+  .visitor-side {
+    min-height: 604px;
+    padding: 16px 14px;
+    border-color: #dfe9f6;
+    border-radius: 10px;
+    box-shadow: none;
+
+    h2 {
+      margin-bottom: 10px;
+      font-size: 14px;
+      font-weight: 600;
+    }
+
+    .el-input__inner {
+      height: 30px;
+      border-radius: 8px;
+      font-size: 12px;
+    }
+
+    .el-tree {
+      margin-top: 12px;
+      font-size: 12px;
+    }
+
+    .el-tree-node__content {
+      height: 30px;
+      margin: 3px 0;
+      border-radius: 6px;
+    }
+
+    .el-tree-node__expand-icon {
+      padding: 4px 5px 4px 3px;
+      color: #8da1b8;
+      font-size: 12px;
+    }
+
+    .el-tree-node__expand-icon.is-leaf {
+      color: transparent;
+    }
+
+    .area-tree-node {
+      min-width: 0;
+      display: inline-flex;
+      align-items: center;
+      color: #334963;
+    }
+
+    .area-tree-node-icon {
+      width: 16px;
+      margin-right: 6px;
+      color: #2f73ff;
+      font-size: 14px;
+      text-align: center;
+    }
+
+    .area-tree-label {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  .device-panel {
+    min-width: 0;
+
+    > h2 {
+      margin: 18px 0 8px;
+      color: #1f2d3d;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+
+  .visitor-query {
+    min-height: 80px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    column-gap: 28px;
+    row-gap: 12px;
+    margin-bottom: 14px;
+    padding: 18px 18px;
+    border-color: #dfe9f6;
+    border-radius: 10px;
+    background: #fbfdff;
+
+    .el-form-item {
+      display: inline-flex;
+      align-items: center;
+      margin: 0;
+    }
+
+    .el-form-item__label {
+      padding-right: 8px;
+      line-height: 30px;
+      color: #1f2d3d;
+      font-weight: 700;
+    }
+
+    .el-form-item__content {
+      display: inline-flex;
+      align-items: center;
+      line-height: 30px;
+    }
+
+    .el-form-item:nth-child(1) .el-input,
+    .el-form-item:nth-child(2) .el-input {
+      width: 176px;
+    }
+
+    .el-form-item:nth-child(3) .el-select {
+      width: 164px;
+    }
+
+    .el-input__inner {
+      height: 30px;
+      border-radius: 6px;
+      font-size: 12px;
+    }
+
+    .el-button {
+      min-width: 52px;
+      height: 30px;
+      padding: 0 14px;
+      border-radius: 6px;
+      font-size: 12px;
+      font-weight: 700;
+    }
+
+    .el-button + .el-button {
+      margin-left: 12px;
+    }
+  }
+
+  .visitor-toolbar {
+    min-height: 42px;
+    margin-bottom: 10px;
+
+    .el-button {
+      min-width: 100px;
+      height: 34px;
+      padding: 0 18px;
+      border-radius: 8px;
+      font-size: 13px;
+      font-weight: 700;
+    }
+  }
+
+  .visitor-table.el-table {
+    border-color: #e2ebf5;
+    border-radius: 8px;
+
+    th.el-table__cell {
+      padding: 7px 0;
+      font-size: 12px;
+      font-weight: 700;
+    }
+
+    td.el-table__cell {
+      padding: 7px 0;
+      font-size: 12px;
+    }
+
+    .cell {
+      line-height: 18px;
+      padding-left: 14px;
+      padding-right: 14px;
+    }
+
+    .el-button--text {
+      padding: 0;
+      font-size: 12px;
+    }
+
+    .el-dropdown {
+      margin-left: 14px;
+    }
+  }
+
+  .status-pill {
+    min-width: 44px;
+    height: 20px;
+    padding: 0 9px;
+    font-size: 12px;
+  }
+}
+
+.visitor-device-more-menu {
+  min-width: 92px;
+  padding: 8px 0;
+  border-color: #edf2f8;
+  border-radius: 8px;
+  box-shadow: 0 10px 24px rgba(23, 43, 77, 0.14);
+
+  .el-dropdown-menu__item {
+    height: 32px;
+    display: flex;
+    align-items: center;
+    padding: 0 14px;
+    color: #334963;
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 32px;
+
+    i {
+      width: 16px;
+      margin-right: 8px;
+      font-size: 14px;
+      text-align: center;
+    }
+
+    .el-icon-refresh-left {
+      color: #2f73ff;
+    }
+
+    .el-icon-view {
+      color: var(--visitor-success);
+    }
+
+    .el-icon-circle-close {
+      color: #708195;
+    }
+
+    &.danger-item {
+      color: var(--visitor-danger);
+
+      .el-icon-delete {
+        color: var(--visitor-danger);
+      }
+    }
+  }
+}
+
 .status-pill {
   min-width: 52px;
   height: 24px;

--
Gitblit v1.7.1