commit

preview-ut/main-app.ts

@@ -0,0 +1,76 @@
+// 整壳预览入口：路由 + 应用外壳(layout) + mock 菜单数据，用于验收
+// 「平台菜单点击 → 内部路由跳转 → 侧栏高亮 / 面包屑」整条链路。
+//
+// 存在的理由：业务 dev(8079) 挂在平台 CAS 下，无登录态的自动化浏览器拿不到
+// 真实页面，而这次的问题恰恰只在「侧栏点击」这一步暴露——单独渲染某个页面
+// 是验不出来的。
+//
+// 用法：
+//   node preview-ut/mock-server.mjs                       # mock 数据（8109）
+//   npx vite --config preview.vite.config.ts --port 8099
+//   打开 http://localhost:8099/preview-app.html#/__probe_start
+//   （起始 hash 故意用未匹配路径：每个菜单项都走 push 分支，避免 router.go(0)
+//     刷新页面导致探针重入）
+//
+// 断言结果写入 document.title，用无头浏览器读取：
+//   msedge --headless=new --disable-gpu --virtual-time-budget=20000 --dump-dom <url>
+import { createApp } from "vue";
+import { createPinia } from "pinia";
+import ViewUIPlus from "view-ui-plus";
+import "view-ui-plus/dist/styles/viewuiplus.css";
+import "@/assets/styles/main.scss";
+import "@/assets/styles/layout.css";
+import "@/assets/styles/icons.css";
+import "virtual:uno.css";
+import "virtual:svg-icons-register";
+
+import App from "@/App.vue";
+import router from "@/router";
+import utils from "@/utils";
+import mittBus from "@/utils/mitt";
+import directive from "@/utils/directive/index";
+import config from "@/assets/config/host.config";
+
+const app = createApp(App);
+app.use(createPinia());
+app.use(router);
+app.use(ViewUIPlus);
+app.config.globalProperties.$conf = config;
+app.config.globalProperties.$utils = utils;
+app.config.globalProperties.$bus = mittBus;
+directive(app);
+app.mount("#app");
+
+/** 侧栏解析失败时 layout.linkMenu 弹出的提示文案，出现即视为该菜单项未配置有效路径 */
+const WARN_TEXT = "未配置有效页面路径";
+const wait = (ms: number) => new Promise((r) => setTimeout(r, ms));
+
+async function probe() {
+    await wait(1500); // 等 App 拉完 GetUserMod 并渲染侧栏
+    const links = Array.from(document.querySelectorAll<HTMLElement>(".left-menu .menu-item > a"));
+    const out: string[] = [];
+    let warned = 0;
+
+    for (const a of links) {
+        const name = a.querySelector(".menu-text")?.textContent?.trim() || "?";
+        a.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+        await wait(400);
+
+        const warn = document.body.innerText.includes(WARN_TEXT);
+        if (warn) warned++;
+        // 清掉提示条，避免污染下一项判定
+        document.querySelectorAll(".ivu-message").forEach((n) => n.remove());
+
+        const path = (location.hash || "").replace(/^#/, "") || "/";
+        const active = document.querySelector(".left-menu li.active .menu-text")?.textContent?.trim() || "-";
+        const crumb = (document.querySelector(".path-nav")?.textContent || "").replace(/\s+/g, "").trim();
+        // 流程管理菜单的落地 tab（请假设置页仅 flow tab 用 liucheng 图标）
+        const tab = document.querySelector(".sett-tabs .ivu-tabs-tab-active")?.textContent?.trim() || "-";
+
+        out.push(`${name}=>${path},active=${active},crumb=${crumb},tab=${tab}${warn ? ",!WARN" : ""}`);
+    }
+
+    document.title = `APP|menus=${links.length}|warned=${warned}|` + out.join(" | ");
+}
+
+probe();