Explorar o código

判断浏览器,去下载客户端

lilei %!s(int64=3) %!d(string=hai) anos
pai
achega
3e36e5a7c9

+ 0 - 34
public/index.html

@@ -13,40 +13,6 @@
     <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
     <% } %>
      <script src="./menus.js"></script>
-    <script>
-    	//  非谷歌浏览器或非IE11时,则提示下载谷歌浏览器进行访问
-    	function BrowserType () {
-    	  var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串
-    	  var isOpera = userAgent.indexOf('Opera') > -1 // 判断是否Opera浏览器
-    	  // var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
-    	  var isIE = window.ActiveXObject || 'ActiveXObject' in window
-    	  // var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器
-    	  var isEdge = userAgent.indexOf('Edge') > -1 // 判断是否IE的Edge浏览器
-    	  var isFF = userAgent.indexOf('Firefox') > -1 // 判断是否Firefox浏览器
-    	  var isSafari = userAgent.indexOf('Safari') > -1 && userAgent.indexOf('Chrome') == -1 // 判断是否Safari浏览器
-    	  var isChrome = userAgent.indexOf('Chrome') > -1 && userAgent.indexOf('Safari') > -1 && !isEdge // 判断Chrome浏览器
-    	
-    	  if (isIE) {
-    	    var reIE = new RegExp('MSIE (\\d+\\.\\d+);')
-    	    reIE.test(userAgent)
-    	    var fIEVersion = parseFloat(RegExp['$1'])
-    		console.log(fIEVersion)
-    	    if (userAgent.indexOf('MSIE 6.0') != -1 || fIEVersion<11) {
-    	      var con = alert('当前浏览器版本过低,为保证更好体验请下载谷歌浏览器进行操作, 点击【确定】升级,如不升级您将不能正常浏览网页!' + '\n' + '下载地址:“https://www.google.cn/chrome”') // 在页面上弹出对话框
-    	      if (con == true) {} else {
-    	        window.location = 'https://www.google.cn/chrome'
-    	      }
-    	    }
-    	  } // isIE end
-    	
-    	  if (isFF) { return 'FF' }
-    	  if (isOpera) { return 'Opera' }
-    	  if (isSafari) { return 'Safari' }
-    	  if (isChrome) { return 'Chrome' }
-    	  if (isEdge) { return 'Edge' }
-    	} 
-    	BrowserType()
-    </script>
   </head>
   <body>
     <noscript>

BIN=BIN
src/assets/upBrowser/t1.png


BIN=BIN
src/assets/upBrowser/t2.png


BIN=BIN
src/assets/upBrowser/t3.png


BIN=BIN
src/assets/upBrowser/t4.png


BIN=BIN
src/assets/upBrowser/temp1.png


+ 5 - 0
src/config/router.config.js

@@ -2390,6 +2390,11 @@ export const constantRouterMap = [
       }
     ]
   },
+  {
+    path: '/updateBrowser',
+    name: 'updateBrowser',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/exception/updateBrowser')
+  },
   {
     path: '/404',
     component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404')

+ 1 - 1
src/permission.js

@@ -10,7 +10,7 @@ import { ACCESS_TOKEN } from '@/store/mutation-types'
 
 NProgress.configure({ showSpinner: false }) // NProgress Configuration
 
-const whiteList = ['login', 'register', 'registerResult'] // no redirect whitelist
+const whiteList = ['login', 'register', 'registerResult','updateBrowser'] // no redirect whitelist
 const defaultRoutePath = '/home'
 
 router.beforeEach((to, from, next) => {

+ 1 - 1
src/utils/util.js

@@ -3,7 +3,7 @@ export function timeFix () {
   const hour = time.getHours()
   return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'
 }
-
+ 
 export function welcome () {
   const arr = ['休息一会儿吧', '准备吃什么呢?', '要不要打一把 DOTA', '我猜你可能累了']
   const index = Math.floor(Math.random() * arr.length)

+ 74 - 0
src/views/exception/updateBrowser.vue

@@ -0,0 +1,74 @@
+<template>
+  <div class="upbrowser-box">
+    <div>
+      <h1>非常抱歉,当前浏览器由于版本太低,不支持访问系统!</h1>
+      <h3>请仔细阅读以下说明,如有疑问请联系客服,进行技术支持,感谢您的使用!</h3>
+    </div>
+    <div>
+      <h2>一、请使用或安装以下浏览器;</h2>
+      <div>
+        <p><a href="http://browser.360.cn/" target="_blank">360 浏览器</a>,<a href="https://browser.qq.com/" target="_blank">QQ 浏览器</a>或其它国产浏览器 (只支持极速模式),<a href="https://www.google.cn/intl/zh-CN/chrome/" target="_blank">谷歌浏览器</a>,<a href="http://www.firefox.com.cn/" target="_blank">火狐浏览器</a>,Microsoft Edge 等高级浏览器。</p>
+        <p>注意:不支持ie11及其以下版本访问iSCM系统(ie 浏览器微软已经放弃持续更新)。</p>
+      </div>
+      <h2>二、如果使用的是360,QQ或其它国产浏览器,仍然无法访问;</h2>
+      <div>
+        <p>请检查当前浏览器模式是否是极速模式,如下图所示。</p>
+        <p><img src="@/assets/upBrowser/temp1.png"></p>
+      </div>
+      <h2>三、建议安装使用"iSCM系统"桌面端软件,以便体验更好,更流畅的使用体验;</h2>
+      <div>
+        <h3>桌面端软件安装指南:</h3>
+        <p>1、下载软件</p>
+        <p><a href="https://iscm.360arrow.com/iSCM智慧供应链系统_v0.1.0.exe" target="_blank">点击下载:iSCM智慧供应链系统 Setup 0.1.0</a></p>
+        <p>2、安装软件 </p>
+        <p style="color:red;">注意:(如果被电脑杀毒软件误杀/误报/误拦截的情况,请安装之前先关闭退出杀毒软件,比如360安全卫士,360杀毒软件或其它杀毒软件)</p>
+        <p><img src="@/assets/upBrowser/t1.png"></p>
+        <p><img src="@/assets/upBrowser/t2.png"></p>
+        <p><img src="@/assets/upBrowser/t3.png"></p>
+        <p>3、点击完成打开软件 </p>
+        <p><img width="499px" src="@/assets/upBrowser/t4.png"></p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'UpdateBrowser',
+  components: {
+  },
+  data () {
+    return {
+    }
+  },
+  created () {
+    document.body.style.background = '#FFFFFF'
+  },
+  methods: {
+    toDownloadDesktop () {
+      this.$router.push({ name: 'login' })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+  .upbrowser-box{
+    width: 800px;
+    margin: 50px auto;
+    font-size: 14px;
+    h2,h1{
+      font-weight: bold;
+    }
+    h2{
+      color: #333;
+    }
+    a{
+      text-decoration: underline;
+      color: #096DD9;
+      &:hover{
+        color: #108EE9;
+      }
+    }
+  }
+</style>

+ 11 - 0
src/views/user/Login.vue

@@ -150,6 +150,17 @@ export default {
     }
   },
   created () {
+    const userAgent = navigator.userAgent // 取得浏览器的userAgent字符串
+    const isIE = window.ActiveXObject || 'ActiveXObject' in window
+    const isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1
+    if (isIE) {
+      const reIE = new RegExp('MSIE (\\d+\\.\\d+);')
+      reIE.test(userAgent)
+      const fIEVersion = parseFloat(RegExp['$1'])
+      if (userAgent.indexOf('MSIE 6.0') != -1 || fIEVersion < 11 || isIE11) {
+        this.$router.push({ name: 'updateBrowser' })
+      }
+    }
     // get2step({ })
     //   .then(res => {
     //     this.requiredTwoStepCaptcha = res.result.stepCode