[Feat] Refactor UI loader & Add freeze report override

2026-06-23 00:54:30 +08:00 · 2025-06-10 00:28:53 +08:00
parent ed29f1b86f
commit a639ae0ac6
17 changed files with 861 additions and 167 deletions
--- a/src/aura/ui/composables/plsConfigManager.js
+++ b/src/aura/ui/composables/plsConfigManager.js
@@ -37,16 +37,6 @@ const { genRandomHex } = require("../../utils/crypto");
 */
 const updatePlsConfigToRemote = async (configKey, configValue) => {
  const configLevels = configKey.split(".");
-  /** @type {Record<any, any>} */
-  // @ts-expect-error
-  let localUpdateTarget =
-    configLevels[0] === "ruleSettings"
-      ? global.__HUGO_AURA__.plsRules
-      : global.__HUGO_AURA__.plsSettings;
-  for (const level of configLevels.slice(0, -1)) {
-    localUpdateTarget = localUpdateTarget[level];
-  }
-  localUpdateTarget[configLevels.slice(-1)[0]] = configValue;

  const plsConfigUpdateEvent = new CustomEvent("onPLSConfigUpdate", {
    detail: {
@@ -55,6 +45,14 @@ const updatePlsConfigToRemote = async (configKey, configValue) => {
    },
  });
  document.dispatchEvent(plsConfigUpdateEvent);
+  const settingsEntries = document.getElementsByClassName(
+    "aura-settings-entry"
+  );
+  if (settingsEntries.length > 0) {
+    Array.from(settingsEntries).forEach((entry) => {
+      entry.dispatchEvent(plsConfigUpdateEvent);
+    });
+  }

  /**
   * @type {ClientPLSRequest}
--- a/src/aura/ui/composables/settingsRenderer.js
+++ b/src/aura/ui/composables/settingsRenderer.js
@@ -51,6 +51,9 @@ const insertOrRemoveEl = (parent, child, isInsert = true) => {
  }
 };

+const createOnLeaveEvtListener =
+  global.__HUGO_AURA_GLOBAL__.utils.createOnLeaveEvtListener;
+
 const renderInputArea = (entry, operationArea, descriptionArea) => {
  switch (entry.type) {
    case "switch": {
@@ -131,7 +134,7 @@ const renderInputArea = (entry, operationArea, descriptionArea) => {
  }
 };

-const renderChild = (entry, formEl) => {
+const renderNormalSettingsItem = (entry, formEl) => {
  const entryContainerEl = document.createElement("div");
  entryContainerEl.classList.add("aura-settings-entry");
  entryContainerEl.id = `${entry.id}Container`;
@@ -216,7 +219,7 @@ const renderChild = (entry, formEl) => {

  const entryDescription = document.createElement("p");
  entryDescription.classList.add("aura-settings-entry-desc");
-  entryDescription.textContent = entry.description;
+  entryDescription.innerHTML = entry.description;
  entryInfoContainerEl.appendChild(entryTitle);
  entryInfoContainerEl.appendChild(entryDescription);

@@ -229,20 +232,18 @@ const renderChild = (entry, formEl) => {
  insertOrRemoveEl(entryOperationArea, targetEl, true);

  if (entry.reactive) {
-    document.addEventListener(
-      entry.PLSRequired ? "onPLSConfigUpdate" : "onHugoAuraConfigUpdate",
-      (event) => {
-        if (entry.reactiveVal.includes(event.detail.path.join("."))) {
-          insertOrRemoveEl(entryOperationArea, targetEl, false);
-          targetEl = renderInputArea(
-            entry,
-            entryOperationArea,
-            entryDescription
-          );
-          insertOrRemoveEl(entryOperationArea, targetEl, true);
-        }
+    const evtListener = (event) => {
+      if (entry.reactiveVal.includes(event.detail.path.join("."))) {
+        insertOrRemoveEl(entryOperationArea, targetEl, false);
+        targetEl = renderInputArea(entry, entryOperationArea, entryDescription);
+        insertOrRemoveEl(entryOperationArea, targetEl, true);
      }
-    );
+    };
+    const channel = entry.PLSRequired
+      ? "onPLSConfigUpdate"
+      : "onHugoAuraConfigUpdate";
+    entryContainerEl.addEventListener(channel, evtListener);
+    // createOnLeaveEvtListener(channel, evtListener);
  }

  const setDisableStatus = (el, isDisable, hint = null) => {
@@ -266,35 +267,95 @@ const renderChild = (entry, formEl) => {
      setDisableStatus(entryOperationArea, true, "连接至 PLS 以继续");
    }

-    document.addEventListener("onPLSStatsUpdate", (event) => {
+    const evtListener = (event) => {
      if (event.detail.connected) {
        setDisableStatus(entryOperationArea, false);
      } else {
        setDisableStatus(entryOperationArea, true, "连接至 PLS 以继续");
      }
-    });
+    };
+    entryContainerEl.addEventListener("onPLSStatsUpdate", evtListener);
+    // createOnLeaveEvtListener("onPLSStatsUpdate", evtListener);
  }
  entryContainerEl.appendChild(entryOperationArea);
  const isShow = entry.auraIf();
  if (!isShow) entryContainerEl.classList.add("aura-settings-entry-hidden");

  if (entry.associateVal) {
-    document.addEventListener(
-      entry.PLSRequired ? "onPLSConfigUpdate" : "onHugoAuraConfigUpdate",
-      (event) => {
-        if (!entry.associateVal.includes(event.detail.path.join("."))) return;
-        const cls = entryContainerEl.classList;
-        const isShow = entry.auraIf();
-        isShow
-          ? cls.remove("aura-settings-entry-hidden")
-          : cls.add("aura-settings-entry-hidden");
-      }
-    );
+    const evtListener = (event) => {
+      if (!entry.associateVal.includes(event.detail.path.join("."))) return;
+      const cls = entryContainerEl.classList;
+      const isShow = entry.auraIf();
+      isShow
+        ? cls.remove("aura-settings-entry-hidden")
+        : cls.add("aura-settings-entry-hidden");
+    };
+    const channel = entry.PLSRequired
+      ? "onPLSConfigUpdate"
+      : "onHugoAuraConfigUpdate";
+    entryContainerEl.addEventListener(channel, evtListener);
+    // createOnLeaveEvtListener(channel, evtListener);
  }

  formEl.appendChild(entryContainerEl);
 };

+const renderPreviewItem = (entry, formEl) => {
+  const elementId = entry.customId ? entry.customId : `${entry.id}Container`;
+  const eventChannel = entry.listenerType;
+
+  const separateHrContainer = document.createElement("div");
+  separateHrContainer.classList.add("aura-settings-preview-area-hr-container");
+
+  const hrTitle = document.createElement("p");
+  hrTitle.textContent = "预览";
+
+  const hrElement = document.createElement("hr");
+  hrElement.classList.add("aura-settings-preview-hr");
+
+  separateHrContainer.appendChild(hrElement);
+  separateHrContainer.appendChild(hrTitle);
+  separateHrContainer.appendChild(hrElement.cloneNode());
+
+  formEl.appendChild(separateHrContainer);
+
+  const previewContainerEl = document.createElement("div");
+  previewContainerEl.classList.add("aura-settings-preview-area-container");
+  previewContainerEl.id = elementId;
+
+  const eventListener = (event) => {
+    const childs = previewContainerEl.querySelectorAll("*");
+    Array.from(childs).forEach((el) => {
+      el.dispatchEvent(
+        new CustomEvent("onAssociateValueUpdated", { detail: event.detail })
+      );
+    });
+  };
+
+  document.addEventListener(
+    eventChannel === "pls" ? "onPLSConfigUpdate" : "onHugoAuraConfigUpdate",
+    eventListener
+  );
+  createOnLeaveEvtListener(eventListener); // Clean up
+
+  formEl.appendChild(previewContainerEl);
+
+  setTimeout(() => {
+    global.__HUGO_AURA_LOADER__[entry.loaderTarget].active = true;
+  }, 50);
+};
+
+const renderChild = (entry, formEl) => {
+  switch (entry.type) {
+    case "preview":
+      renderPreviewItem(entry, formEl);
+      break;
+    default:
+      renderNormalSettingsItem(entry, formEl);
+      break;
+  }
+};
+
 const settingsRenderer = (pendingEl, settingsObj) => {
  const formEl = document.createElement("form");
  formEl.classList.add("aura-settings-form");
--- a/src/aura/ui/css/form.css
+++ b/src/aura/ui/css/form.css
@@ -65,6 +65,33 @@
  border-bottom: 0.75px solid rgba(0, 0, 0, 0.25);
 }

+.aura-settings-preview-area-hr-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.aura-settings-preview-hr {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+  border-bottom: 0.75px solid rgba(0, 0, 0, 0.25);
+  width: -webkit-fill-available;
+}
+
+.aura-settings-preview-area-hr-container p {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  min-width: 2rem;
+  opacity: 0.75;
+  text-align: center;
+}
+
+.aura-settings-preview-area-container {
+  width: 100%;
+  padding-bottom: 0.5rem;
+}
+
 .aura-settings-entry-property-icon {
  margin-left: 0.5rem;
  font-size: 15px;
--- a/src/aura/ui/hookDefinitions/assistant.js
+++ b/src/aura/ui/hookDefinitions/assistant.js
@@ -21,41 +21,60 @@ const def = {
      pageSelector: "#root",
      selectorMode: "appendChild",
      pageCSS: "ui/pages/config/config.css",
-    },
-    "Aura.UI.Assistant.Config.DisableLimitations": {
-      active: false,
-      pageURI:
-        "ui/pages/configSubPages/disableLimitations/disableLimitations.html",
-      pageScript:
-        "ui/pages/configSubPages/disableLimitations/disableLimitations.js",
-      pageSelector: ".aura-config-page-subpage-container",
-      selectorMode: "appendChild",
-      pageCSS:
-        "ui/pages/configSubPages/disableLimitations/disableLimitations.css",
-    },
-    "Aura.UI.Assistant.Config.BehaviourCtrl": {
-      active: false,
-      pageURI: "ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.html",
-      pageScript: "ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.js",
-      pageSelector: ".aura-config-page-subpage-container",
-      selectorMode: "appendChild",
-      pageCSS: "ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.css",
-    },
-    "Aura.UI.Assistant.Config.BehaviourCtrl.PlsStatus": {
-      active: false,
-      pageURI: "ui/pages/configSubPages/behaviourCtrl/plsStatus.html",
-      pageScript: "ui/pages/configSubPages/behaviourCtrl/plsStatus.js",
-      pageSelector: "#status-subpage",
-      selectorMode: "appendChild",
-      pageCSS: "ui/pages/configSubPages/behaviourCtrl/plsStatus.css",
-    },
-    "Aura.UI.Assistant.Config.Preferences": {
-      active: false,
-      pageURI: "ui/pages/configSubPages/preferences/preferences.html",
-      pageScript: "ui/pages/configSubPages/preferences/preferences.js",
-      pageSelector: ".aura-config-page-subpage-container",
-      selectorMode: "appendChild",
-      pageCSS: "ui/pages/configSubPages/preferences/preferences.css",
+      childs: {
+        DisableLimitations: {
+          active: false,
+          pageURI:
+            "ui/pages/configSubPages/disableLimitations/disableLimitations.html",
+          pageScript:
+            "ui/pages/configSubPages/disableLimitations/disableLimitations.js",
+          pageSelector: ".aura-config-page-subpage-container",
+          selectorMode: "appendChild",
+          pageCSS:
+            "ui/pages/configSubPages/disableLimitations/disableLimitations.css",
+        },
+        BehaviourCtrl: {
+          active: false,
+          pageURI: "ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.html",
+          pageScript: "ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.js",
+          pageSelector: ".aura-config-page-subpage-container",
+          selectorMode: "appendChild",
+          pageCSS: "ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.css",
+          childs: {
+            PlsStatus: {
+              active: false,
+              pageURI: "ui/pages/configSubPages/behaviourCtrl/plsStatus.html",
+              pageScript: "ui/pages/configSubPages/behaviourCtrl/plsStatus.js",
+              pageSelector: "#status-subpage",
+              selectorMode: "appendChild",
+              pageCSS: "ui/pages/configSubPages/behaviourCtrl/plsStatus.css",
+            },
+            DeviceSecurity: {
+              childs: {
+                FreezeOverridePreview: {
+                  active: false,
+                  pageURI:
+                    "ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.html",
+                  pageScript:
+                    "ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.js",
+                  pageSelector: "#freezeInfoReportOverridePreviewContainer",
+                  selectorMode: "appendChild",
+                  pageCSS:
+                    "ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.css",
+                },
+              },
+            },
+          },
+        },
+        Preferences: {
+          active: false,
+          pageURI: "ui/pages/configSubPages/preferences/preferences.html",
+          pageScript: "ui/pages/configSubPages/preferences/preferences.js",
+          pageSelector: ".aura-config-page-subpage-container",
+          selectorMode: "appendChild",
+          pageCSS: "ui/pages/configSubPages/preferences/preferences.css",
+        },
+      },
    },
  },
  globalStyles: [
@@ -65,7 +84,11 @@ const def = {
    "ui/layui/css/layui.css",
    "ui/bootstrap/bootstrap.min.css",
  ],
-  globalJS: ["ui/js/global.js", "ui/js/plsListener.js", "ui/bootstrap/bootstrap.bundle.min.js"],
+  globalJS: [
+    "ui/js/global.js",
+    "ui/js/plsListener.js",
+    "ui/bootstrap/bootstrap.bundle.min.js",
+  ],
  onLoaded: `
    console.log('[HugoAura / UI / Hooks / Assistant] Page loaded.');
  `,
--- a/src/aura/ui/js/global.js
+++ b/src/aura/ui/js/global.js
@@ -20,10 +20,24 @@
    );
  };

+  const createOnLeaveEvtListener = (
+    channel,
+    pendingRmEvtListener,
+    leaveEvt = "onCurConfigPageLeave"
+  ) => {
+    const rmEvtListener = (event) => {
+      document.removeEventListener(channel, pendingRmEvtListener);
+      document.removeEventListener(leaveEvt, rmEvtListener);
+    };
+    document.addEventListener(leaveEvt, rmEvtListener);
+    return rmEvtListener;
+  };
+
  if (!window.__HUGO_AURA_GLOBAL__) window.__HUGO_AURA_GLOBAL__ = {};

  window.__HUGO_AURA_GLOBAL__.utils = {
    sleep,
    refreshBsTooltip,
+    createOnLeaveEvtListener,
  };
 })();
--- a/src/aura/ui/js/plsListener.js
+++ b/src/aura/ui/js/plsListener.js
@@ -14,13 +14,23 @@
      `${IPC_METHOD_BASE}.post.onPlsStatsUpdate`,
      (_event, arg) => {
        global.__HUGO_AURA__.plsStats = arg;
-        document.dispatchEvent(
-          new CustomEvent("onPLSStatsUpdate", {
-            detail: {
-              connected: arg.connected,
-            },
-          })
+
+        const event = new CustomEvent("onPLSStatsUpdate", {
+          detail: {
+            connected: arg.connected,
+          },
+        });
+
+        document.dispatchEvent(event);
+
+        const settingsEntries = document.getElementsByClassName(
+          "aura-settings-entry"
        );
+        if (settingsEntries.length > 0) {
+          Array.from(settingsEntries).forEach((entry) => {
+            entry.dispatchEvent(event);
+          });
+        }
      }
    );

@@ -28,14 +38,24 @@
      `${IPC_METHOD_BASE}.post.onPlsSettingsUpdate`,
      (_event, arg) => {
        global.__HUGO_AURA__.plsSettings = arg;
-        document.dispatchEvent(
-          new CustomEvent("onPLSConfigUpdate", {
-            detail: {
-              path: ["root", "settings"],
-              value: arg,
-            },
-          })
+
+        const event = new CustomEvent("onPLSConfigUpdate", {
+          detail: {
+            path: ["root", "settings"],
+            value: arg,
+          },
+        });
+
+        document.dispatchEvent(event);
+
+        const settingsEntries = document.getElementsByClassName(
+          "aura-settings-entry"
        );
+        if (settingsEntries.length > 0) {
+          Array.from(settingsEntries).forEach((entry) => {
+            entry.dispatchEvent(event);
+          });
+        }
      }
    );

@@ -43,27 +63,38 @@
      `${IPC_METHOD_BASE}.post.onPlsRulesUpdate`,
      (_event, arg) => {
        global.__HUGO_AURA__.plsRules = arg;
-        document.dispatchEvent(
-          new CustomEvent("onPLSConfigUpdate", {
-            detail: {
-              path: ["root", "ruleSettings"],
-              value: arg,
-            },
-          })
+
+        const event = new CustomEvent("onPLSConfigUpdate", {
+          detail: {
+            path: ["root", "ruleSettings"],
+            value: arg,
+          },
+        });
+
+        document.dispatchEvent(event);
+
+        const settingsEntries = document.getElementsByClassName(
+          "aura-settings-entry"
        );
+        if (settingsEntries.length > 0) {
+          Array.from(settingsEntries).forEach((entry) => {
+            entry.dispatchEvent(event);
+          });
+        }
      }
    );

    ipcRenderer.on(
      `${IPC_METHOD_BASE}.post.updateRetryStatus`,
      (_event, arg) => {
-        document.dispatchEvent(
-          new CustomEvent("onPLSStatsUpdate", {
-            detail: {
-              connected: arg.success,
-            },
-          })
-        );
+        const event = new CustomEvent("onPLSStatsUpdate", {
+          detail: {
+            connected: arg.success,
+          },
+        });
+
+        document.dispatchEvent(event);
+
        if (
          global.__HUGO_AURA_LOADER__["Aura.UI.Assistant.Config.BehaviourCtrl"]
            .active
--- a/src/aura/ui/pages/config/config.js
+++ b/src/aura/ui/pages/config/config.js
@@ -23,6 +23,8 @@ global.__HUGO_AURA_UI_FUNCTIONS__.config = {
        global.__HUGO_AURA_UI_REACTIVES__.config.currentActiveSubPage,
        false
      );
+      const onLeaveEvent = new CustomEvent("onCurConfigPageLeave");
+      document.dispatchEvent(onLeaveEvent);
    } else {
      global.__HUGO_AURA_UI_FUNCTIONS__.config.hideConfigPage();
    }
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.js
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/behaviourCtrl.js
@@ -7,6 +7,7 @@
  } = require(`${REQUIRE_BASE}/../../../../composables/settingsRenderer`);

  const { basicSettings } = require(`${REQUIRE_BASE}/basic`);
+  const { deviceSecuritySettings } = require(`${REQUIRE_BASE}/deviceSecurity`);

  const {
    updatePlsSettingsFromLocal,
@@ -24,19 +25,27 @@
    settingsRenderer(basicSubPageEl, basicSettings);
  };

+  const initDeviceSecuritySettingsPage = () => {
+    const deviceSecuritySubPageEl = document.getElementById(
+      "security-config-subpage"
+    );
+    settingsRenderer(deviceSecuritySubPageEl, deviceSecuritySettings);
+  };
+
  const renderSubPages = async () => {
    await updatePlsSettingsFromLocal();
    await updatePlsRulesFromLocal();

    initBasicSettingsPage();
+    initDeviceSecuritySettingsPage();
  };

  const onMounted = () => {
    const rootEl = document.getElementById("acs-behaviour-control-el");
    initStatusPage();
-    renderSubPages();
    setTimeout(() => {
      rootEl.classList.remove("acs-behaviour-control-hidden");
+      renderSubPages(); // 如果立即渲染子页面, 此时 plsRules 还未初始化, 会导致子页面 auraIf 失效
    }, 500);
  };

--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.js
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/plsStatus.js
@@ -655,9 +655,15 @@ if (!global.__HUGO_AURA_UI_REACTIVES__.subConfig)
    initBsTooltip();
    GLOBAL_FUNCTIONS.updateOperationBtnStatus("Refresh", false);
    GLOBAL_FUNCTIONS.refreshPlsStatus(true);
-    document.addEventListener("onPLSStatsUpdate", () => {
+
+    const eventListener = () => {
      GLOBAL_FUNCTIONS.updateStatusContent();
-    });
+    };
+    document.addEventListener("onPLSStatsUpdate", eventListener);
+    global.__HUGO_AURA_GLOBAL__.utils.createOnLeaveEvtListener(
+      "onPLSStatsUpdate",
+      eventListener
+    );
  };

  onMounted();
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/deviceSecurity.js
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/deviceSecurity.js
@@ -0,0 +1,93 @@
+const REQUIRE_BASE = ".";
+
+const {
+  updatePlsConfigToRemote,
+} = require(`${REQUIRE_BASE}/../../../../composables/plsConfigManager`);
+
+const composables = {};
+
+const deviceSecuritySettings = [
+  {
+    id: 0,
+    categoryName: "冰点管理",
+    child: [
+      {
+        index: 0,
+        id: "enableFreezeInfoReportOverride",
+        type: "switch",
+        name: "启用冰冻状态篡改",
+        description: "篡改上报的冰冻数据, 可自定义集控端显示的状态",
+        reactive: true,
+        reactiveVal: ["root.ruleSettings"],
+        restart: false,
+        reload: false,
+        PLSRequired: true,
+        restartPLS: false,
+        associateVal: null,
+        auraIf: () => true,
+        defaultValue: false,
+        valueGetter: () => {
+          if (!global.__HUGO_AURA__.plsRules) return "";
+          return global.__HUGO_AURA__.plsRules.client.security.uploadFreezeInfo
+            .enable;
+        },
+        callbackFn: (newVal) => {
+          if (typeof newVal !== "boolean") return;
+
+          global.__HUGO_AURA__.plsRules.client.security.uploadFreezeInfo.enable =
+            newVal;
+          updatePlsConfigToRemote(
+            "ruleSettings.client.security.uploadFreezeInfo.enable",
+            newVal
+          );
+          return true;
+        },
+      },
+      {
+        index: 1,
+        id: "freezeInfoReportOverrideType",
+        type: "radio",
+        name: "篡改模式",
+        description: "选择一种篡改模式, 选中的磁盘范围会<b>被上报</b>为冻结 (不是实际行为)",
+        restart: false,
+        reload: false,
+        PLSRequired: true,
+        restartPLS: false,
+        reactive: true,
+        reactiveVal: ["root.ruleSettings"],
+        associateVal: ["ruleSettings.client.security.uploadFreezeInfo.enable"],
+        auraIf: () => {
+          return global.__HUGO_AURA__.plsRules.client.security.uploadFreezeInfo
+            .enable;
+        },
+        defaultValue: "allFreeze",
+        templates: ["allFreeze", "systemOnly", "exceptSecondDisk"],
+        templateLabels: ["全部冻结", "仅系统盘", "仅第二磁盘"],
+        valueGetter: () => {
+          return global.__HUGO_AURA__.plsRules.client.security.uploadFreezeInfo
+            .rewriteMode;
+        },
+        callbackFn: (newVal) => {
+          global.__HUGO_AURA__.plsRules.client.security.uploadFreezeInfo.rewriteMode =
+            newVal;
+          updatePlsConfigToRemote(
+            "ruleSettings.client.security.uploadFreezeInfo.rewriteMode",
+            newVal
+          );
+          return true;
+        },
+      },
+      {
+        index: 2,
+        id: "freezeInfoReportOverridePreview",
+        type: "preview",
+        loaderTarget:
+          "Aura.UI.Assistant.Config.BehaviourCtrl.DeviceSecurity.FreezeOverridePreview",
+        associateVal: ["ruleSettings.client.security.uploadFreezeInfo"],
+        listenerType: "pls"
+      },
+    ],
+  },
+];
+
+module.exports = { deviceSecuritySettings };
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.css
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.css
@@ -0,0 +1,100 @@
+.acs-bc-dsc-fop-container {
+  display: flex;
+}
+
+.acs-bc-dsc-fop-please-wait,
+.acs-bc-dsc-fop-on-req-error,
+.acs-bc-dsc-fop-on-not-bind {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+  opacity: 0.6;
+}
+
+.acs-bc-dsc-fop-please-wait svg,
+.acs-bc-dsc-fop-on-req-error svg,
+.acs-bc-dsc-fop-on-not-bind svg {
+  width: 18px;
+  height: 18px;
+}
+
+.acs-bc-dsc-fop-please-wait p,
+.acs-bc-dsc-fop-on-req-error p,
+.acs-bc-dsc-fop-on-not-bind p {
+  margin-left: 0.5rem;
+  margin-top: -1px;
+}
+
+.acs-bc-dsc-fop-please-wait[auraIf="false"],
+.acs-bc-dsc-fop-on-req-error[auraIf="false"],
+.acs-bc-dsc-fop-on-not-bind[auraIf="false"],
+.acs-bc-dsc-fop-main[auraIf="false"] {
+  display: none;
+}
+
+.acs-bc-dsc-fop-main {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+
+.acs-bc-dsc-fop-main .disks-container {
+  display: flex;
+  flex-direction: row;
+}
+
+.acs-bc-dsc-fop-disk-el {
+  padding: 5px 10px;
+  border-radius: 3px;
+  border: 0.5px solid rgba(0, 0, 0, 0.25);
+  margin-left: 0.375rem;
+  margin-right: 0.375rem;
+
+  /* transition: all 0.5s; */
+  /* 没有用, 因为元素全被重新创建了 */
+}
+
+.acs-bc-dsc-fop-disk-el.active {
+  background-color: #1d70f2;
+  color: white;
+  border: 0.5px solid rgba(0, 0, 0, 0.125);
+}
+
+.acs-bc-dsc-fop-main-hint-area {
+  display: flex;
+  flex-direction: row;
+  margin-top: 1rem;
+  margin-bottom: -0.25rem;
+}
+
+.acs-bc-dsc-fop-main-hint-area svg {
+  width: 18px;
+  height: 18px;
+}
+
+.acs-bc-dsc-fop-main-hint-area div {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.acs-bc-dsc-fop-main-hint-area p {
+  margin-top: -1px;
+  margin-left: 0.25rem;
+}
+
+.acs-bc-dsc-fop-main-hint-area .acs-bc-dsc-fop-main-hint-freeze {
+  margin-right: 0.5rem;
+  color: #1d70f2;
+}
+
+.acs-bc-dsc-fop-main-hint-area .acs-bc-dsc-fop-main-hint-unfreeze {
+  margin-left: 0.5rem;
+}
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.html
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.html
@@ -0,0 +1,91 @@
+<div class="acs-bc-dsc-fop-container">
+  <div class="acs-bc-dsc-fop-please-wait" auraIf="true">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+    >
+      <path
+        fill="currentColor"
+        d="M16 30a14 14 0 1 1 14-14a14 14 0 0 1-14 14m0-26a12 12 0 1 0 12 12A12 12 0 0 0 16 4"
+      />
+      <path fill="currentColor" d="M20.59 22L15 16.41V7h2v8.58l5 5.01z" />
+    </svg>
+
+    <p>请稍候...</p>
+  </div>
+
+  <div class="acs-bc-dsc-fop-on-req-error" auraIf="false">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+    >
+      <path fill="currentColor" d="M9 10.555L10.555 9L23 21.444L21.444 23z" />
+      <path
+        fill="currentColor"
+        d="M16 2A13.914 13.914 0 0 0 2 16a13.914 13.914 0 0 0 14 14a13.914 13.914 0 0 0 14-14A13.914 13.914 0 0 0 16 2m0 26a12 12 0 1 1 12-12a12.035 12.035 0 0 1-12 12"
+      />
+    </svg>
+
+    <p>获取磁盘信息失败: <font id="acsBcDscFopOnReqErrorDetail"></font></p>
+  </div>
+
+  <div class="acs-bc-dsc-fop-on-not-bind" auraIf="false">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      viewBox="0 0 32 32"
+    >
+      <path
+        fill="currentColor"
+        d="M31.324 11.261A14.27 14.27 0 0 0 22.25 8H22v2h.25c2.608 0 5.155.837 7.246 2.372a12.18 12.18 0 0 1-7.548 7.036q.052-.605.052-1.22C22 10.366 15.635 4 7.812 4c-.929 0-1.856.09-2.757.268l-.657.13l-.13.657A14.3 14.3 0 0 0 4 7.812c0 4.124 1.78 7.831 4.598 10.426A14.2 14.2 0 0 0 8 22.254l.001.001a14.27 14.27 0 0 0 3.261 9.07l.439.53l.652-.22a14.18 14.18 0 0 0 9.237-10.046a14.18 14.18 0 0 0 10.045-9.237l.22-.652zM12.372 29.496A12.27 12.27 0 0 1 10 22.251c0-.912.113-1.796.303-2.652a14.1 14.1 0 0 0 9.105 2.349a12.18 12.18 0 0 1-7.036 7.548m7.51-9.613q-.833.116-1.694.117c-2.715 0-5.218-.904-7.247-2.412a12.4 12.4 0 0 1 4.048-5.204l-1.28-1.53A14.3 14.3 0 0 0 9.37 16.2A12.14 12.14 0 0 1 6.117 6.117A12 12 0 0 1 7.812 6C14.532 6 20 11.468 20 18.188q0 .862-.117 1.695Z"
+      />
+      <circle cx="20" cy="2" r="2" fill="currentColor" />
+      <circle cx="27" cy="26" r="2" fill="currentColor" />
+      <circle cx="2" cy="20" r="2" fill="currentColor" />
+    </svg>
+
+    <p>当前设备暂未绑定学校, 无法查询冰点信息</p>
+  </div>
+
+  <div class="acs-bc-dsc-fop-main" auraIf="false">
+    <div class="disks-container">
+      <p class="acs-bc-dsc-fop-disk-el">C 盘</p>
+    </div>
+
+    <div class="acs-bc-dsc-fop-main-hint-area">
+      <div class="acs-bc-dsc-fop-main-hint-freeze">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="32"
+          height="32"
+          viewBox="0 0 32 32"
+        >
+          <path
+            fill="currentColor"
+            d="M21.415 12H28v-2h-4.585L28 5.415L26.586 4L22 8.587V4h-2v6.587L18.587 12H17V8h-2v4h-1.587L12 10.587V4h-2v4.587L5.414 4L4 5.415L8.585 10H4v2h6.585L12 13.415V15H8v2h4v1.587L10.587 20H4v2h4.587L4 26.586l1.414 1.415L10 23.415V28h2v-6.585L13.415 20H15v4h2v-4h1.585L20 21.415V28h2v-4.585l4.585 4.586L28 26.586L23.413 22H28v-2h-6.587L20 18.587V17h4v-2h-4v-1.585ZM18 18h-4v-4h4Z"
+          />
+        </svg>
+        <p>已冻结</p>
+      </div>
+      <div class="acs-bc-dsc-fop-main-hint-unfreeze">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="32"
+          height="32"
+          viewBox="0 0 32 32"
+        >
+          <path
+            fill="currentColor"
+            d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z"
+          />
+        </svg>
+        <p>未冻结</p>
+      </div>
+    </div>
+  </div>
+</div>
--- a/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.js
+++ b/src/aura/ui/pages/configSubPages/behaviourCtrl/settings/previews/freezeOverridePreview/freezeOverridePreview.js
@@ -0,0 +1,156 @@
+// @ts-check
+
+(() => {
+  const REQUIRE_BASE = "../..";
+  const { genRandomHex } = require(`${REQUIRE_BASE}/aura/utils/crypto`);
+
+  const composables = {
+    getAndUpdateDiskInfo: async (curConfig) => {
+      const progressingEl = document.getElementsByClassName(
+        "acs-bc-dsc-fop-please-wait"
+      )[0];
+      const onErrorEl = document.getElementsByClassName(
+        "acs-bc-dsc-fop-on-req-error"
+      )[0];
+      const onNotBindEl = document.getElementsByClassName(
+        "acs-bc-dsc-fop-on-not-bind"
+      )[0];
+      const mainEl = document.getElementsByClassName("acs-bc-dsc-fop-main")[0];
+      const diskContainerEl =
+        document.getElementsByClassName("disks-container")[0];
+
+      const seewoProxyPort = window._ACCEPT_DATA.data.ports.SeewoProxyHTTP;
+
+      const reqPromise = new Promise((resolve) => {
+        fetch(
+          `https://127.0.0.1:${seewoProxyPort}/forward/freeze/api/v1/get_disk_data`,
+          {
+            headers: {
+              accept: "application/json, text/plain, */*",
+              "X-Auth-Traceid": genRandomHex(),
+            },
+          }
+        )
+          .then(async (response) => {
+            const parsedData = await response.json();
+
+            resolve({
+              success: true,
+              data: parsedData,
+              status: response.status,
+            });
+          })
+          .catch((e) => {
+            resolve({ success: false, data: null, errorObj: e });
+          });
+      });
+
+      const responseInfo = await reqPromise;
+
+      progressingEl.setAttribute("auraIf", "false");
+
+      if (!responseInfo.success) {
+        onNotBindEl.setAttribute("auraIf", "false");
+        mainEl.setAttribute("auraIf", "false");
+        onErrorEl.setAttribute("auraIf", "true");
+        const detailEl = document.getElementById("acsBcDscFopOnReqErrorDetail");
+        // @ts-expect-error
+        detailEl.textContent = responseInfo.errorObj;
+
+        return;
+      }
+
+      if (responseInfo.status !== 200) {
+        onErrorEl.setAttribute("auraIf", "false");
+        mainEl.setAttribute("auraIf", "false");
+        onNotBindEl.setAttribute("auraIf", "true");
+        return;
+      }
+
+      diskContainerEl.innerHTML = ``;
+
+      const curDisks = [];
+      for (const disk of responseInfo.data.data[0].disksData) {
+        curDisks.push({ name: disk.diskName, status: disk.protectedStatus });
+      }
+
+      const diskElTemplate = document.createElement("p");
+      diskElTemplate.classList.add("acs-bc-dsc-fop-disk-el");
+      if (!curConfig.enable) {
+        for (const disk of curDisks) {
+          const curDiskEl = diskElTemplate.cloneNode();
+          if (disk.status !== 0) {
+            // @ts-expect-error
+            curDiskEl.classList.add("active");
+          }
+          curDiskEl.textContent = `${disk.name.toUpperCase()} 盘`;
+          diskContainerEl.appendChild(curDiskEl);
+        }
+      } else {
+        switch (curConfig.rewriteMode) {
+          case "allFreeze":
+            {
+              for (const disk of curDisks) {
+                const curDiskEl = diskElTemplate.cloneNode();
+                // @ts-expect-error
+                curDiskEl.classList.add("active");
+                curDiskEl.textContent = `${disk.name.toUpperCase()} 盘`;
+                diskContainerEl.appendChild(curDiskEl);
+              }
+            }
+            break;
+          case "systemOnly":
+            {
+              let idx = 0;
+              for (const disk of curDisks) {
+                const curDiskEl = diskElTemplate.cloneNode();
+                // @ts-expect-error
+                if (idx === 0) curDiskEl.classList.add("active");
+                curDiskEl.textContent = `${disk.name.toUpperCase()} 盘`;
+                diskContainerEl.appendChild(curDiskEl);
+                idx += 1;
+              }
+            }
+            break;
+          case "exceptSecondDisk":
+            {
+              let idx = 0;
+              for (const disk of curDisks) {
+                const curDiskEl = diskElTemplate.cloneNode();
+                // @ts-expect-error
+                if (idx === 0) curDiskEl.classList.add("active");
+                curDiskEl.textContent = `${disk.name.toUpperCase()} 盘`;
+                diskContainerEl.appendChild(curDiskEl);
+                idx += 1;
+              }
+            }
+            break;
+        }
+      }
+
+      onErrorEl.setAttribute("auraIf", "false");
+      onNotBindEl.setAttribute("auraIf", "false");
+      mainEl.setAttribute("auraIf", "true");
+    },
+  };
+
+  const onMounted = () => {
+    const rootEl = document.getElementsByClassName(
+      "acs-bc-dsc-fop-container"
+    )[0];
+
+    const eventListener = (_event) => {
+      if (!global.__HUGO_AURA__.plsRules) return;
+      composables.getAndUpdateDiskInfo(
+        global.__HUGO_AURA__.plsRules.client.security.uploadFreezeInfo
+      );
+    };
+    rootEl.addEventListener("onAssociateValueUpdated", eventListener);
+
+    setTimeout(() => {
+      eventListener();
+    }, 100);
+  };
+
+  onMounted();
+})();