增加路由

huaxin-web/src/views/bigWindow/Ind/Ind.vue

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2025-12-20 09:20:39
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2026-01-15 14:29:29
+ * @LastEditTime: 2026-03-16 13:23:56
  * @FilePath: /test-ranqi/src/views/Index.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -46,7 +46,7 @@
               : `scale(${1.63 * scaleX},${1.63 * scaleX})`,
         }"
       >
-        <Rotate />
+        <Rotate  @imgClick="$emit('imgClick', $event)"/>
       </div>
     </div>
   </div>

huaxin-web/src/views/bigWindow/Ind/components/Rotate.vue

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2025-12-16 11:10:26
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2026-02-24 11:13:43
+ * @LastEditTime: 2026-03-16 13:24:26
  * @FilePath: /test-ranqi/src/views/Rotate.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -31,6 +31,7 @@
           background: `url(${item.src}) no-repeat`,
           backgroundSsize: '100% 100%;',
         }"
+        @click="$emit('imgClick', item.num)"
       ></div>
       <!-- <div class="a"></div> -->
       <!-- 地图 -->

huaxin-web/src/views/bigWindow/Ind2/Ind.vue

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2025-12-20 09:20:39
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2026-01-15 14:37:44
+ * @LastEditTime: 2026-03-16 13:33:28
  * @FilePath: /test-ranqi/src/views/Index.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -11,7 +11,7 @@
     <div id="gao-map-index"></div>
     <Left />
     <Right />
-    <div class="backindex">返回首页概览</div>
+    <div @click="$emit('imgClick', 'index')" class="backindex">返回首页概览</div>
 
     <Bottom />
   </div>

huaxin-web/src/views/bigWindow/Ind3/Ind.vue

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2025-12-20 09:20:39
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2026-01-15 14:40:35
+ * @LastEditTime: 2026-03-16 13:33:21
  * @FilePath: /test-ranqi/src/views/Index.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -11,7 +11,7 @@
     <div id="gao-map-index"></div>
     <Left />
     <Right />
-    <div class="backindex">返回首页概览</div>
+    <div  @click="$emit('imgClick', 'index')" class="backindex">返回首页概览</div>
 
     <Bottom />
   </div>

huaxin-web/src/views/bigWindow/Index/index.vue

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2026-01-05 10:39:41
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2026-01-15 15:04:49
+ * @LastEditTime: 2026-03-16 13:43:59
  * @FilePath: /huaxindd-web/src/views/Index/index.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -16,7 +16,7 @@
   >
     <div class="back" @click="back">跳转后台</div>
     <Top />
-    <component :is="currentTabComponent"></component>
+    <component :is="currentTabComponent" @imgClick="imgClick"></component>
     <!-- <Ind /> -->
   </div>
 </template>
@@ -24,6 +24,8 @@
 <script>
 import Top from "./components/Top.vue";
 import Ind from "@/views/bigWindow/Ind/Ind.vue";
+import Ind2 from "@/views/bigWindow/Ind2/Ind.vue";
+import Ind3 from "@/views/bigWindow/Ind3/Ind.vue";
 
 export default {
   name: "",
@@ -37,6 +39,18 @@ export default {
       innerWidth: 0,
       innerHeight: 0,
       currentTabComponent: Ind,
+      goPage: {
+        // 1: "/gasinfo/in",
+        // 首页
+        1: null,
+        3: null,
+        // 应急
+        4: "/urgent/emergency",
+        // 周期
+        5: "/cycle/cycle",
+        // 运行 
+        7: "/reportinfo/gasdata",
+      },
     };
   },
   created() {
@@ -46,8 +60,22 @@ export default {
     this.scaleX = window.innerWidth / 1920;
   },
   methods: {
+    imgClick(num) {
+      console.log(num);
+      if (num == 2) {
+        this.currentTabComponent = Ind2;
+      } else if (num == 6) {
+        this.currentTabComponent = Ind3;
+      } else if (num == "index") {
+        this.currentTabComponent = Ind;
+      } else {
+        if (this.goPage[num]) {
+          this.$router.push(this.goPage[num]);
+        }
+      }
+    },
     back() {
-      this.$router.push("/checktask/jmchacktask")
+      this.$router.push("/checktask/jmchacktask");
     },
   },
 };
@@ -68,7 +96,7 @@ export default {
   .back {
     position: absolute;
     border: 1px solid rgba(0, 124, 225, 1);
-    border-radius: 5px;;
+    border-radius: 5px;
     cursor: pointer;
     padding: 5px 10px;
     color: #fff;