增加时空数据预览

src/components/yxgl/table.vue

@@ -66,23 +66,12 @@ export default {
   height: 100%;
   padding: 20px;
   box-sizing: border-box;
-<<<<<<< HEAD
-<<<<<<< HEAD
   position: relative;
-=======
-  position: inherit;
->>>>>>> f3e3ede (运行管理页面UI完善，和示例数据格式，内嵌页面)
-=======
-  position: relative;
->>>>>>> 3ed3cf1 (微调)
 }
 .table_title {
   font-size: 16px;
 }
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
->>>>>>> 3ed3cf1 (微调)
+
 .table_more {
   position: absolute;
   top: 20px;
@@ -90,11 +79,6 @@ export default {
   font-size: 14px;
   color: #1890ff;
 }
-<<<<<<< HEAD
-=======
->>>>>>> f3e3ede (运行管理页面UI完善，和示例数据格式，内嵌页面)
-=======
->>>>>>> 3ed3cf1 (微调)
 .table_pagination {
   position: absolute;
   bottom: 20px;

src/router/index.js

@@ -27,6 +27,13 @@ const routes = [
           return import('../views/Wgn.vue')
         },
       },
+      {
+        path: '/sksjyl',
+        name: 'sksjyl',
+        component: function () {
+          return import('../views/wgn/sksj/index.vue')
+        },
+      },
       {
         path: 'skmh',
         component: function () {

src/views/Wgn.vue

@@ -154,13 +154,19 @@ export default {
     },
     // 在线演示微功能服务
     handleOnlineDemo(item) {
-      // 1. 解析目标路由（支持传参、命名路由等）
-      const routeData = this.$router.resolve({
-        path: "/wgnSingle", // 微功能
-        query: { sceneId: item.c_scene_name },
-      });
-      // 2. 打开新窗口（_blank 表示新窗口）
-      window.open(routeData.href, "_blank");
+      console.log(item);
+      if(item.title == "时空数据预览"){
+        this.$router.push('sksjyl');
+      }else{
+        // 1. 解析目标路由（支持传参、命名路由等）
+        const routeData = this.$router.resolve({
+          path: "/wgnSingle", // 微功能
+          query: { sceneId: item.c_scene_name },
+        });
+        // 2. 打开新窗口（_blank 表示新窗口）
+        window.open(routeData.href, "_blank");
+      }
+      
     },
   },
 };

src/views/skmh/index.vue

@@ -750,7 +750,7 @@ export default {
 
 /* 平台数据统计 */
 .stats-section {
-  padding: 40px 20px;
+  padding: 40px 10%;
   .overview-header {
     display: flex;
     justify-content: space-between;
@@ -771,7 +771,7 @@ export default {
     flex-wrap: wrap;
     
     .stat-card {
-      width: 555px;
+      width: 29%;
       height: 150px;
       border-radius: 12px;
       padding: 20px;
@@ -819,7 +819,7 @@ export default {
 
 /* 数据概览 */
 .data-overview {
-  padding: 0 20px 40px;
+  padding: 0 10% 40px;
   
   .overview-header {
     display: flex;
@@ -900,7 +900,7 @@ export default {
 
 /* 设备综合分析比较 */
 .comparison-section {
-  padding: 0 20px 40px;
+  padding: 0 10% 40px;
   
   .chart-card {
     background-color: rgba(30, 41, 59, 0.6);
@@ -928,7 +928,7 @@ export default {
 
 /* 功能演示 */
 .demo-section {
-  padding: 0 20px 100px;
+  padding: 0 10% 100px;
   
  .overview-header {
     display: flex;

src/views/wgn/sksj/index.vue

@@ -5,7 +5,7 @@
                 <el-select
                 v-model="typeValue"
                 placeholder="Select"
-                style="width: 150px"
+                style="width: 150px;background: black;"
                 @change="changType"
                 >
                 <el-option
@@ -15,7 +15,7 @@
                     :value="item.value"
                 />
                 </el-select>
-                <el-input v-if="typeValue != 6" v-model="inputAddress" style="width: 200px;height: 32px;padding: 0px 10px;" placeholder="输入URL地址……" />
+                <el-input v-if="typeValue != 6" v-model="inputAddress" style="max-width: 200px;height: 32px;margin: 0px 10px;background: black;" placeholder="输入URL地址……" />
                 <div style="padding: 0px 10px;" v-if="typeValue == 6">
                     <el-upload
                         ref="uploadRef"