diff --git a/static/app.js b/static/app.js
index 278ca7e..a6dc804 100644
--- a/static/app.js
+++ b/static/app.js
@@ -265,6 +265,8 @@ window.switchTenant = (tenant) => {
state.projectView = null;
const label = tenant.replace("·无界", "");
document.querySelector("#workspaceTitle").textContent = label + " OPC 工作台";
+ document.querySelector("#tenantSelect").value = tenant;
+ document.querySelectorAll(".workspace-nav-item").forEach(el => el.classList.toggle("active", el.dataset.tenant === tenant));
load();
};
diff --git a/static/styles.css b/static/styles.css
index 816ccdd..cebaa5a 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -9,6 +9,29 @@ body {
justify-content: space-between;
}
+/* 工作台侧边栏 */
+.workspace-nav-item {
+ width: 52px;
+ height: 52px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ border-radius: 14px;
+ color: #94a3b8;
+ cursor: pointer;
+ transition: all 0.15s;
+ margin-bottom: 2px;
+}
+.workspace-nav-item:hover {
+ color: #e2e8f0;
+ background: rgba(255,255,255,0.08);
+}
+.workspace-nav-item.active {
+ color: #60a5fa;
+ background: rgba(96,165,250,0.15);
+}
+
.tabs {
display: flex;
gap: 4px;
diff --git a/templates/index.html b/templates/index.html
index dcab7c4..df6bc8f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -26,6 +26,25 @@
+