sader

config/config.ts

@@ -109,7 +109,4 @@ export default defineConfig({
   define: env[REACT_APP_ENV as keyof typeof env],
   title: '精密测量虚拟仿真实训平台',
   esbuildMinifyIIFE: true,
-  qiankun: {
-    master: {},
-  },
 });

config/routes.ts

@@ -51,8 +51,8 @@ export default [
           },
           {
             name: "首页",
-            path: "/work/app",
-            microApp: 'app',
+            path: "/work/board",
+            component: './board',
           },
           {
             name: "个人主页",

src/app.jsx

@@ -2,7 +2,7 @@
  * @Author: wuhao930406 1148547900@qq.com
  * @Date: 2023-05-17 16:16:06
  * @LastEditors: wuhao930406 1148547900@qq.com
- * @LastEditTime: 2023-08-15 17:21:40
+ * @LastEditTime: 2023-08-18 11:26:10
  * @FilePath: /cs_vsofpm/src/app.jsx
  * @Description:
  *
@@ -75,11 +75,3 @@ export async function getInitialState() {
   };
 }
 
-export const qiankun = {
-  apps: [
-    {
-      name: "app",
-      entry: "//localhost:7001",
-    },
-  ],
-};

src/global.less

@@ -5,11 +5,14 @@ body,
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden;
+  color: #333;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
     "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
-
+.css-te7xho{
+  padding-top: 75px !important;
+}
 pre {
   margin: 0 !important;
 }

src/layouts/dashboard/nav/config.jsx

@@ -66,7 +66,7 @@ const navConfig = [
     children:[
       {
         title: "首页",
-        path: "/work/app",
+        path: "/work/board",
         icon: icon("ic_analytics"),
       },
       {

src/layouts/dashboard/nav/index.jsx

@@ -132,7 +132,7 @@ export default function Nav({ openNav, onCloseNav }) {
     }
   }, [pathname]);
 
-  const ifs = nav === 88;
+  const ifs = nav === 75;
 
   const renderContent = (
     <Box
@@ -227,7 +227,7 @@ export default function Nav({ openNav, onCloseNav }) {
           onClick={() => {
             setnav((s) => {
               if (s === 280) {
-                return 88;
+                return 75;
               } else {
                 return 280;
               }

src/pages/board/index.jsx

+import { FullscreenExitOutlined, FullscreenOutlined } from "@ant-design/icons";
+import { useFullscreen } from "ahooks";
+import { Button } from "antd";
+import { useRef } from "react";
+
+function Board() {
+  const ref = useRef(null);
+  const [isFullscreen, { toggleFullscreen, enterFullscreen, exitFullscreen }] =
+    useFullscreen(ref);
+
+  return (
+    <div style={{ width: "100%", height: "100%", padding: "0 12px 12px 12px" }}>
+      <div
+        style={{
+          width: "100%",
+          height: "100%",
+          borderRadius: 12,
+          overflow: "hidden",
+        }}
+        ref={ref}
+      >
+        <Button
+          type="link"
+          size="large"
+          icon={
+            isFullscreen ? <FullscreenExitOutlined /> : <FullscreenOutlined />
+          }
+          style={{ position:"absolute",right:36,top:24 }}
+          onClick={() => {
+            toggleFullscreen();
+          }}
+        ></Button>
+        <iframe
+          src={`http://192.168.40.100:5173/#/dashboardC-cn?token=${localStorage.getItem("TOKENES")}`}
+          frameborder="0"
+          style={{ width: "100%", height: "100%", margin: 0 }}
+        ></iframe>
+      </div>
+    </div>
+  );
+}
+
+export default Board;