修复事项库跳转功能

src/components2/Tool.vue

@@ -1,27 +1,48 @@
 <template>
   <div class="tool">
     <ul class="func">
-      <li v-for="(item, index) in funcList" :key="index" :class="{ active: item.active }" @click="toolClickHandle(item)">
+      <li
+        v-for="(item, index) in funcList"
+        :key="index"
+        :class="{ active: item.active }"
+        @click="toolClickHandle(item)"
+      >
         <p></p>
         <!-- {{ item.label }} -->
       </li>
     </ul>
-    <div :class="{ help: true, active: helpActive }" v-show="false" @click="showHelp"></div>
+    <div
+      :class="{ help: true, active: helpActive }"
+      v-show="false"
+      @click="showHelp"
+    ></div>
 
     <!-- 展示索引页面 -->
-    <van-popup v-model:show="indexesShow" :class="'indexesListContent'" :style="{ background: 'transparent' }"
-      :close-on-click-overlay="false" :closed="hideIndexesInfoDailog">
+    <van-popup
+      v-model:show="indexesShow"
+      :class="'indexesListContent'"
+      :style="{ background: 'transparent' }"
+      :close-on-click-overlay="false"
+      :closed="hideIndexesInfoDailog"
+    >
       <div class="indexesList">
         <div class="listContent">
-          <div class="header">
-          </div>
+          <div class="header"></div>
           <div class="list_container">
             <div>
-              <div class="first_content" v-for="(item, index) in cameraInfo" :key="index">
+              <div
+                class="first_content"
+                v-for="(item, index) in cameraInfo"
+                :key="index"
+              >
                 <div class="title">{{ item.name }}</div>
                 <ul>
-                  <li v-for="(item_, index_) in item.children" :key="index_" :class="{ active: item_.active }"
-                    @click="changeView(item_)">
+                  <li
+                    v-for="(item_, index_) in item.children"
+                    :key="index_"
+                    :class="{ active: item_.active }"
+                    @click="changeView(item_)"
+                  >
                     {{ item_.name }}
                   </li>
                 </ul>
@@ -34,8 +55,13 @@
     </van-popup>
 
     <!-- 展示点位文字信息 -->
-    <van-popup v-model:show="pointShow" class="point_popup" :style="{ background: 'transparent' }"
-      :close-on-click-overlay="false" :closed="hidePointInfoDailog">
+    <van-popup
+      v-model:show="pointShow"
+      class="point_popup"
+      :style="{ background: 'transparent' }"
+      :close-on-click-overlay="false"
+      :closed="hidePointInfoDailog"
+    >
       <div class="pointInfoContent">
         <div v-html="pointInfos"></div>
       </div>
@@ -43,12 +69,21 @@
     </van-popup>
 
     <!-- 展示平面图 -->
-    <van-popup v-model:show="planeShow" class="plane_popup" :style="{ background: 'transparent' }"
-      :close-on-click-overlay="false" :closed="hidePlaneInfoDailog">
+    <van-popup
+      v-model:show="planeShow"
+      class="plane_popup"
+      :style="{ background: 'transparent' }"
+      :close-on-click-overlay="false"
+      :closed="hidePlaneInfoDailog"
+    >
       <div class="plane_container">
         <div class="image_container">
           <ul>
-            <li v-for="(item, index) in planeArr" :key="index" v-show="item.active">
+            <li
+              v-for="(item, index) in planeArr"
+              :key="index"
+              v-show="item.active"
+            >
               <img :src="item.src" alt="" />
             </li>
             <div class="close" @click="hidePlaneInfoDailog"></div>
@@ -56,8 +91,12 @@
         </div>
         <div class="image_header">
           <ul>
-            <li v-for="(item, index) in planeArr" :key="index" :class="{ active: item.active }"
-              @click="choosePlane(index)">
+            <li
+              v-for="(item, index) in planeArr"
+              :key="index"
+              :class="{ active: item.active }"
+              @click="choosePlane(index)"
+            >
               {{ item.name }}
             </li>
           </ul>
@@ -66,12 +105,18 @@
     </van-popup>
 
     <!-- 展示帮助 -->
-    <van-popup v-model:show="helpShow" class="help_popup" :style="{
-      height: '180px',
-      width: '75%',
-      top: '50%',
-      background: 'transparent'
-    }" :close-on-click-overlay="false" :closed="hideHelpInfoDailog">
+    <van-popup
+      v-model:show="helpShow"
+      class="help_popup"
+      :style="{
+        height: '180px',
+        width: '75%',
+        top: '50%',
+        background: 'transparent',
+      }"
+      :close-on-click-overlay="false"
+      :closed="hideHelpInfoDailog"
+    >
       <div class="help_container">
         <div class="header">提示</div>
         <div class="content">
@@ -83,35 +128,63 @@
     </van-popup>
 
     <!-- 展示点位可办事项 -->
-    <van-popup v-model:show="doThingShow" class="doThing_popup" :style="{ background: 'transparent' }"
-      :close-on-click-overlay="false" :closed="hidePointInfoDailog">
+    <van-popup
+      v-model:show="doThingShow"
+      class="doThing_popup"
+      :style="{ background: 'transparent' }"
+      :close-on-click-overlay="false"
+      :closed="hidePointInfoDailog"
+    >
       <div class="content">
-        <div class="doThingFirstContent" v-if="doThingFirst.length != 0 &&
-          Object.getOwnPropertyNames(doThingSecond).length == 0
-          ">
+        <div
+          class="doThingFirstContent"
+          v-if="
+            doThingFirst.length != 0 &&
+            Object.getOwnPropertyNames(doThingSecond).length == 0
+          "
+        >
           <div class="header">部门</div>
           <div class="list">
             <ul>
-              <li v-for="(item, index) in doThingFirst" :key="index" @click="chooseDBSecond(item)">
+              <li
+                v-for="(item, index) in doThingFirst"
+                :key="index"
+                @click="chooseDBSecond(item)"
+              >
                 <span>{{ item.unit }}</span>
                 <span v-if="item.chiles">({{ item.chiles.length }})</span>
               </li>
             </ul>
           </div>
         </div>
-        <div class="doThingSecondContent" v-if="Object.getOwnPropertyNames(doThingSecond).length != 0">
+        <div
+          class="doThingSecondContent"
+          v-if="Object.getOwnPropertyNames(doThingSecond).length != 0"
+        >
           <div class="header">青浦区{{ doThingSecond.unit }}</div>
           <div class="list">
             <van-collapse v-model="activeNames" accordion>
               <div v-for="(item, index) in doThingSecond.chiles" :key="index">
-                <van-collapse-item :title="item.name" :name="index + 1 + ''" v-if="item.chiles[0].name.length != 0">
+                <van-collapse-item
+                  :title="item.name"
+                  :name="index + 1 + ''"
+                  v-if="item.chiles[0].name.length != 0"
+                >
                   <ul>
-                    <li v-for="(item_, index_) in item.chiles" :key="index_" @click="searchInfoAndJump(item_)">
+                    <li
+                      v-for="(item_, index_) in item.chiles"
+                      :key="index_"
+                      @click="searchInfoAndJump(item_)"
+                    >
                       {{ item_.name }}
                     </li>
                   </ul>
                 </van-collapse-item>
-                <span class="item" @click="searchInfoAndJump(item.chiles[0])" v-else>
+                <span
+                  class="item"
+                  @click="searchInfoAndJump(item.chiles[0])"
+                  v-else
+                >
                   {{ item.name }}
                 </span>
               </div>
@@ -122,13 +195,23 @@
 
       <div class="close" @click="closeDoThingPopup"></div>
 
-      <div class="back" @click="backDoThingPopup" v-if="Object.getOwnPropertyNames(doThingSecond).length != 0"></div>
+      <div
+        class="back"
+        @click="backDoThingPopup"
+        v-if="Object.getOwnPropertyNames(doThingSecond).length != 0"
+      ></div>
     </van-popup>
 
     <!-- 事项库 -->
-    <van-popup v-model:show="showEventState" class="plane_popup" :style="{
-      background: 'transparent'
-    }" :close-on-click-overlay="false" :closed="hideEventListDailog">
+    <van-popup
+      v-model:show="showEventState"
+      class="plane_popup"
+      :style="{
+        background: 'transparent',
+      }"
+      :close-on-click-overlay="false"
+      :closed="hideEventListDailog"
+    >
       <div class="plane_container_event">
         <div class="close" @click="hideEventListDailog"></div>
         <div class="paramsBox">
@@ -142,14 +225,23 @@
         </div>
 
         <p v-for="(item, index) in eventData.data" :key="'event_' + index">
-          <span v-if="(item.link_ck || item.jsfs_ck) && (item.link_ws || item.jsfs_ws)
-            " @click="windowOpenNewPage(item.link_ws || item.jsfs_ws)">{{ item.link_ck || item.jsfs_ck }}</span>
+          <span
+            v-if="
+              (item.link_ck || item.jsfs_ck) && (item.link_ws || item.jsfs_ws)
+            "
+            @click="windowOpenNewPage(item.link_ws || item.jsfs_ws)"
+            >{{ item.link_ck || item.jsfs_ck }}</span
+          >
         </p>
       </div>
     </van-popup>
 
-    <van-popup v-model:show="tipsShow" class="tips"><van-icon name="warning-o"
-        style="color: red; margin-right: 5px" />当前选项暂不支持跳转</van-popup>
+    <van-popup v-model:show="tipsShow" class="tips"
+      ><van-icon
+        name="warning-o"
+        style="color: red; margin-right: 5px"
+      />当前选项暂不支持跳转</van-popup
+    >
 
     <!-- 视频帮办 -->
     <van-popup v-model:show="videoHelpShow" class="videoHelp">
@@ -160,10 +252,9 @@
 </template>
 
 <script>
-import { get } from "../utils/request.js";
+import { get, postform } from "../utils/request.js";
 import api from "@/api/content";
 
-
 export default {
   data() {
     return {
@@ -176,7 +267,7 @@ export default {
       planeShow: false,
       showEventState: false, // 事项库弹窗显示状态
       eventData: {
-        // url: systemConfig.eventUrl,
+        url: systemConfig.eventUrl,
         data: [],
         params: {
           tableName: "ywtb_auditfwzn",
@@ -216,7 +307,7 @@ export default {
       helpActive: false,
       tipsShow: false,
       videoHelpShow: false,
-      videoHelpUrl: ""
+      videoHelpUrl: "",
     };
   },
   mounted() {
@@ -266,12 +357,6 @@ export default {
     }, 1000);
   },
   methods: {
-    // 事项库跳转
-    windowOpenNewPage(linkUrl) {
-      if (linkUrl) {
-        window.location.href = linkUrl;
-      }
-    },
     // 工具栏点击事件
     toolClickHandle(item) {
       if (item.changeActive) item.active = !item.active;
@@ -302,6 +387,19 @@ export default {
     showPlane() {
       this.planeShow = true;
     },
+    // 事项库跳转
+    windowOpenNewPage(linkUrl) {
+      if (linkUrl) {
+        window.location.href = linkUrl;
+      }
+    },
+    // 上一页，下一页
+    changePage(num) {
+      if (this.eventData.params.page + num > 0) {
+        this.eventData.params.page += num;
+        this.showEvent();
+      }
+    },
     hidePlaneInfoDailog() {
       this.planeShow = false;
       this.funcList[4].active = false;
@@ -313,6 +411,12 @@ export default {
       this.eventData.params.pageSize = 20;
       this.showEvent();
     },
+    getEventData() {
+      this.eventData.data = [];
+      this.eventData.params.page = 1;
+      this.eventData.params.pageSize = 20;
+      this.showEvent();
+    },
     // 展示事项库弹窗
     showEvent() {
       let params_ = Object.assign({}, this.eventData.params);
@@ -327,17 +431,38 @@ export default {
       if (params_.page > 0) {
         params_.page -= 1;
       }
-      api.getEventStore(params_).then((res) => {
+      // api.getEventStore(params_).then(
+      //   (res) => {
+      //     if (!this.showEventState) {
+      //       this.showEventState = true;
+      //     }
+      //     if (res.code == 200) {
+      //       this.eventData.data = res.content;
+      //     } else {
+      //       this.eventData.message = res.message;
+      //     }
+      //   },
+      //   function (err) {
+      //     console.log(err);
+      //   }
+      // );
+      postform(this.eventData.url, params_).then((res) => {
         if (!this.showEventState) {
           this.showEventState = true;
         }
         if (res.code == 200) {
-          this.eventData.data = res.content;
+          this.eventData.data = [];
+          res.content.forEach((item) => {
+            if (
+              (item.link_ck || item.jsfs_ck) &&
+              (item.link_ws || item.jsfs_ws)
+            ) {
+              this.eventData.data.push(item);
+            }
+          });
         } else {
           this.eventData.message = res.message;
         }
-      }, function (err) {
-        console.log(err)
       });
     },
     hideEventListDailog() {
@@ -467,7 +592,7 @@ export default {
           roll: systemConfig.mapDefault.roll,
           time: 1,
           pitchAdjustHeight: 1000,
-          callback: function () { },
+          callback: function () {},
         }).then(() => {
           resolve();
         });
@@ -600,10 +725,12 @@ export default {
           ) {
             document.getElementsByClassName(item.id)[0].style.display = "block";
             if (!document.getElementsByClassName(item.id)) return;
-            document.getElementsByClassName(item.id)[0].style.top = `${canvasPosition.y - 15
-              }px`;
-            document.getElementsByClassName(item.id)[0].style.left = `${canvasPosition.x - 15
-              }px`;
+            document.getElementsByClassName(item.id)[0].style.top = `${
+              canvasPosition.y - 15
+            }px`;
+            document.getElementsByClassName(item.id)[0].style.left = `${
+              canvasPosition.x - 15
+            }px`;
           } else {
             document.getElementsByClassName(item.id)[0].style.display = "none";
           }
@@ -676,19 +803,27 @@ export default {
         tableName: "ywtb_auditfwzn",
         where: "item_code = '" + item.executeNumber + "'",
       };
-      api.getEventStoreJumpUrl(params).then((res) => {
+      postform(this.eventData.url, params).then((res) => {
         if (res.code == 200) {
           // window.open(res.content[0].login_url); // 在safari中失效
           that.setCLJ(res.content[0].login_url);
         }
-      }, function (error) {
-        console.log(error)
-
-        that.tipsShow = true;
-        setTimeout(() => {
-          that.tipsShow = false;
-        }, 1500);
       });
+      // api.getEventStoreJumpUrl(params).then(
+      //   (res) => {
+      //     if (res.code == 200) {
+      //       // window.open(res.content[0].login_url); // 在safari中失效
+      //       that.setCLJ(res.content[0].login_url);
+      //     }
+      //   },
+      //   function (error) {
+      //     console.log(error);
+      //     that.tipsShow = true;
+      //     setTimeout(() => {
+      //       that.tipsShow = false;
+      //     }, 1500);
+      //   }
+      // );
     },
 
     // 页面跳转（为了结局在safari浏览器中无法跳转的问题）
@@ -747,7 +882,7 @@ export default {
               // closeHull(item.camera.sceneType);
               showTitle(item.details.areaName);
             },
-          }).then(() => { });
+          }).then(() => {});
           break;
         case 5:
           // $.getJSON(item.json, function (arr) {
@@ -769,7 +904,7 @@ export default {
           //   window.location.href = item.pc_url ? item.pc_url : item.url;
           // }
           this.videoHelpUrl = item.url;
-          this.videoHelpShow = true
+          this.videoHelpShow = true;
           break;
         default:
           break;
@@ -840,7 +975,7 @@ export default {
         time: 1,
         pitchAdjustHeight: 1000,
         details: item,
-        callback: function () { },
+        callback: function () {},
       }).then(() => {
         // resolve();
       });
@@ -940,7 +1075,7 @@ export default {
       if (!newVal) {
         this.videoHelpUrl = "";
       }
-    }
+    },
   },
 };
 </script>
@@ -979,61 +1114,73 @@ export default {
 
       &:nth-child(1) {
         p {
-          background: url(~@/assets/img/tool/new_tb/hotpoint.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/hotpoint.png) center
+            center/100% 100% no-repeat;
         }
 
         &.active p {
-          background: url(~@/assets/img/tool/new_tb/hotpoint_active.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/hotpoint_active.png) center
+            center/100% 100% no-repeat;
         }
       }
 
       &:nth-child(2) {
         p {
-          background: url(~@/assets/img/tool/new_tb/indexes.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/indexes.png) center
+            center/100% 100% no-repeat;
         }
 
         &.active p {
-          background: url(~@/assets/img/tool/new_tb/indexes_active.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/indexes_active.png) center
+            center/100% 100% no-repeat;
         }
       }
 
       &:nth-child(3) {
         p {
-          background: url(~@/assets/img/tool/new_tb/pan.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/pan.png) center center/100%
+            100% no-repeat;
         }
 
         &.active p {
-          background: url(~@/assets/img/tool/new_tb/pan_active.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/pan_active.png) center
+            center/100% 100% no-repeat;
         }
       }
 
       &:nth-child(4) {
         p {
-          background: url(~@/assets/img/tool/new_tb/reposition.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/reposition.png) center
+            center/100% 100% no-repeat;
         }
 
         &.active p {
-          background: url(~@/assets/img/tool/new_tb/reposition_active.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/reposition_active.png)
+            center center/100% 100% no-repeat;
         }
       }
 
       &:nth-child(5) {
         p {
-          background: url(~@/assets/img/tool/new_tb/plan.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/plan.png) center center/100%
+            100% no-repeat;
         }
 
         &.active p {
-          background: url(~@/assets/img/tool/new_tb/plan_active.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/plan_active.png) center
+            center/100% 100% no-repeat;
         }
       }
 
       &:nth-child(6) {
         p {
-          background: url(~@/assets/img/tool/new_tb/event_library.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/event_library.png) center
+            center/100% 100% no-repeat;
         }
 
         &.active p {
-          background: url(~@/assets/img/tool/new_tb/event_library_active.png) center center/100% 100% no-repeat;
+          background: url(~@/assets/img/tool/new_tb/event_library_active.png)
+            center center/100% 100% no-repeat;
         }
       }
     }
@@ -1042,10 +1189,12 @@ export default {
   .help {
     width: 50px;
     height: 50px;
-    background: url(~@/assets/img/tool/new_tb/help.png) center center / 100% 100% no-repeat;
+    background: url(~@/assets/img/tool/new_tb/help.png) center center / 100%
+      100% no-repeat;
 
     &.active {
-      background: url(~@/assets/img/tool/new_tb/help_active.png) center center/100% 100% no-repeat;
+      background: url(~@/assets/img/tool/new_tb/help_active.png) center
+        center/100% 100% no-repeat;
     }
   }
 
@@ -1076,7 +1225,8 @@ export default {
           text-align: center;
           color: #ffffff;
           margin: 21px auto;
-          background: url(~@/assets/img/tool/indexes_header.png) center center / 100% 100% no-repeat;
+          background: url(~@/assets/img/tool/indexes_header.png) center center /
+            100% 100% no-repeat;
         }
 
         .list_container {
@@ -1124,7 +1274,8 @@ export default {
       width: 16px;
       height: 16px;
       margin: 4px 4px;
-      background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
+      background: url(~@/assets/img/tool/close.png) center center / 100% 100%
+        no-repeat;
       position: absolute;
       top: 0px;
       right: 0px;
@@ -1158,7 +1309,8 @@ export default {
       width: 16px;
       height: 16px;
       margin: 4px 4px;
-      background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
+      background: url(~@/assets/img/tool/close.png) center center / 100% 100%
+        no-repeat;
       position: absolute;
       top: 0px;
       right: 0px;
@@ -1281,7 +1433,8 @@ export default {
       height: 16px;
       margin: 4px 4px;
       margin-right: 10px;
-      background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
+      background: url(~@/assets/img/tool/close.png) center center / 100% 100%
+        no-repeat;
       position: absolute;
       top: 0px;
       right: 0px;
@@ -1329,7 +1482,8 @@ export default {
       width: 16px;
       height: 16px;
       margin: 4px 4px;
-      background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
+      background: url(~@/assets/img/tool/close.png) center center / 100% 100%
+        no-repeat;
       position: absolute;
       top: 0px;
       right: 0px;
@@ -1383,14 +1537,16 @@ export default {
               height: 2px;
               width: 120px;
               position: absolute;
-              background: url(~@/assets/img/tool/indexes_point_bottom.png) center center / 100% 100% no-repeat;
+              background: url(~@/assets/img/tool/indexes_point_bottom.png)
+                center center / 100% 100% no-repeat;
               bottom: 0px;
               left: 15px;
             }
 
             &.active {
               color: #ffc44d;
-              background: url(~@/assets/img/tool/indexes_point_active.png) center center / 100% 100% no-repeat;
+              background: url(~@/assets/img/tool/indexes_point_active.png)
+                center center / 100% 100% no-repeat;
 
               &::after {
                 display: none;
@@ -1479,7 +1635,8 @@ export default {
       width: 16px;
       height: 16px;
       margin: 4px 4px;
-      background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
+      background: url(~@/assets/img/tool/close.png) center center / 100% 100%
+        no-repeat;
       position: absolute;
       top: 0px;
       right: 0px;
@@ -1488,7 +1645,8 @@ export default {
     .back {
       width: 24px;
       height: 24px;
-      background: url(~@/assets/img/tool/back.png) center center / 100% 100% no-repeat;
+      background: url(~@/assets/img/tool/back.png) center center / 100% 100%
+        no-repeat;
       position: absolute;
       top: 0px;
       left: 0px;
@@ -1532,7 +1690,8 @@ export default {
     width: 32px;
     height: 32px;
     margin: 10px 20px;
-    background: #c5c5c5 url(~@/assets/img/tool/close.png) center center / 60% 60% no-repeat;
+    background: #c5c5c5 url(~@/assets/img/tool/close.png) center center / 60%
+      60% no-repeat;
     position: absolute;
     top: 0px;
     right: 0px;

src/store/index.js

@@ -3,7 +3,9 @@ import { createStore } from 'vuex'
 export default createStore({
   state: {
     token: "",
-    fenceng: false
+    fenceng: false,
+    jumpUrl: "",
+    iframeJudge: false,
   },
   getters: {
     getToken: function (state) {
@@ -17,6 +19,12 @@ export default createStore({
     },
     changeFenceng(state, value) {
       state.fenceng = value
+    },
+    changeJumpUrl(state, value) {
+      state.jumpUrl = value
+    },
+    changeIframeJudge(state, value) {
+      state.iframeJudge = value
     }
   },
   actions: {

src/views/Home.vue

@@ -28,6 +28,7 @@
     <!-- <GamePad></GamePad> -->
     <Scene></Scene>
     <LTool></LTool>
+    <JumpWeb></JumpWeb>
   </div>
 </template>
 <script>
@@ -40,6 +41,7 @@ export default {
     // GamePad: defineAsyncComponent(() => import("@/components/GamePad.vue")),
     Scene: defineAsyncComponent(() => import("@/components/Scene.vue")),
     LTool: defineAsyncComponent(() => import("@/components/LTool.vue")),
+    JumpWeb: defineAsyncComponent(() => import("@/components/JumpWeb.vue")),
   },
   data() {
     return {

src/views/Home2.vue

@@ -7,6 +7,7 @@
     <!-- <GamePad></GamePad> -->
     <Scene></Scene>
     <LTool></LTool>
+    <JumpWeb></JumpWeb>
   </div>
 </template>
 <script>
@@ -19,6 +20,7 @@ export default {
     // GamePad: defineAsyncComponent(() => import("@/components/GamePad.vue")),
     Scene: defineAsyncComponent(() => import("@/components2/Scene.vue")),
     LTool: defineAsyncComponent(() => import("@/components2/LTool.vue")),
+    JumpWeb: defineAsyncComponent(() => import("@/components2/JumpWeb.vue")),
   },
   data() {
     return {