From 887dccf8b2c6259754c14e2ffde84e5d02484c9b Mon Sep 17 00:00:00 2001
From: panyuyi <panyuyi@datametatech.com>
Date: Mon, 27 May 2024 18:09:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                | 40 ++++++++++++++++++++++-----
 src/layout/components/Navbar.vue | 47 ++++++++++++++++++++------------
 2 files changed, 63 insertions(+), 24 deletions(-)

diff --git a/public/index.html b/public/index.html
index 778bf66..edc201f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,15 +7,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <script src="./config.js"></script>
-    
+
     <!-- <link href="./lib/Cesium/Widgets/widgets.css" rel="stylesheet" /> -->
     <link href="./lib/sycim/sycim.min.css" rel="stylesheet" />
-    <script src="./lib/sycim/sycim.min.js"></script>
-    <script>
-      window.Cesium = sycim.Cesium;
-      sycim.config.baseUrl = "./lib/sycim/resources/";
-    </script>
-    <script src="./lib/SuperMap3D/SuperMap3D.js"></script>
+
     <title><%= webpackConfig.name %></title>
 
 	  <style>
@@ -214,5 +209,36 @@
 		    <div class="load_title">正在加载系统资源，请耐心等待</div>
         </div>
 	</div>
+  <script>
+    function downloadJs(url, callback){
+      var script = document.createElement('script');
+      script.type = 'text/javascript'
+      if(script.readyState){  //IE
+        script.onreadystatechange = function(){
+            if (script.readyState == "loaded" ||
+                script.readyState == "complete"){
+                script.onreadystatechange = null;
+                if(callback) callback();
+            }
+        };
+    } else {  //Others
+        script.onload = function(){
+          if(callback) callback();
+        };
+    }
+      script.src = url;
+      document.body.appendChild(script);
+    }
+    window.onload = function(){
+      console.log('window.onload')
+      downloadJs('./lib/sycim/sycim.min.js', () => {
+        setTimeout(() => {
+          window.Cesium = sycim.Cesium;
+          sycim.config.baseUrl = "./lib/sycim/resources/";
+          downloadJs('./lib/SuperMap3D/SuperMap3D.js');
+        }, 500);
+      });
+    }
+  </script>
   </body>
 </html>
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 750c495..9819808 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -12,7 +12,15 @@
     <!--    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />-->
     <div class="centerTab">
       <!-- <div>安全运行</div> -->
-      <div class="tab-item" v-for="(item) in topTabList" :key="item.value" :class="selectTab == item.value ? 'select-item' : ''" @click="handleSelectTab(item.value)">{{ item.label }}</div>
+      <div
+        class="tab-item"
+        v-for="item in topTabList"
+        :key="item.value"
+        :class="selectTab == item.value ? 'select-item' : ''"
+        @click="handleSelectTab(item.value)"
+      >
+        {{ item.label }}
+      </div>
       <!-- <div class="tab-item" :class="selectTab == 'reservoir' ? 'select-item' : ''" @click="handleSelectTab('reservoir')">水库运行管理</div>
       <div class="tab-item" :class="selectTab == 'sluice' ? 'select-item' : ''" @click="handleSelectTab('sluice')">水闸运行管理</div>
       <div class="tab-item" :class="selectTab == 'dike' ? 'select-item' : ''" @click="handleSelectTab('dike')">堤防运行管理</div> -->
@@ -36,19 +44,22 @@
         <!--        </el-tooltip>-->
       </template>
 
-      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
+      <el-dropdown
+        class="avatar-container right-menu-item hover-effect"
+        trigger="click"
+      >
         <div class="avatar-wrapper">
-          <img v-if="options.img" :src="options.img" class="user-avatar" />
-          <div v-else style="background-color: white" class="user-avatar">
+          <!-- <img v-if="options.img" :src="options.img" class="user-avatar" /> -->
+          <div style="background-color: white" class="user-avatar">
             <i class="el-icon-user center-in-center" />
           </div>
           <!--          <img v-else :src="options.img" class="user-avatar" />-->
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown">
-          <router-link to="/user/profile">
+          <!-- <router-link to="/user/profile">
             <el-dropdown-item>个人中心</el-dropdown-item>
-          </router-link>
+          </router-link> -->
           <!--          <el-dropdown-item @click.native="setting = true">-->
           <!--            <span>布局设置</span>-->
           <!--          </el-dropdown-item>-->
@@ -76,7 +87,7 @@ export default {
     return {
       options: {
         img: "",
-      }
+      },
     };
   },
   components: {
@@ -89,7 +100,7 @@ export default {
   },
   computed: {
     selectTab() {
-      return this.$store.state.permission.selectTab
+      return this.$store.state.permission.selectTab;
     },
     ...mapGetters(["sidebar", "avatar", "device", "topTabList"]),
     showLogo() {
@@ -130,14 +141,14 @@ export default {
   },
   methods: {
     handleSelectTab(e) {
-      sessionStorage.setItem('topTab', e)
-      this.$store.dispatch('changeTopTab',e)
+      sessionStorage.setItem("topTab", e);
+      this.$store.dispatch("changeTopTab", e);
       this.$router.replace({
-        path: '/',
+        path: "/",
         query: {
-          timestamp: new Date().getTime()
-        }
-      })
+          timestamp: new Date().getTime(),
+        },
+      });
     },
     toggleSideBar() {
       this.$store.dispatch("app/toggleSideBar");
@@ -160,9 +171,11 @@ export default {
 <style lang="scss" scoped>
 .navbar {
   // background: #122c7d !important;
-  background: linear-gradient(270deg,
-      rgba(61, 156, 204, 1) 1%,
-      rgba(131, 179, 107, 1) 100%) !important;
+  background: linear-gradient(
+    270deg,
+    rgba(61, 156, 204, 1) 1%,
+    rgba(131, 179, 107, 1) 100%
+  ) !important;
   // height: 70px;
   height: 56px;
   overflow: hidden;