移动文件

public/static/css/common.css

@@ -1,59 +1,90 @@
 a {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 ::-webkit-scrollbar {
-    width: 7px;
+	width: 7px;
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #b9b9b9;
-    border-radius: 10px;
+	background: #b9b9b9;
+	border-radius: 10px;
 }
 
 ::-webkit-scrollbar-track-piece {
-    background: transparent;
+	background: transparent;
 }
 
 /*自定义公共样式*/
-html, body {
-    margin: 0;
-    padding: 0;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
+html,
+body {
+	margin: 0;
+	padding: 0;
+	height: 100%;
+	width: 100%;
+	overflow: hidden;
 }
 
+/* 表格样式 */
+.zy-table-header-cell {
+	height: 55px !important;
+	color: #8A8F99 !important;
+	font-size: 14px !important;
+	font-weight: normal !important;
+	background: #f5f7fa !important;
+}
+
+.zy-table-cell {
+	font-size: 14px !important;
+	color: #1F2533 !important;
+}
+
+.zy-table-pagination {
+	float: right;
+	margin-top: 30px;
+}
+
+
+/* 模块通用样式 */
 .zy-module {
-    overflow: hidden;
-    box-sizing: border-box;
-    border-radius: 5px;
-    width: 100%;
-    background: white;
-    padding: 20px;
-    margin-bottom: 20px;
+	overflow: hidden;
+	box-sizing: border-box;
+	border-radius: 5px;
+	width: 100%;
+	background: white;
+	padding: 20px;
+	margin-bottom: 20px;
 }
 
 .zy-template {
-    width: 100%;
+	width: 100%;
 }
 
+/* 小标题 */
 .zy-main-title {
-    width: 100%;
-    height: 20px;
-    font-size: 15px;
-    overflow: hidden;
-    line-height: 20px;
-    margin-bottom: 20px;
-    box-sizing: border-box;
+	width: 100%;
+	height: 20px;
+	font-size: 15px;
+	overflow: hidden;
+	line-height: 20px;
+	margin-bottom: 20px;
+	box-sizing: border-box;
 }
 
 .zy-main-title::after {
-    border-radius: 5px;
-    content: "";
-    width: 4px;
-    height: 100%;
-    background: #0054FE;
-    float: left;
-    margin-right: 10px;
+	border-radius: 5px;
+	content: "";
+	width: 4px;
+	height: 100%;
+	background: #0054FE;
+	float: left;
+	margin-right: 10px;
+}
+
+/* 搜索框中表单样式 */
+.zy-search-form-item {
+	width: 250px;
+	display: inline-block;
+	margin-right: 30px;
+	margin-bottom: 10px !important;
 }

src/main.js

@@ -1,15 +1,13 @@
-import {
-    createApp
-} from 'vue'
+import {createApp} from 'vue'
 import ElementPlus from 'element-plus';
 import "./static/element-ui.css";
 import App from "./App.vue";
 import router from "./router";
 import Global from './static/js/global'
-import Http from './static/js/http.js'
-import './static/js/TokenManager'
+import Http from './static/js/http'
+import './static/js/token'
 
 const app = createApp(App);
-app.config.globalProperties.$http = Http;
-app.config.globalProperties.Global = Global;
+app.config.globalProperties.$http = Http.Http;
+app.config.globalProperties.$global = Global.URL;
 app.use(router).use(ElementPlus).mount('#app');

src/router/index.js

@@ -4,11 +4,11 @@ import {
 } from 'vue-router'
 import Login from "../views/login/login";
 import Layout from "../views/layout/layout";
-import Users from "../views/users/users";
+import Users from "../views/system/users.vue";
 import Devices from "../views/devices/devices";
 import Map from "../views/map/map";
 import Set from "../views/devices/set";
-import MqttLogs from "../views/mqttLogs/logs";
+import MqttLogs from "../views/devices/devices.vue";
 
 const routes = [{
     path: "/",

src/static/js/TokenManager.js

@@ -1,35 +0,0 @@
-const TokenManager = {
-    /**
-     * localStorage 存放token
-     */
-    setToken: function (obj) {
-        window.localStorage.setItem("token", JSON.stringify(obj));
-    },
-
-    /**
-     * 获取Token
-     */
-    getToken: function () {
-        return window.localStorage.getItem("token");
-    },
-
-    /**
-     * 注销登录
-     */
-    removeToken: function () {
-        window.localStorage.removeItem("token");
-    },
-    /**
-     * 是否验证过token信息
-     */
-    setVerify: function () {
-        window.sessionStorage.setItem("verify", "1");
-    },
-    /**
-     * 查看是否验证过token信息
-     */
-    getVerify: function () {
-        return sessionStorage.getItem("verify");
-    }
-};
-export default TokenManager;

src/static/js/axiosCfg.js

@@ -1,27 +1,26 @@
 //Http配置
 import Axios from 'axios'
 import {
-    ElMessage
+	ElMessage
 } from 'element-plus'
 import router from "../../router"
-import TokenManager from "./TokenManager"
+import TokenManager from "./token"
 
-Axios.defaults.timeout = 10000; // 超时时间
+// Axios.defaults.timeout = 10000; // 超时时间
 Axios.defaults.headers['verify'] = 'bms'; // 验证
-Axios.defaults.headers['Content-Type'] = `application/x-www-form-urlencoded`;
 
 /**
  * 拦截http请求
  */
 Axios.interceptors.request.use(config => {
-    // 判断是否存在token，如果存在的话，则每个http header都加上token
-    try {
-        const obj = JSON.parse(TokenManager.getToken());
-        config.headers['token'] = obj.token;
-    } catch {
-        return config;
-    }
-    return config;
+	// 判断是否存在token，如果存在的话，则每个http header都加上token
+	try {
+		const obj = JSON.parse(TokenManager.getToken());
+		config.headers['token'] = obj.token;
+	} catch {
+		return config;
+	}
+	return config;
 });
 
 
@@ -29,24 +28,27 @@ Axios.interceptors.request.use(config => {
  * 拦截http响应
  */
 Axios.interceptors.response.use(res => {
-    const status = res.data.status; //状态码
-    switch (status) {
-        case 300: //警告
-            ElMessage.warning(res.data.msg);
-            return reject(res);
-        case 401: //权限不足
-            ElMessage.warning("请先登录");
-            router.replace("/login");
-            return reject(res);
-        //服务器错误
-        case 500:
-            ElMessage.error("服务器开小差了");
-            return reject(res);
-        default:
-            return res.data;
-    }
+	switch (res.data.status) { //状态码
+		case 200:
+			return Promise.resolve(res.data);
+		case 300: //警告
+			ElMessage.error(res.data.msg);
+			break;
+		case 401: //权限不足
+			ElMessage.error("请先登录");
+			router.replace("/login");
+			break;
+		case 500: //服务器错误
+			ElMessage.error("服务器开小差了");
+			break;
+		default://无状态码
+			ElMessage.error("请求状态异常");
+			break;
+	}
+	return Promise.reject(res.data);
 }, error => {
-    ElMessage.error("接口异常");
+	ElMessage.error("请求异常");
+	return Promise.reject(res.data);
 });
 
 export default Axios

src/static/js/global.js

@@ -1,41 +1,43 @@
-// const server = "http://localhost:8081/bms/api/pc/";
-const server = "https://www.mang406.top/bms/api/pc/";
+const server = "http://localhost:8080/bms/api/pc/";
+// const server = "https://www.mang406.top/bms/api/pc/";
 
 const URL = {
-    //登录
-    login: server + "admin/login.do",
-    //验证token信息
-    verify: server + "admin/verify.do",
-    //获取用户列表
-    getUserList: server + "user/getListPage.do",
-    //获取设备列表
-    getDeviceList: server + "device/getListPage.do",
+	//登录
+	login: server + "admin/login.do",
+	//验证token信息
+	verify: server + "admin/verify.do",
+	//获取用户列表
+	getUserList: server + "user/getListPage.do",
+	//获取设备列表
+	getDeviceList: server + "device/getListPage.do",
 
-    //查询mqtt日志
-    getMqttLogs: server + "logs/listPage.do",
-    //查询所有的指令
-    getAllInstruction: server + "logs/getInstruction.do",
+	//查询mqtt日志
+	getMqttLogs: server + "logs/listPage.do",
+	//查询所有的指令
+	getAllInstruction: server + "logs/getInstruction.do",
 
-    //查询基本设置
-    getBaseSet: server + "set/baseSet.do",
-    //查询设备详情
-    getDeviceDetail: server + "device/getDetailByClientId.do",
+	//查询基本设置
+	getBaseSet: server + "set/baseSet.do",
+	//查询设备详情
+	getDeviceDetail: server + "device/getDetailByClientId.do",
 
-    //设置音量
-    setVolume: server + "set/volume.do",
-    //设置定位频率
-    setGpsRate: server + "set/gpsRate.do",
-    //自动接听
-    setAutoAnswer: server + "set/autoAnswer.do",
-    //持续定位
-    setContinue: server + "set/continue.do",
-    //发送消息
-    setNews: server + "set/news.do",
-    //紧急呼叫
-    setSos: server + "set/sos.do",
+	//设置音量
+	setVolume: server + "set/volume.do",
+	//设置定位频率
+	setGpsRate: server + "set/gpsRate.do",
+	//自动接听
+	setAutoAnswer: server + "set/autoAnswer.do",
+	//持续定位
+	setContinue: server + "set/continue.do",
+	//发送消息
+	setNews: server + "set/news.do",
+	//紧急呼叫
+	setSos: server + "set/sos.do",
 
-    //webSocket 地址
-    webSocket: "wss://www.mang406.top/webSocket/",
+	//webSocket 地址
+	webSocket: "wss://www.mang406.top/webSocket/",
 };
 
-export default {URL};
+export default {
+	URL
+};

src/static/js/http.js

@@ -1,7 +1,7 @@
 import Axios from "./axiosCfg";
 import Qs from "qs";
 import {
-    ElLoading
+	ElLoading
 } from "element-plus";
 
 let loading; //加载框
@@ -9,91 +9,82 @@ let loading; //加载框
  * 打开加载框
  */
 function openLoad() {
-    //关闭加载框
-    if (loading != null) loading.close();
-    //打开加载框
-    loading = ElLoading.service({
-        text: "正在加载",
-        target: document.querySelector("#loading-area")
-    });
+	if (loading != null) loading.close();
+	//打开加载框
+	loading = ElLoading.service({
+		text: "正在加载",
+		target: document.querySelector("#loading-area")
+	});
 }
 
 /**
  * 关闭加载框
  */
 function closeLoad() {
-    if (loading != null) {
-        loading.close();
-    }
+	if (loading != null) {
+		loading.close();
+	}
 }
 
 let Http = {
-    /**
-     * Post请求
-     */
-    Post: function (url, data) {
-        //打开加载框
-        openLoad();
-        //发送请求
-        return new Promise((resolve, reject) => {
-            Axios.post(url, Qs.stringify(data))
-                .then(res => {
-                    resolve(res);
-                })
-                .catch(res => {
-                    if (reject != null) {
-                        reject(res);
-                    }
-                })
-                .finally(() => {
-                    closeLoad();
-                })
-        });
-    },
-    /**
-     * Get请求
-     */
-    Get: function (url, data) {
-        //打开加载框
-        openLoad();
-        //请求数据
-        return new Promise((resolve, reject) => {
-            Axios.get(url, {
-                params: data
-            })
-                .then(function (res) {
-                    resolve(res);
-                })
-                .catch((res) => {
-                    if (reject != null) {
-                        reject(res);
-                    }
-                })
-                .finally(() => {
-                    //关闭加载框
-                    closeLoad();
-                })
-        });
-    },
-    /**
-     * 下载
-     */
-    Download: function (url, data, fileName) {
-        Axios.post(url, Qs.stringify(data), {
-            responseType: "blob"
-        }).then(res => {
-            let link = document.createElement("a");
-            link.style.display = "none";
-            link.href = window.URL.createObjectURL(new Blob([res]));
-            link.setAttribute("download", fileName); // 自定义下载文件名（如exemple.txt）
-            document.body.appendChild(link);
-            link.click();
-            URL.revokeObjectURL(link.href); // 释放URL 对象
-            document.body.removeChild(link);
-        });
-    }
+	/**
+	 * Post请求
+	 */
+	Post: function(url, data) {
+		//打开加载框
+		openLoad();
+		//发送请求
+		return new Promise((resolve, reject) => {
+			Axios.post(url, Qs.stringify(data))
+				.then(res => {
+					resolve(res);
+				})
+				.catch(res => {})
+				.finally(() => {
+					closeLoad();
+				})
+		});
+	},
+	/**
+	 * Get请求
+	 */
+	Get: function(url, data) {
+		//打开加载框
+		openLoad();
+		//请求数据
+		return new Promise((resolve, reject) => {
+			Axios.get(url, {
+					params: data
+				})
+				.then(res => {
+					resolve(res);
+				})
+				.catch(res => {})
+				.finally(() => {
+					//关闭加载框
+					closeLoad();
+				})
+		});
+	},
+	/**
+	 * 下载
+	 */
+	Download: function(url, data, fileName) {
+		Axios.post(url, Qs.stringify(data), {
+			responseType: "blob"
+		}).then(res => {
+			let link = document.createElement("a");
+			link.style.display = "none";
+			link.href = window.URL.createObjectURL(new Blob([res]));
+			link.setAttribute("download", fileName); // 自定义下载文件名（如exemple.txt）
+			document.body.appendChild(link);
+			link.click();
+			URL.revokeObjectURL(link.href); // 释放URL 对象
+			document.body.removeChild(link);
+		});
+	}
 };
 
 export default {
-    Http
+	Http
 };

src/static/js/token.js

@@ -0,0 +1,37 @@
+const TokenManager = {
+	/**
+	 * localStorage 存放token
+	 */
+	setToken: function(tokenAndName) {
+		window.localStorage.setItem("token", JSON.stringify(tokenAndName));
+	},
+
+	/**
+	 * 获取Token
+	 */
+	getToken: function() {
+		return window.localStorage.getItem("token");
+	},
+
+	/**
+	 * 注销登录
+	 */
+	removeToken: function() {
+		window.localStorage.removeItem("token");
+	},
+	
+	/**
+	 * 是否验证过token信息
+	 */
+	setVerify: function() {
+		window.sessionStorage.setItem("verify", "1");
+	},
+	
+	/**
+	 * 查看是否验证过token信息
+	 */
+	getVerify: function() {
+		return sessionStorage.getItem("verify");
+	}
+};
+export default TokenManager;

src/views/devices/devices.vue

@@ -1,19 +1,23 @@
 <template>
 	<div class="zy-template">
-		<div class="zy-template_search">
-			<el-form :model="condition" label-width="60px">
-				<el-form-item label="设备码:" class="form-item">
-					<el-input v-model="condition.num" size="small"></el-input>
+		<div class="zy-module">
+			<el-form :model="query" label-width="60px">
+				<el-form-item label="设备码" class="zy-search-form-item">
+					<el-input v-model="query.num" size="mini"></el-input>
 				</el-form-item>
-				<el-form-item class="form-item">
-					<el-button type="primary" size="small" @click="submit">查询</el-button>
+				<el-form-item label="状态" class="zy-search-form-item">
+					<el-select v-model="query.status" size="mini" placeholder=" ">
+						<el-option label="在线" value="1" />
+						<el-option label="离线" value="0" />
+					</el-select>
 				</el-form-item>
+				<el-button type="primary" size="mini" @click="submit">查询</el-button>
 			</el-form>
 		</div>
 
 		<div class="zy-template_table">
-			<el-table :data="page.records" max-height="800" stripe size="small" header-cell-class-name="header-cell"
-				style="width: 100%">
+			<el-table :data="page.records" max-height="800" stripe size="small"
+				header-cell-class-name="zy-table-header-cell" cell-class-name='zy-table-cell'>
 				<el-table-column prop="num" label="设备码" width="180" min-width="10%" />
 				<el-table-column prop="clientId" label="MQTT-clientId" width="300" min-width="10%" />
 				<el-table-column prop="password" label="MQTT-password" width="300" min-width="10%" />
@@ -37,7 +41,7 @@
 	export default {
 		data() {
 			return {
-				condition: {
+				query: {
 					num: '',
 					status: ''
 				},
@@ -80,7 +84,8 @@
 			 */
 			getDeviceList: function(params) {
 				const that = this;
-				this.Post(this.Global.getDeviceList, params).then(res => {
+				this.$http.Post(this.$global.getDeviceList, params).then(res => {
+					console.log(res.data);
 					that.page = res.data;
 				})
 			},
@@ -108,22 +113,6 @@
 	.zy-template {
 		width: 100%;
 
-		&_search {
-			overflow: hidden;
-			border-radius: 5px;
-			width: 100%;
-			background: white;
-			box-sizing: border-box;
-			padding: 20px;
-			margin-bottom: 20px;
-
-			& .form-item {
-				margin-bottom: 0;
-				float: left;
-				width: 230px;
-			}
-		}
-
 		&_table {
 			border-radius: 5px;
 			width: 100%;
@@ -131,9 +120,5 @@
 			box-sizing: border-box;
 			padding: 20px;
 		}
-
-		& .pagination {
-			margin-top: 20px;
-		}
 	}
 </style>

src/views/layout/layout.vue

@@ -1,140 +1,141 @@
 <template>
-    <el-container class="container">
-        <el-aside width="200px">
-            <div class="logo">
-                <img src="./static/logo.png" alt="logo">
-            </div>
-            <el-menu default-active="1" class="el-menu-vertical-demo" background-color="#141b2e" text-color="#E4ECFF">
-                <router-link to="/map">
-                    <el-menu-item index="1">
-                        <i class="el-icon-map-location"></i>
-                        <span slot="title">实时分布</span>
-                    </el-menu-item>
-                </router-link>
+	<el-container class="container">
+		<el-aside width="200px">
+			<div class="logo">
+				<img src="./static/logo.png" alt="logo">
+			</div>
+			<el-menu default-active="1" class="el-menu-vertical-demo" background-color="#141b2e" text-color="#E4ECFF">
+				<router-link to="/map">
+					<el-menu-item index="1">
+						<i class="el-icon-map-location"></i>
+						<span slot="title">实时分布</span>
+					</el-menu-item>
+				</router-link>
 
-                <router-link to="/users">
-                    <el-menu-item index="2">
-                        <i class="el-icon-user"></i>
-                        <span slot="title">用户管理</span>
-                    </el-menu-item>
-                </router-link>
+				<el-submenu index="2">
+					<template #title><i class="el-icon-monitor"></i>设备管理</template>
+					<router-link to="/devices">
+						<el-menu-item index="2-1">设备列表</el-menu-item>
+					</router-link>
+					<router-link to="/logs">
+						<el-menu-item index="2-2">消息日志</el-menu-item>
+					</router-link>
+				</el-submenu>
 
-                <router-link to="/devices">
-                    <el-menu-item index="3">
-                        <i class="el-icon-monitor"></i>
-                        <span slot="title">设备管理</span>
-                    </el-menu-item>
-                </router-link>
-
-                <router-link to="/logs">
-                    <el-menu-item index="4">
-                        <i class="el-icon-chat-line-square"></i>
-                        <span slot="title">收发日志</span>
-                    </el-menu-item>
-                </router-link>
-            </el-menu>
-        </el-aside>
-        <el-container>
-            <el-header class='header' style="height: 50px;">
-                <el-dropdown trigger="click" class="dropdown">
-					<span class="el-dropdown-link">
-						{{nickname}}<i class="el-icon-arrow-down el-icon--right"></i>
-					</span>
-                    <el-dropdown-menu>
-                        <el-dropdown-item>退出登录</el-dropdown-item>
-                    </el-dropdown-menu>
-                </el-dropdown>
-            </el-header>
-            <el-main>
-                <keep-alive>
-                    <router-view/>
-                </keep-alive>
-            </el-main>
-        </el-container>
-    </el-container>
+				<el-submenu index="3">
+					<template #title><i class="el-icon-setting"></i>系统设置</template>
+					<el-menu-item index="3-1">项目管理</el-menu-item>
+					<el-menu-item index="3-2">项目组管理</el-menu-item>
+					<el-menu-item index="3-3">角色管理</el-menu-item>
+					<router-link to="/users">
+						<el-menu-item index="3-4">用户管理</el-menu-item>
+					</router-link>
+				</el-submenu>
+			</el-menu>
+		</el-aside>
+		<el-container>
+			<el-header class='header' style="height: 50px;">
+				<div class="dropdown">
+					<el-dropdown trigger="click">
+						<span class="el-dropdown-link">
+							{{nickname}}<i class="el-icon-arrow-down el-icon--right"></i>
+						</span>
+						<template #dropdown>
+							<el-dropdown-menu>
+								<el-dropdown-item>退出登录</el-dropdown-item>
+							</el-dropdown-menu>
+						</template>
+					</el-dropdown>
+				</div>
+			</el-header>
+			<el-main>
+				<router-view />
+			</el-main>
+		</el-container>
+	</el-container>
 </template>
 
 <script>
-    import TokenManager from '../../static/js/TokenManager.js'
+	import TokenManager from '../../static/js/token.js'
 
-    export default {
-        data() {
-            return {
-                nickname: '',
-            };
-        },
-        mounted: function () {
-            this.initToken();
-        },
-        methods: {
-            /**
-             * 查看token信息
-             */
-            initToken: function () {
-                try {
-                    const obj = JSON.parse(TokenManager.getToken());
-                    if (TokenManager.getVerify() != null) {
-                        this.nickname = obj.nickname;
-                        return;
-                    }
-                    this.Get(this.Global.verify, {}).then(res => {
-                        TokenManager.setVerify();
-                        this.nickname = obj.nickname;
-                    })
-                } catch {
-                    this.$router.replace("/login");
-                }
-            }
-        }
-    };
+	export default {
+		data() {
+			return {
+				nickname: '管理员',
+			};
+		},
+		mounted: function() {
+			this.initToken();
+		},
+		methods: {
+			/**
+			 * 查看token信息
+			 */
+			initToken: function() {
+				try {
+					const obj = JSON.parse(TokenManager.getToken());
+					if (TokenManager.getVerify() != null) {
+						this.nickname = obj.nickname;
+						return;
+					}
+					this.$http.Get(this.$global.verify, {}).then(res => {
+						TokenManager.setVerify();
+						this.nickname = obj.nickname;
+					})
+				} catch {
+					this.$router.replace("/login");
+				}
+			}
+		}
+	};
 </script>
 
 <style scoped lang="scss">
-    .container {
-        height: 100%;
+	.container {
+		height: 100%;
 
-        & .logo {
-            box-sizing: border-box;
-            padding-top: 10px;
-            padding-left: 20px;
-            width: 100%;
-            height: 60px;
+		& .logo {
+			box-sizing: border-box;
+			padding-top: 10px;
+			padding-left: 20px;
+			width: 100%;
+			height: 60px;
 
-            & img {
-                width: 40px;
-                height: 40px;
-            }
+			& img {
+				width: 40px;
+				height: 40px;
+			}
 
-        }
+		}
 
-        & .header {
-            background: #f3f5f9;
+		& .header {
+			background: #f3f5f9;
 
-            & .dropdown {
-                float: right;
-                margin-right: 30px;
-                cursor: pointer;
-                line-height: 50px;
-            }
-        }
+			& .dropdown {
+				float: right;
+				margin-right: 30px;
+				cursor: pointer;
+				line-height: 50px;
+			}
+		}
 
-        & .el-main {
-            background: #f3f5f9;
-            height: 100%;
-            overflow-x: hidden;
-            overflow-y: scroll;
-            box-sizing: border-box;
-            padding: 0 15px 20px 20px;
+		& .el-main {
+			background: #f3f5f9;
+			height: 100%;
+			overflow-x: hidden;
+			overflow-y: scroll;
+			box-sizing: border-box;
+			padding: 0 15px 20px 20px;
 
-        }
+		}
 
-        & .el-aside {
-            height: 100%;
-            background: #141b2e;
+		& .el-aside {
+			height: 100%;
+			background: #141b2e;
 
-            & .el-menu {
-                border: none;
-            }
-        }
-    }
+			& .el-menu {
+				border: none;
+			}
+		}
+	}
 </style>

src/views/login/login.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-	import TokenManager from '../../static/js/TokenManager.js'
+	import TokenManager from '../../static/js/token.js'
 	export default {
 		data() {
 			return {
@@ -49,12 +49,12 @@
 			 * 提交表单时间
 			 */
 			submitForm(formName) {
-				const that = this;
 				this.$refs[formName].validate((valid) => {
 					if (!valid) return false;
-					that.Post(that.Global.login, that.form).then(res => {
+					//提交表单
+					this.$http.Post(this.$global.login, this.form).then(res => {
 						TokenManager.setToken(res.data);
-						that.$router.replace("/")
+						this.$router.replace("/")
 					})
 				});
 			},