优化弹框关闭图表

2026-05-27 18:59:26 +08:00 · 2025-09-01 17:18:30 +08:00
parent 4ca96a267f
commit cc9a30e205
3 changed files with 16 additions and 7 deletions
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -6,7 +6,7 @@
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title><%= htmlWebpackPlugin.options.title %></title>
-    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_5010233_d9pawp3ats.css" />
+    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_5010233_fpzrc14sfwj.css" />
  </head>
  <body>
    <noscript>
--- a/web/src/components/Home/Map.vue
+++ b/web/src/components/Home/Map.vue
@@ -11,11 +11,16 @@
      v-model:open="showCtrModal"
      :destroy-on-close="true"
      :get-container="() => $refs.mapContent"
-      :closable="false"
      :footer="null"
      :title="testVal.name"
      :mask="true"
    >
+      <template #closeIcon>
+        <i
+          class="iconfont icon-guanbi"
+          style="font-size:20px; cursor: pointer; color: #fff; "
+        />
+      </template>
      <div class="modal-content">
        <div class="home-modal">
          <Modal></Modal>
@@ -103,7 +108,11 @@ export default {
      margin: auto;
      box-shadow: none;
      background: transparent;
-
+.ant-modal-close{
+  position: absolute;
+    right: 0;
+    top: 3px;
+}
      .ant-modal-body {
        height: calc(100% - 45px);
        color: #fff;
--- a/web/src/router/index.js
+++ b/web/src/router/index.js
@@ -1,10 +1,10 @@
 import { createRouter, createWebHistory } from 'vue-router'

 export const routes = [
-  // {
-  //   path: '/',
-  //   redirect: '/main'
-  // },
+  {
+    path: '/',
+    redirect: '/main/Home'
+  },
  {
    path: '/login',
    name: 'login',