增加不是谷歌浏览器提示

src/App.vue

@@ -4,6 +4,17 @@
       <router-view v-if="$route.meta.keepAlive" />
     </keep-alive>
     <router-view v-if="!$route.meta.keepAlive" />
+    <div class="userAgentTips" v-if="userAgentTipShow">
+      <img src="./assets/userAgentWarning.png" width="32px" />
+      <span
+        >当前浏览器可能与网站不兼容！建议使用 chrome 浏览器获得最佳使用体验。
+      </span>
+      <img
+        src="./assets/userAgentClose.png"
+        width="16px"
+        @click="handleClickUserAgent"
+      />
+    </div>
   </div>
 </template>
 <script>
@@ -12,6 +23,7 @@ export default {
   data() {
     return {
       dir: "ltr",
+      userAgentTipShow: false,
     };
   },
   created() {
@@ -19,10 +31,32 @@ export default {
     if (lang_type == "AR") {
       this.dir = "rtl";
     }
+    if (
+      localStorage.getItem("useragent_root_type") &&
+      localStorage.getItem("useragent_root_type") !== "true" &&
+      !localStorage.getItem("useragent_root_close")
+    ) {
+      this.userAgentTipShow = true;
+    } else {
+      this.handleUserAgentRoot();
+    }
+  },
+  methods: {
+    // 判断是否为chrome浏览器
+    handleUserAgentRoot() {
+      if (navigator.userAgent.indexOf("Chrome") > -1) {
+        localStorage.setItem("useragent_root_type", true);
+      } else {
+        localStorage.setItem("useragent_root_type", false);
+      }
+    },
+    handleClickUserAgent() {
+      localStorage.setItem("useragent_root_close", true);
+      this.userAgentTipShow = false;
+    },
   },
 };
 </script>
-</script>
 <style>
 * {
   margin: 0;
@@ -36,5 +70,30 @@ body {
 #app {
   width: 100%;
   height: 100%;
+  min-width: 1200px;
+}
+
+</style>
+<style lang="scss" scoped>
+.userAgentTips{
+    position: fixed;
+    top: 62px;
+    left: 50%;
+    // width: 624px;
+    margin-left: -312px;
+    background: #FFFFFF;
+    border-radius: 8px;
+    padding: 12px 16px 12px 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 16px;
+    line-height: 24px;
+    :nth-child(1){
+        margin-right: 8px;
+    }
+    :nth-child(3){
+        cursor: pointer;
+    }
 }
 </style>

src/components/Header.vue

@@ -210,6 +210,8 @@ export default {
       Cookies.remove("JSESSIONID");
       this.userShow = false;
       this.userMessage = null;
+      localStorage.removeItem("useragent_root_close");
+
     },
     getLangList() {
       let MethodName = "language_manager-GetLanguageList";