安全管控首页，嵌入人员管理

src/router/index.js

@@ -526,16 +526,22 @@ const routes = [{
 		path: '/health/fzyfx/windAnalysis/fx', // 风向
 		name: 'fxzstmain',
 		component: () => import('../views/windAnalysis/fxzstmain.vue'),
-	}
+	},
 	/***********************************************************智慧检修************************************************************* */
 	/***********************************************************安全管控************************************************************* */	
-	,
+	{
+		path: '/save',
+		name: 'save',
+		component: () =>
+			import( /* webpackChunkName: "personnel" */ '../views/NewPages/iframe4.vue'),
+	}, 
 	{
 		path: '/save/personnel',
 		name: 'personnel',
 		component: () =>
 			import( /* webpackChunkName: "personnel" */ '../views/NewPages/personnel.vue'),
-	}, {
+	}, 
+	{
 		path: "/globalMonitor", // 全局监视
 		name: "globalMonitor",
 		component: () =>

src/views/NewPages/iframe4.vue

@@ -1,22 +1,34 @@
 <template>
-    <div class="iframe4">
-      <div class="back"></div>
-      <iframe src="https://www.baidu.com/" frameborder="0" class="iframe-1"></iframe>
-      <iframe src="https://www.baidu.com/" frameborder="0" class="iframe-2"></iframe>
+  <div class="iframe4">
+    <div class="back"></div>
+    <!-- <iframe src="https://www.baidu.com/" frameborder="0" class="iframe-1"></iframe>
+      <iframe src="http://10.75.17.10/doc/page/preview.asp" frameborder="0" class="iframe-2"></iframe>
       <iframe src="https://www.baidu.com/" frameborder="0" class="iframe-3"></iframe>
-      <iframe src="https://www.baidu.com/" frameborder="0" class="iframe-4"></iframe>
+      <iframe src="https://www.baidu.com/" frameborder="0" class="iframe-4"></iframe> -->
+    <div class="iframe-1">
+      <personnel></personnel>
     </div>
+    <iframe src="http://10.75.17.10/doc/page/preview.asp" frameborder="0" class="iframe-2"></iframe>
+    <div class="iframe-3">
+      <!-- <personnel></personnel> -->
+    </div>
+    <div class="iframe-4">
+      <!-- <personnel></personnel> -->
+    </div>
+  </div>
 </template>
 
 <script>
-
+// src\views\NewPages\iframe4.vue
+// src\views\NewPages\personnel.vue
+import personnel from "./personnel.vue";
 export default {
-    setup() {},
-    components: {},
-    data() {
-        return {};
-    },
-    created() {},
+  setup() {},
+  components: { personnel },
+  data() {
+    return {};
+  },
+  created() {},
 };
 </script>
 
@@ -62,5 +74,13 @@ export default {
   .iframe-4 {
     top: 57.31vh;
   }
+  .iframe-1 {
+    .personnel {
+      height: calc(37vh);
+      .personnel-box-item {
+        width: 11.71vw;
+      }
+    }
+  }
 }
 </style>

src/views/layout/Header.vue

@@ -55,7 +55,7 @@ export default {
         {
           id: 'save',
           text: '安全管控',
-          path: '/save/personnel',
+          path: '/save',
           isActive: false
         },
         // {