台风

src/router/routes.ts

@@ -87,39 +87,40 @@ const routes: Array<RouteRecordRaw> = [
     ]
   },
   {
-    path: "/disasterRiskMonitor",
-    name: "disasterRiskMonitor",
-    component: Layout,
-    children: [
-      {
-        path: "warningSituation",
-        name: "WarningSituation",
-        component: () => import("@/views/disasterRiskMonitor/warningSituation.vue"),
-        meta: {
-          title: "预警态势",
-          noCache: true
-        }
-      },
-      {
-        path: "galeDisaster",
-        name: "GaleDisaster",
-        component: () => import("@/views/disasterRiskMonitor/galeDisaster.vue"),
-        meta: {
-          title: "大风灾害形势感知",
-          noCache: true
-        }
-      }
-      ,
-      {
-        path: "forestFireWarn",
-        name: "ForestFireWarn",
-        component: () => import("@/views/disasterRiskMonitor/forestFireWarn.vue"),
-        meta: {
-          title: "森林火灾监测预警",
-          noCache: true
-        }
-      }
-    ]
+    path: "/warningSituation",
+    name: "WarningSituation",
+    component: () => import("@/views/disasterRiskMonitor/warningSituation.vue"),
+    meta: {
+      title: "预警态势",
+      noCache: true
+    }
+  },
+  {
+    path: "/galeDisaster",
+    name: "GaleDisaster",
+    component: () => import("@/views/disasterRiskMonitor/galeDisaster.vue"),
+    meta: {
+      title: "大风灾害形势感知",
+      noCache: true
+    }
+  },
+  {
+    path: "/forestFireWarn",
+    name: "ForestFireWarn",
+    component: () => import("@/views/disasterRiskMonitor/forestFireWarn.vue"),
+    meta: {
+      title: "森林火灾监测预警",
+      noCache: true
+    }
+  },
+  {
+    path: "/typhoonPath",
+    name: "TyphoonPath",
+    component: () => import("@/views/disasterRiskMonitor/typhoonPath.vue"),
+    meta: {
+      title: "台风实况与预报",
+      noCache: true
+    }
   },
   {
     path: "/infoReception",

src/views/demo/index.vue

@@ -1,54 +0,0 @@
-<script setup lang="ts" name="Demo">
-import { reactive } from "vue";
-
-const contentList = reactive([
-  "✔ ⚡ Vue3 + Vite5",
-  "✔ 🍕 TypeScript",
-  "✔ ✨ Vant4 组件库",
-  "✔ 🌀 Tailwindcss 原子类框架",
-  "✔ 👏 集成多种图标方案",
-  "✔ 🍍 Pinia 状态管理",
-  "✔ 🌓 支持深色模式",
-  "✔ Vue-router 4",
-  "✔ vmin 视口适配",
-  "✔ Axios 封装",
-  "✔ 打包资源 gzip 压缩",
-  "✔ 开发环境支持 Mock 数据",
-  "✔ ESLint",
-  "✔ 首屏加载动画",
-  "✔ 开发环境调试面板"
-]);
-</script>
-
-<template>
-  <div class="demo-content px-[12px]">
-    <img
-      class="block w-[120px] mx-auto mb-[20px] pt-[30px]"
-      alt="Vue logo"
-      src="~@/assets/logo_melomini.png"
-    />
-    <div class="pl-[12px] border-l-[3px] border-[color:#41b883]">
-      <a
-        class="flex items-center"
-        href="https://github.com/yulimchen/vue3-h5-template"
-        target="_blank"
-      >
-        <svg-icon class="text-[20px] mr-[8px]" name="github" />
-        <h3 class="font-bold text-[18px] my-[4px]">Vue3-h5-template</h3>
-        <svg-icon class="text-[12px] ml-[5px]" name="link" />
-      </a>
-    </div>
-    <div
-      class="text-[14px] py-[2px] px-[10px] rounded-[4px] bg-[var(--color-block-background)] mt-[14px]"
-    >
-      <p class="my-[14px] leading-[24px]">
-        🌱 基于 Vue3 全家桶、TypeScript、Vite 构建工具，开箱即用的 H5
-        移动端项目基础模板
-      </p>
-    </div>
-
-    <div class="demo-main">
-      <van-cell v-for="(item, idx) in contentList" :key="idx" :title="item" />
-    </div>
-  </div>
-</template>

src/views/disasterRiskMonitor/typhoonPath.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="container">
+    <iframe width="100%" scrolling='no' height="100%" src="https://wxc.gd121.cn/html/qxfw/typhoon/typhoon2/dist/#/main?from=yzy_445100" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss" scoped>
+.container {
+  height: 100vh;
+}
+</style>

src/views/leader/index.vue

@@ -147,7 +147,7 @@ const menu2 = ref([
       { name: '预警态势', icon: 'monitor', url: 'WarningSituation' },
       { name: '大风灾害', icon: 'wind', url: 'GaleDisaster' },
       { name: '森林火灾', icon: 'forestFire', url: 'ForestFireWarn' },
-      { name: '台风实况', icon: 'typhoon', url: '' },
+      { name: '台风实况', icon: 'typhoon', url: 'TyphoonPath' },
       { name: '水文监测', icon: 'hydrology', url: '' }
     ]
   },

src/views/worker/index.vue

@@ -93,7 +93,7 @@
                 v-for="(item2, index2) in item.children"
                 :key="index2"
                 class="box-item"
-                @click="handleClickMenu(item.url)"
+                @click="handleClickMenu(item2.url)"
               >
                 <img class="icon" :src="getImageUrl(item2.icon)" alt="" />
                 <span>{{ item2.name }}</span>
@@ -137,10 +137,10 @@ const menu2 = ref([
   {
     name: "自然灾害风险监测",
     children: [
-      { name: "灾害监测", icon: "monitor", url: "" },
-      { name: "大风灾害", icon: "wind", url: "" },
-      { name: "森林火灾", icon: "forestFire", url: "" },
-      { name: "台风实况", icon: "typhoon", url: "" },
+      { name: '预警态势', icon: 'monitor', url: 'WarningSituation' },
+      { name: '大风灾害', icon: 'wind', url: 'GaleDisaster' },
+      { name: '森林火灾', icon: 'forestFire', url: 'ForestFireWarn' },
+      { name: '台风实况', icon: 'typhoon', url: 'TyphoonPath' },
       { name: "水文监测", icon: "hydrology", url: "" }
     ]
   },