登录跳转

src/api/admin.js

@@ -3,7 +3,7 @@ import { admin_url } from "@/utils/httpRequest";
 /**
  * 1.0.1管理员--账号登录
  */
-export const admin_login = (data) => admin_url("admin/login", data);
+export const login = (data) => admin_url("admin/login", data);
 /**
  * 1.0.4管理员--生成图片验证码
  */

src/store/index.js

@@ -1,9 +1,40 @@
 import Vue from "vue";
 import Vuex from "vuex";
+import { login } from "../api/admin";
+import { clearStore, setStore } from "../utils/store";
 Vue.use(Vuex);
 
 export default new Vuex.Store({
-  state: {},
-  mutations: {},
-  actions: {}
+  state: {
+    userInfo: {}
+  },
+  mutations: {
+    // 设置个人信息
+    SET_USERIFNO: (state, userInfo) => {
+      state.userInfo = userInfo;
+      setStore({ name: "xh-control-userInfo", content: userInfo });
+    }
+  },
+  actions: {
+    // 登陆
+    login_username({ commit }, userInfo) {
+      return new Promise((resolve, reject) => {
+        login(userInfo).then((res) => {
+          if (res.code == 0) {
+            const userInfo = res.obj;
+            commit("SET_USERIFNO", userInfo);
+          }
+          resolve(res);
+        });
+      });
+    },
+    // 登出
+    loginOut({ commit }) {
+      return new Promise((resolve, reject) => {
+        commit("SET_USERIFNO", []);
+        clearStore();
+        resolve("请重新登录！");
+      });
+    }
+  }
 });

src/utils/store.js

@@ -0,0 +1,99 @@
+import { validatenull } from "@/utils/validate";
+
+/**
+ * 存储localStorage
+ */
+export const setStore = (params = {}) => {
+  let { name, content, type } = params;
+  let obj = {
+    dataType: typeof content,
+    content: content,
+    type: type,
+    datetime: new Date().getTime()
+  };
+  if (type) window.sessionStorage.setItem(name, JSON.stringify(obj));
+  else window.localStorage.setItem(name, JSON.stringify(obj));
+};
+
+/**
+ * 获取localStorage
+ */
+export const getStore = (params = {}) => {
+  let { name, debug } = params;
+  let obj = {};
+  let content;
+  obj = window.sessionStorage.getItem(name);
+  if (validatenull(obj)) obj = window.localStorage.getItem(name);
+  if (validatenull(obj)) return;
+  try {
+    obj = JSON.parse(obj);
+  } catch {
+    return obj;
+  }
+  if (debug) {
+    return obj;
+  }
+  if (obj.dataType === "string") {
+    content = obj.content;
+  } else if (obj.dataType === "number") {
+    content = Number(obj.content);
+  } else if (obj.dataType === "boolean") {
+    content = this.eval(obj.content);
+  } else if (obj.dataType === "object") {
+    content = obj.content;
+  }
+  return content;
+};
+
+/**
+ * 删除localStorage
+ */
+export const removeStore = (params = {}) => {
+  let { name, type } = params;
+  if (type) {
+    window.sessionStorage.removeItem(name);
+  } else {
+    window.localStorage.removeItem(name);
+  }
+};
+
+/**
+ * 获取全部localStorage
+ */
+export const getAllStore = (params = {}) => {
+  let list = [];
+  let { type } = params;
+  if (type) {
+    for (let i = 0; i <= window.sessionStorage.length; i++) {
+      list.push({
+        name: window.sessionStorage.key(i),
+        content: getStore({
+          name: window.sessionStorage.key(i),
+          type: "session"
+        })
+      });
+    }
+  } else {
+    for (let i = 0; i <= window.localStorage.length; i++) {
+      list.push({
+        name: window.localStorage.key(i),
+        content: getStore({
+          name: window.localStorage.key(i)
+        })
+      });
+    }
+  }
+  return list;
+};
+
+/**
+ * 清空全部localStorage
+ */
+export const clearStore = (params = {}) => {
+  let { type } = params;
+  if (type) {
+    window.sessionStorage.clear();
+  } else {
+    window.localStorage.clear();
+  }
+};

src/utils/validate.js

@@ -0,0 +1,304 @@
+/**
+ * Created by jiachenpan on 16/11/18.
+ */
+
+export function isvalidUsername(str) {
+  const validMap = ["admin", "editor"];
+  return validMap.indexOf(str.trim()) >= 0;
+}
+
+/* 合法uri */
+export function validateURL(textval) {
+  const urlregex =
+    /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
+  return urlregex.test(textval);
+}
+/**
+ * 邮箱
+ * @param {*} s
+ */
+export function isEmail(s) {
+  return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(
+    s
+  );
+}
+
+/**
+ * 手机号码
+ * @param {*} s
+ */
+export function isMobile(s) {
+  return /^1[0-9]{10}$/.test(s);
+}
+
+/**
+ * 电话号码
+ * @param {*} s
+ */
+export function isPhone(s) {
+  return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s);
+}
+
+/**
+ * URL地址
+ * @param {*} s
+ */
+export function isURL(s) {
+  return /^http[s]?:\/\/.*/.test(s);
+}
+
+/* 小写字母 */
+export function validateLowerCase(str) {
+  const reg = /^[a-z]+$/;
+  return reg.test(str);
+}
+
+/* 大写字母 */
+export function validateUpperCase(str) {
+  const reg = /^[A-Z]+$/;
+  return reg.test(str);
+}
+
+/* 大小写字母 */
+export function validatAlphabets(str) {
+  const reg = /^[A-Za-z]+$/;
+  return reg.test(str);
+}
+/* 验证pad还是pc */
+export const vaildatePc = function () {
+  const userAgentInfo = navigator.userAgent;
+  const Agents = [
+    "Android",
+    "iPhone",
+    "SymbianOS",
+    "Windows Phone",
+    "iPad",
+    "iPod"
+  ];
+  let flag = true;
+  for (var v = 0; v < Agents.length; v++) {
+    if (userAgentInfo.indexOf(Agents[v]) > 0) {
+      flag = false;
+      break;
+    }
+  }
+  return flag;
+};
+/**
+ * validate email
+ * @param email
+ * @returns {boolean}
+ */
+export function validateEmail(email) {
+  const re =
+    /^(([^<>()\\[\]\\.,;:\s@"]+(\.[^<>()\\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  return re.test(email);
+}
+
+/**
+ * 判断身份证号码
+ */
+export function cardid(code) {
+  let list = [];
+  let result = true;
+  let msg = "";
+  var city = {
+    11: "北京",
+    12: "天津",
+    13: "河北",
+    14: "山西",
+    15: "内蒙古",
+    21: "辽宁",
+    22: "吉林",
+    23: "黑龙江 ",
+    31: "上海",
+    32: "江苏",
+    33: "浙江",
+    34: "安徽",
+    35: "福建",
+    36: "江西",
+    37: "山东",
+    41: "河南",
+    42: "湖北 ",
+    43: "湖南",
+    44: "广东",
+    45: "广西",
+    46: "海南",
+    50: "重庆",
+    51: "四川",
+    52: "贵州",
+    53: "云南",
+    54: "西藏 ",
+    61: "陕西",
+    62: "甘肃",
+    63: "青海",
+    64: "宁夏",
+    65: "新疆",
+    71: "台湾",
+    81: "香港",
+    82: "澳门",
+    91: "国外 "
+  };
+  if (!validatenull(code)) {
+    if (code.length === 18) {
+      if (!code || !/(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(code)) {
+        msg = "证件号码格式错误";
+      } else if (!city[code.substr(0, 2)]) {
+        msg = "地址编码错误";
+      } else {
+        // 18位身份证需要验证最后一位校验位
+        code = code.split("");
+        // ∑(ai×Wi)(mod 11)
+        // 加权因子
+        var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
+        // 校验位
+        var parity = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2, "x"];
+        var sum = 0;
+        var ai = 0;
+        var wi = 0;
+        for (var i = 0; i < 17; i++) {
+          ai = code[i];
+          wi = factor[i];
+          sum += ai * wi;
+        }
+        if (parity[sum % 11] !== code[17]) {
+          msg = "证件号码校验位错误";
+        } else {
+          result = false;
+        }
+      }
+    } else {
+      msg = "证件号码长度不为18位";
+    }
+  } else {
+    msg = "证件号码不能为空";
+  }
+  list.push(result);
+  list.push(msg);
+  return list;
+}
+/**
+ * 判断手机号码是否正确
+ */
+export function isvalidatemobile(phone) {
+  let list = [];
+  let result = true;
+  let msg = "";
+  var isPhone = /^0\d{2,3}-?\d{7,8}$/;
+  // 增加134 减少|1349[0-9]{7}，增加181,增加145，增加17[678]
+  if (!validatenull(phone)) {
+    if (phone.length === 11) {
+      if (isPhone.test(phone)) {
+        msg = "手机号码格式不正确";
+      } else {
+        result = false;
+      }
+    } else {
+      msg = "手机号码格式不正确";
+    }
+  } else {
+    msg = "手机号码不能为空";
+  }
+  list.push(result);
+  list.push(msg);
+  return list;
+}
+/**
+ * 判断手机号码是否正确 不是必填
+ */
+export function check_phone(phone) {
+  let list = [];
+  let result = true;
+  let msg = "";
+  var isPhone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
+  if (!validatenull(phone)) {
+    if (phone.length === 11) {
+      if (!isPhone.test(phone)) {
+        msg = "手机号码格式不正确";
+      } else {
+        result = false;
+      }
+    } else {
+      msg = "手机号码格式不正确";
+    }
+  } else {
+    result = false;
+  }
+  list.push(result);
+  list.push(msg);
+  return list;
+}
+/**
+ * 判断姓名是否正确
+ */
+export function validatename(name) {
+  var regName = /^[\u4e00-\u9fa5]{2,4}$/;
+  if (!regName.test(name)) return false;
+  return true;
+}
+/**
+ * 判断是否为整数
+ */
+export function validatenum(num, type) {
+  let regName = /[^\d.]/g;
+  if (type === 1) {
+    if (!regName.test(num)) return false;
+  } else if (type === 2) {
+    regName = /[^\d]/g;
+    if (!regName.test(num)) return false;
+  }
+  return true;
+}
+/**
+ * 判断是否为小数
+ */
+export function validatenumord(num, type) {
+  let regName = /[^\d.]/g;
+  if (type === 1) {
+    if (!regName.test(num)) return false;
+  } else if (type === 2) {
+    regName = /[^\d.]/g;
+    if (!regName.test(num)) return false;
+  }
+  return true;
+}
+/**
+ * 判断是否为空
+ */
+export function validatenull(val) {
+  if (typeof val === "boolean") {
+    return false;
+  }
+  if (typeof val === "number") {
+    return false;
+  }
+  if (val instanceof Array) {
+    if (val.length === 0) return true;
+  } else if (val instanceof Object) {
+    if (JSON.stringify(val) === "{}") return true;
+  } else {
+    if (
+      val === "null" ||
+      val === null ||
+      val === "undefined" ||
+      val === undefined ||
+      val === ""
+    )
+      return true;
+    return false;
+  }
+  return false;
+}
+// 密码必须是6-16位的英文字母、数字组合
+export function isLoginPwd(val) {
+  const passRegex = new RegExp("^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$");
+  return passRegex.test(val);
+}
+// 修改密码功能改为： 密码必须是8-16位大小写英文字母、数字组合 。
+export function isValidPassword(password) {
+  const reg = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,16}$/;
+  return {
+    is: reg.test(password),
+    msg: "密码必须是8-16位大小写英文字母、数字组合"
+  };
+}

src/views/login/login.vue

@@ -107,7 +107,7 @@ export default {
     return {
       code_info: {
         base64Str: "",
-        msgcode: ""
+        code: ""
       },
       usertype: 1,
       time1: null,
@@ -205,7 +205,6 @@ export default {
       img_code({
         loginname: this.loginForm.loginname
       }).then((data) => {
-        console.log(data);
         if (data.code === 0) {
           this.code_info = data.obj;
         } else {
@@ -238,16 +237,37 @@ export default {
     //登录
     login_by_username(name) {
       let that = this;
+      console.log(name);
       this.$refs[name].validate((valid) => {
         if (valid) {
           if (
-            this.loginForm.msgcode.toLowerCase() !==
-            this.code_info.msgcode.toLowerCase()
+            that.loginForm.msgcode.toLowerCase() !==
+            that.code_info.code.toLowerCase()
           ) {
             this.$Message.error("验证码不正确");
             return;
           }
-          this.wait_flag = true;
+          that.wait_flag = true;
+          let loginForm = that.loginForm;
+          that.$store.dispatch("login_username", loginForm).then((res) => {
+            that.wait_flag = false;
+            if (res.code == 0) {
+              that.$Message.success(res.msg);
+              //1平台管理员2区域管理员3学校管理员
+              console.log(res.obj);
+              let atype = res.obj.atype;
+              atype = 2;
+              if (atype === 1) {
+              } else if (atype === 2) {
+                this.$router.replace({ name: "region" });
+              } else if (atype === 3) {
+              }
+              that.set_userInfo();
+            } else {
+              that.$Message.error(res.msg);
+              that.wait_flag = false;
+            }
+          });
         }
       });
     },