From a5e48dccae41d019713456c7e1d7cd9bd1022fff Mon Sep 17 00:00:00 2001
From: wanyongkang <937888580@qq.com>
Date: Wed, 2 Dec 2020 16:44:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0=E8=AE=BF=E9=97=AE=E7=99=BB?=
 =?UTF-8?q?=E9=99=86=E9=AA=8C=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../login/components/login-by-account.vue     | 235 +++++++--------
 static/js/fingerprint.js                      | 267 ++++++++++++++++++
 2 files changed, 392 insertions(+), 110 deletions(-)
 create mode 100644 static/js/fingerprint.js

diff --git a/src/components/login/components/login-by-account.vue b/src/components/login/components/login-by-account.vue
index 79decfe..459662e 100644
--- a/src/components/login/components/login-by-account.vue
+++ b/src/components/login/components/login-by-account.vue
@@ -23,126 +23,141 @@
           type="primary">登录
         </el-button>
       </el-form-item>
-    </el-form>   
+    </el-form>
   </section>
 </template>
 <script>
-  export default {
-    components: {
-     
-    },
-    data: function() {
-      return {
-        loginByNormal: true,
-        disabled: false,
-        vaildimg: '',
-        data: {
-          Logincode: "",
-          Password: "",
-          Code: "",
-          CodeKey: "",
-          Appcpde: ""
-        },
-        rules: {
-          Logincode: [this.$vaild.required("账号")],
-          Password: [this.$vaild.required("密码")],
-          Code: [this.$vaild.required("验证码")]
-        },
-        menus:[]
-      }
-    },
-    created: function() {
-      this.getvaild();
+import Fingerprint from './../../../../static/js/fingerprint.js'
 
+let finger = new Fingerprint()
+export default {
+  components: {
+
+  },
+  data: function () {
+    return {
+      loginByNormal: true,
+      disabled: false,
+      vaildimg: '',
+      data: {
+        Logincode: '',
+        Password: '',
+        Code: '',
+        CodeKey: '',
+        Appcpde: ''
+      },
+      rules: {
+        Logincode: [this.$vaild.required('账号')],
+        Password: [this.$vaild.required('密码')],
+        Code: [this.$vaild.required('验证码')]
+      },
+      menus: []
+    }
+  },
+  created: function () {
+    this.getvaild()
+    this.confire_finger()
+  },
+  beforeDestroy: function () {
+    clearTimeout(this.timerId)
+  },
+  methods: {
+
+    // 验证web指纹
+    confire_finger () {
+      let finger_code = finger.get()
+      this.$api.post(this.$api.phpURL + 'api/Verify/index', {code: finger_code}).then(res => {
+        if (res.msg == 'false') {
+          // eslint-disable-next-line camelcase
+          alert('访问错误！错误码：' + finger_code)
+          window.location.href = 'http://www.juip.com'
+        }
+      })
     },
-    beforeDestroy: function() {
-      clearTimeout(this.timerId);
-    },
-    methods: {
-    getMenus() {  
+    getMenus () {
       this.$api
-        .get("manage/v1/ManagerToPermission/GetPermissions")
-        .then(res => {            
-          var menus = res.Data;         
-          this.$local.setMenus(menus); 
-          this.$store.commit('setMnus', menus);          
-          var defulat=this.getDefaultMenu(menus);
-          this.$router.replace(defulat);  
-        });
+        .get('manage/v1/ManagerToPermission/GetPermissions')
+        .then(res => {
+          var menus = res.Data
+          this.$local.setMenus(menus)
+          this.$store.commit('setMnus', menus)
+          var defulat = this.getDefaultMenu(menus)
+          this.$router.replace(defulat)
+        })
     },
-    getDefaultMenu(menus){     
-      if(menus.length==0)return "/login"
-      var sumMenus;
-      for(var i=0;i<menus.length;i++){
-        sumMenus=menus[i].Children;
-        if(sumMenus) break;
-      }     
-       if(sumMenus.length==0) return "/login";
-       return sumMenus[0].Permissionurl;
-    },
-      getvaild() {
-        this.$api.get('baseinfo/v1/manager/GetValidateCode').then(res=>{
-            var img = "data:image/jpg;base64," + res.Data.img;
-            this.vaildimg = img;
-            this.data.CodeKey = res.Data.key;
-            clearTimeout(this.timerId);
-            this.timerId = setTimeout(() => {
-              this.getvaild();
-            }, 10 * 60 * 1000)
-        })
-         
-      },
-      submit: function(e) {
-        e.preventDefault();
-        this.$refs.form.validate(pass => {
-          if (!pass) return;
-          this.login();
-        })
-      },
-      loginSuccess: function(data) {
-        this.userInfo = data;
-        window.localStorage.clear(); //防止有未清理的缓存
-        this.$local.setUserCache(data)
-        this.$store.commit('updateUserInfo', data);       
-        window.localStorage.setItem("loginType", "property");   
-         this.getMenus();
-        // this.$router.replace('/user/index');  
-        
-      },
-      isNewUser(id) {
-        this.$api.get({
-          url: 'Manager/Account',
-          params: {
-            params: {
-              ID: id
-            }
-          },
-          success: (res) => {
-            if (res.Data.LoginCount <= 1) return this.$router.push({
-              name: "initlogin"
-            });
-            this.$router.push('/home');
-          },
-          failTip: '登录失败'
-        })
-      },
-      login() {
-        this.$api.post('baseinfo/v1/manager/Login',this.data).then(
-          res=>{
-          if (res.Data){
-            this.loginSuccess(res.Data);
-            return;
-          }           
-           return this.$message({
-              type: "error",
-              message: "无此用户信息"
-            })           
-          },err=>{
-               this.getvaild();
-          })          
+    getDefaultMenu (menus) {
+      if (menus.length == 0) return '/login'
+      var sumMenus
+      for (var i = 0; i < menus.length; i++) {
+        sumMenus = menus[i].Children
+        if (sumMenus) break
       }
+      if (sumMenus.length == 0) return '/login'
+      return sumMenus[0].Permissionurl
+    },
+    getvaild () {
+      this.$api.get('baseinfo/v1/manager/GetValidateCode').then(res => {
+        var img = 'data:image/jpg;base64,' + res.Data.img
+        this.vaildimg = img
+        this.data.CodeKey = res.Data.key
+        clearTimeout(this.timerId)
+        this.timerId = setTimeout(() => {
+          this.getvaild()
+        }, 10 * 60 * 1000)
+      })
+    },
+    submit: function (e) {
+      e.preventDefault()
+      this.$refs.form.validate(pass => {
+        if (!pass) return
+        this.login()
+      })
+    },
+    loginSuccess: function (data) {
+      this.userInfo = data
+      window.localStorage.clear() // 防止有未清理的缓存
+      this.$local.setUserCache(data)
+      this.$store.commit('updateUserInfo', data)
+      window.localStorage.setItem('loginType', 'property')
+      this.getMenus()
+      // this.$router.replace('/user/index');
+    },
+    isNewUser (id) {
+      this.$api.get({
+        url: 'Manager/Account',
+        params: {
+          params: {
+            ID: id
+          }
+        },
+        success: (res) => {
+          if (res.Data.LoginCount <= 1) {
+            return this.$router.push({
+              name: 'initlogin'
+            })
+          }
+          this.$router.push('/home')
+        },
+        failTip: '登录失败'
+      })
+    },
+    login () {
+      this.$api.post('baseinfo/v1/manager/Login', this.data).then(
+        res => {
+          if (res.Data) {
+            this.loginSuccess(res.Data)
+            return
+          }
+          return this.$message({
+            type: 'error',
+            message: '无此用户信息'
+          })
+        }, err => {
+          this.getvaild()
+        })
     }
   }
+}
 </script>
 
 <style scoped>
diff --git a/static/js/fingerprint.js b/static/js/fingerprint.js
new file mode 100644
index 0000000..7c83955
--- /dev/null
+++ b/static/js/fingerprint.js
@@ -0,0 +1,267 @@
+/*
+* fingerprintJS 0.5.3 - Fast browser fingerprint library
+* https://github.com/Valve/fingerprintjs
+* Copyright (c) 2013 Valentin Vasilyev (valentin.vasilyev@outlook.com)
+* Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
+*/
+
+;(function (name, context, definition) {
+  if (typeof module !== 'undefined' && module.exports) { module.exports = definition(); }
+  else if (typeof define === 'function' && define.amd) { define(definition); }
+  else { context[name] = definition(); }
+})('Fingerprint', this, function () {
+  'use strict';
+  
+  var Fingerprint = function (options) {
+    var nativeForEach, nativeMap;
+    nativeForEach = Array.prototype.forEach;
+    nativeMap = Array.prototype.map;
+
+    this.each = function (obj, iterator, context) {
+      if (obj === null) {
+        return;
+      }
+      if (nativeForEach && obj.forEach === nativeForEach) {
+        obj.forEach(iterator, context);
+      } else if (obj.length === +obj.length) {
+        for (var i = 0, l = obj.length; i < l; i++) {
+          if (iterator.call(context, obj[i], i, obj) === {}) return;
+        }
+      } else {
+        for (var key in obj) {
+          if (obj.hasOwnProperty(key)) {
+            if (iterator.call(context, obj[key], key, obj) === {}) return;
+          }
+        }
+      }
+    };
+
+    this.map = function(obj, iterator, context) {
+      var results = [];
+      // Not using strict equality so that this acts as a
+      // shortcut to checking for `null` and `undefined`.
+      if (obj == null) return results;
+      if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
+      this.each(obj, function(value, index, list) {
+        results[results.length] = iterator.call(context, value, index, list);
+      });
+      return results;
+    };
+
+    if (typeof options == 'object'){
+      this.hasher = options.hasher;
+      this.screen_resolution = options.screen_resolution;
+      this.canvas = options.canvas;
+      this.ie_activex = options.ie_activex;
+    } else if(typeof options == 'function'){
+      this.hasher = options;
+    }
+  };
+
+  Fingerprint.prototype = {
+    get: function(){
+      var keys = [];
+      keys.push(navigator.userAgent);
+      keys.push(navigator.language);
+      keys.push(screen.colorDepth);
+      if (this.screen_resolution) {
+        var resolution = this.getScreenResolution();
+        if (typeof resolution !== 'undefined'){ // headless browsers, such as phantomjs
+          keys.push(this.getScreenResolution().join('x'));
+        }
+      }
+      keys.push(new Date().getTimezoneOffset());
+      keys.push(this.hasSessionStorage());
+      keys.push(this.hasLocalStorage());
+      keys.push(!!window.indexedDB);
+      //body might not be defined at this point or removed programmatically
+      if(document.body){
+        keys.push(typeof(document.body.addBehavior));
+      } else {
+        keys.push(typeof undefined);
+      }
+      keys.push(typeof(window.openDatabase));
+      keys.push(navigator.cpuClass);
+      keys.push(navigator.platform);
+      keys.push(navigator.doNotTrack);
+      keys.push(this.getPluginsString());
+      if(this.canvas && this.isCanvasSupported()){
+        keys.push(this.getCanvasFingerprint());
+      }
+      if(this.hasher){
+        return this.hasher(keys.join('###'), 31);
+      } else {
+        return this.murmurhash3_32_gc(keys.join('###'), 31);
+      }
+    },
+
+    /**
+     * JS Implementation of MurmurHash3 (r136) (as of May 20, 2011)
+     * 
+     * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
+     * @see http://github.com/garycourt/murmurhash-js
+     * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
+     * @see http://sites.google.com/site/murmurhash/
+     * 
+     * @param {string} key ASCII only
+     * @param {number} seed Positive integer only
+     * @return {number} 32-bit positive integer hash 
+     */
+
+    murmurhash3_32_gc: function(key, seed) {
+      var remainder, bytes, h1, h1b, c1, c2, k1, i;
+      
+      remainder = key.length & 3; // key.length % 4
+      bytes = key.length - remainder;
+      h1 = seed;
+      c1 = 0xcc9e2d51;
+      c2 = 0x1b873593;
+      i = 0;
+      
+      while (i < bytes) {
+          k1 = 
+            ((key.charCodeAt(i) & 0xff)) |
+            ((key.charCodeAt(++i) & 0xff) << 8) |
+            ((key.charCodeAt(++i) & 0xff) << 16) |
+            ((key.charCodeAt(++i) & 0xff) << 24);
+        ++i;
+        
+        k1 = ((((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16))) & 0xffffffff;
+        k1 = (k1 << 15) | (k1 >>> 17);
+        k1 = ((((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16))) & 0xffffffff;
+
+        h1 ^= k1;
+            h1 = (h1 << 13) | (h1 >>> 19);
+        h1b = ((((h1 & 0xffff) * 5) + ((((h1 >>> 16) * 5) & 0xffff) << 16))) & 0xffffffff;
+        h1 = (((h1b & 0xffff) + 0x6b64) + ((((h1b >>> 16) + 0xe654) & 0xffff) << 16));
+      }
+      
+      k1 = 0;
+      
+      switch (remainder) {
+        case 3: k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
+        case 2: k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
+        case 1: k1 ^= (key.charCodeAt(i) & 0xff);
+        
+        k1 = (((k1 & 0xffff) * c1) + ((((k1 >>> 16) * c1) & 0xffff) << 16)) & 0xffffffff;
+        k1 = (k1 << 15) | (k1 >>> 17);
+        k1 = (((k1 & 0xffff) * c2) + ((((k1 >>> 16) * c2) & 0xffff) << 16)) & 0xffffffff;
+        h1 ^= k1;
+      }
+      
+      h1 ^= key.length;
+
+      h1 ^= h1 >>> 16;
+      h1 = (((h1 & 0xffff) * 0x85ebca6b) + ((((h1 >>> 16) * 0x85ebca6b) & 0xffff) << 16)) & 0xffffffff;
+      h1 ^= h1 >>> 13;
+      h1 = ((((h1 & 0xffff) * 0xc2b2ae35) + ((((h1 >>> 16) * 0xc2b2ae35) & 0xffff) << 16))) & 0xffffffff;
+      h1 ^= h1 >>> 16;
+
+      return h1 >>> 0;
+    },
+
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=781447
+    hasLocalStorage: function () {
+      try{
+        return !!window.localStorage;
+      } catch(e) {
+        return true; // SecurityError when referencing it means it exists
+      }
+    },
+    
+    hasSessionStorage: function () {
+      try{
+        return !!window.sessionStorage;
+      } catch(e) {
+        return true; // SecurityError when referencing it means it exists
+      }
+    },
+
+    isCanvasSupported: function () {
+      var elem = document.createElement('canvas');
+      return !!(elem.getContext && elem.getContext('2d'));
+    },
+
+    isIE: function () {
+      if(navigator.appName === 'Microsoft Internet Explorer') {
+        return true;
+      } else if(navigator.appName === 'Netscape' && /Trident/.test(navigator.userAgent)){// IE 11
+        return true;
+      }
+      return false;
+    },
+
+    getPluginsString: function () {
+      if(this.isIE() && this.ie_activex){
+        return this.getIEPluginsString();
+      } else {
+        return this.getRegularPluginsString();
+      }
+    },
+
+    getRegularPluginsString: function () {
+      return this.map(navigator.plugins, function (p) {
+        var mimeTypes = this.map(p, function(mt){
+          return [mt.type, mt.suffixes].join('~');
+        }).join(',');
+        return [p.name, p.description, mimeTypes].join('::');
+      }, this).join(';');
+    },
+
+    getIEPluginsString: function () {
+      if(window.ActiveXObject){
+        var names = ['ShockwaveFlash.ShockwaveFlash',//flash plugin
+          'AcroPDF.PDF', // Adobe PDF reader 7+
+          'PDF.PdfCtrl', // Adobe PDF reader 6 and earlier, brrr
+          'QuickTime.QuickTime', // QuickTime
+          // 5 versions of real players
+          'rmocx.RealPlayer G2 Control',
+          'rmocx.RealPlayer G2 Control.1',
+          'RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)',
+          'RealVideo.RealVideo(tm) ActiveX Control (32-bit)',
+          'RealPlayer',
+          'SWCtl.SWCtl', // ShockWave player
+          'WMPlayer.OCX', // Windows media player
+          'AgControl.AgControl', // Silverlight
+          'Skype.Detection'];
+          
+        // starting to detect plugins in IE
+        return this.map(names, function(name){
+          try{
+            new ActiveXObject(name);
+            return name;
+          } catch(e){
+            return null;
+          }
+        }).join(';');
+      } else {
+        return ""; // behavior prior version 0.5.0, not breaking backwards compat.
+      }
+    },
+
+    getScreenResolution: function () {
+      return [screen.height, screen.width];
+    },
+
+    getCanvasFingerprint: function () {
+      var canvas = document.createElement('canvas');
+      var ctx = canvas.getContext('2d');
+      // https://www.browserleaks.com/canvas#how-does-it-work
+      var txt = 'http://valve.github.io';
+      ctx.textBaseline = "top";
+      ctx.font = "14px 'Arial'";
+      ctx.textBaseline = "alphabetic";
+      ctx.fillStyle = "#f60";
+      ctx.fillRect(125,1,62,20);
+      ctx.fillStyle = "#069";
+      ctx.fillText(txt, 2, 15);
+      ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
+      ctx.fillText(txt, 4, 17);
+      return canvas.toDataURL();
+    }
+  };
+
+
+  return Fingerprint;
+
+});